/*
Theme Name:   Bethlen Ékszer – Enfold gyerektéma
Theme URI:    https://bethlenekszer.com/
Description:  A Bethlen Ékszer arculata Enfold alapon: Cormorant Garamond + Jost tipográfia, fehér-fekete paletta, arany kiemelés. A látványterv alapján.
Author:       Bethlen Ékszer
Version:      1.1.0
Template:     enfold-new
Text Domain:  bethlen-enfold-child
*/

/* ============================================================
   FIGYELEM: a "Template:" sornak PONTOSAN a szülőtéma mappa-
   nevével kell egyeznie (/wp-content/themes/<mappanév>).
   Ha nálad nem "enfold-new", írd át fentebb.
   ============================================================ */

/* ------------------------------------------------------------
   1. DESIGN TOKENEK
   ------------------------------------------------------------ */
:root{
  --bt-paper:#FFFFFF;
  --bt-mist:#F5F5F3;
  --bt-ink:#0E0E0D;
  --bt-ink-2:#575652;
  --bt-ink-3:#8C8A84;
  --bt-rule:#E3E2DE;
  --bt-gold:#A98A50;
  --bt-gold-soft:#C9B285;
  --bt-serif:"Cormorant Garamond","Iowan Old Style",Georgia,"Times New Roman",serif;
  --bt-sans:"Jost","Avenir Next","Segoe UI",Helvetica,Arial,sans-serif;
}

/* ------------------------------------------------------------
   2. ALAP TIPOGRÁFIA
   Az Enfold saját szabályai erősek, ezért a #top előtaggal
   emeljük a specificitást (ez az Enfold saját módszere).
   ------------------------------------------------------------ */
#top,
#top body,
body .container_wrap,
#top .avia_textblock,
#top p{
  font-family:var(--bt-sans);
  font-weight:300;
  color:var(--bt-ink-2);
  letter-spacing:0;
}
#top body{background:var(--bt-paper)}

#top h1,#top h2,#top h3,#top h4,#top h5,#top h6,
#top .av-special-heading-tag,
#top .post-title,
#top .entry-title{
  font-family:var(--bt-serif);
  font-weight:300;
  color:var(--bt-ink);
  letter-spacing:.004em;
  text-transform:none;
  text-wrap:balance;
}
#top h1{font-size:clamp(38px,5.4vw,72px);line-height:1.05}
#top h2{font-size:clamp(26px,3.4vw,42px);line-height:1.14}
#top h3{font-size:clamp(20px,2.1vw,26px);line-height:1.24}
#top h4{font-size:19px;line-height:1.3}

#top p,#top .avia_textblock p{font-size:15.5px;line-height:1.85;max-width:64ch}
#top .avia_textblock p + p{margin-top:1.1em}
#top strong{font-weight:400;color:var(--bt-ink)}
#top em{font-style:italic}

#top a{color:var(--bt-ink);text-decoration:none}
#top a:hover{color:var(--bt-gold)}
::selection{background:var(--bt-ink);color:#fff}

#top *:focus-visible{outline:2px solid var(--bt-gold);outline-offset:3px}

/* ------------------------------------------------------------
   3. FEJLÉC
   ------------------------------------------------------------ */
#top #header,
#top #header_main{
  background:rgba(255,255,255,.95);
  border-bottom:1px solid var(--bt-rule);
  box-shadow:none;
}
#top #header_main .container{border:0}
#top #header .logo,#top #header .logo a{line-height:1}
#top #header .logo img{max-height:74px!important;width:auto!important;height:auto!important}
#top #header_main .container{min-height:100px}
#top #header_main .main_menu,
#top #header_main .av-main-nav > li > a{height:100px;line-height:100px}
/* zsugorodó (sticky) fejléc */
#top #header.av_header_shrinking .logo img,
#top .header-scrolled .logo img{max-height:52px!important}
#top #header.av_header_shrinking #header_main .container,
#top .header-scrolled #header_main .container{min-height:72px}
#top #header.av_header_shrinking .av-main-nav > li > a,
#top .header-scrolled .av-main-nav > li > a{height:72px;line-height:72px}

#top .av-main-nav > li > a{
  font-family:var(--bt-sans);
  font-size:11.5px;
  font-weight:400;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--bt-ink-2);
}
#top .av-main-nav > li > a:hover,
#top .av-main-nav > li.current-menu-item > a,
#top .av-main-nav > li.current_page_item > a{color:var(--bt-ink)}
#top .av-main-nav > li > a .avia-menu-fx{background:var(--bt-gold);height:1px}
#top .av-main-nav ul{border:1px solid var(--bt-rule);box-shadow:0 8px 24px rgba(0,0,0,.06)}
#top .av-main-nav ul li a{
  font-size:12.5px;letter-spacing:.06em;text-transform:none;
  font-family:var(--bt-sans);background:#fff;color:var(--bt-ink-2);
}

/* felső infósáv (Enfold: Phone info / secondary menu) */
#top .phone-info,
#top #header_meta{
  border-bottom:1px solid var(--bt-rule);
  background:#fff;
}
#top .phone-info span,
#top #header_meta a{
  font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--bt-ink-3);
}

/* ------------------------------------------------------------
   4. GOMBOK
   ------------------------------------------------------------ */
#top .avia-button,
#top .avia-button.avia-color-theme-color,
#top input[type=submit],
#top .wpcf7-submit{
  font-family:var(--bt-sans);
  font-size:11.5px;
  font-weight:400;
  letter-spacing:.2em;
  text-transform:uppercase;
  padding:15px 26px;
  border-radius:0;
  border:1px solid var(--bt-ink);
  background:var(--bt-ink);
  color:#fff;
  text-shadow:none;
  box-shadow:none;
  transition:background .25s,color .25s;
  min-width:0;
}
#top .avia-button:hover,
#top input[type=submit]:hover,
#top .wpcf7-submit:hover{
  background:transparent;
  color:var(--bt-ink);
}
#top .avia-button.avia-color-light,
#top .avia-button.avia-color-silver{
  background:transparent;color:var(--bt-ink);border-color:var(--bt-rule);
}
#top .avia-button.avia-color-light:hover{background:var(--bt-ink);color:#fff;border-color:var(--bt-ink)}
#top .avia-button .avia_button_icon{display:none}

/* ------------------------------------------------------------
   5. SZEKCIÓK, SZÍNSÉMÁK
   ------------------------------------------------------------ */
#top .main_color{background-color:var(--bt-paper);color:var(--bt-ink-2)}
#top .alternate_color{background-color:var(--bt-mist);color:var(--bt-ink-2);border:0}
#top .avia-section{border:0}
#top .avia-section + .avia-section{border-top:1px solid var(--bt-rule)}
#top .content,#top .sidebar{padding-top:clamp(50px,7vw,100px);padding-bottom:clamp(50px,7vw,100px)}

#top hr,#top .hr-inner{border-color:var(--bt-rule)}
#top .av-special-heading .special-heading-border{display:none}

/* sötét szekció: adj az Avia Color Section-nek "bt-dark" osztályt */
#top .bt-dark,
#top .bt-dark.avia-section{background:var(--bt-ink)!important;color:rgba(243,242,239,.72)!important}
#top .bt-dark h1,#top .bt-dark h2,#top .bt-dark h3,#top .bt-dark h4,
#top .bt-dark .av-special-heading-tag{color:#F7F6F3!important}
#top .bt-dark p{color:rgba(243,242,239,.72)!important}
#top .bt-dark .avia-button{background:transparent;border-color:rgba(255,255,255,.26);color:#F3F2EF}
#top .bt-dark .avia-button:hover{background:#F3F2EF;color:var(--bt-ink);border-color:#F3F2EF}

/* ------------------------------------------------------------
   6. SEGÉDOSZTÁLYOK
   Ezeket az Avia elemek "Custom CSS Class" mezőjébe írd be.
   ------------------------------------------------------------ */

/* bt-eyebrow — apró arany, ritkított felcím (Text Block vagy Special Heading) */
#top .bt-eyebrow,
#top .bt-eyebrow p,
#top .bt-eyebrow .av-special-heading-tag{
  font-family:var(--bt-sans)!important;
  font-size:11px!important;
  font-weight:400!important;
  letter-spacing:.24em!important;
  text-transform:uppercase!important;
  color:var(--bt-gold)!important;
  line-height:1.6!important;
  margin-bottom:14px;
}

/* bt-lede — serif bevezető */
#top .bt-lede,#top .bt-lede p{
  font-family:var(--bt-serif)!important;
  font-size:clamp(19px,2.1vw,24px)!important;
  line-height:1.5!important;
  color:var(--bt-ink-2)!important;
  max-width:38ch;
}

/* bt-pull — kiemelt idézet */
#top .bt-pull,#top .bt-pull p{
  font-family:var(--bt-serif)!important;
  font-style:italic;
  font-size:clamp(21px,2.4vw,28px)!important;
  line-height:1.45!important;
  color:var(--bt-ink)!important;
  border-left:1px solid var(--bt-gold);
  padding-left:26px;
  max-width:26ch;
}

/* bt-sign — aláírás */
#top .bt-sign,#top .bt-sign p{
  font-family:var(--bt-serif)!important;font-style:italic;font-size:26px!important;color:var(--bt-ink)!important;
}

/* bt-marks — bizalmi sáv a hero alatt (Text Block, | jellel elválasztva) */
#top .bt-marks p{
  display:flex;gap:clamp(18px,4vw,48px);flex-wrap:wrap;max-width:none;
  font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--bt-ink-3);
}

/* bt-cover — teljes szélességű borítókép szekció (Avia Color Section,
   háttérkép: a gyűrűfotó, pozíció: jobb közép, "no repeat", full width) */
#top .bt-cover{
  min-height:clamp(460px,64vh,640px);
  display:flex;align-items:center;
  background-size:cover;
  background-position:72% 50%;
  position:relative;
}
#top .bt-cover::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.94) 26%,rgba(255,255,255,.55) 48%,rgba(255,255,255,0) 72%);
  pointer-events:none;
}
#top .bt-cover .container{position:relative;z-index:2}
#top .bt-cover .av_one_half,
#top .bt-cover .flex_column{max-width:min(56%,660px)}
@media only screen and (max-width:989px){
  #top .bt-cover{min-height:0;background-position:50% 40%;padding-top:220px}
  #top .bt-cover::before{background:linear-gradient(180deg,rgba(255,255,255,0) 30%,#fff 78%)}
  #top .bt-cover .av_one_half,#top .bt-cover .flex_column{max-width:none}
}

/* bt-grid3 — 3 oszlopos ékszer-rács hajszálvonalakkal
   (Avia: 3 db 1/3 oszlop, mindegyiknek "bt-card" osztály, a sorra "bt-grid3") */
#top .bt-card{
  border:1px solid var(--bt-rule);
  padding:20px 20px 24px;
  margin-bottom:20px;
}
#top .bt-card img{margin-bottom:14px}
#top .bt-card h3,#top .bt-card .av-special-heading-tag{font-size:19px;margin-bottom:10px}
#top .bt-card ul{list-style:none;margin:0;padding:0}
#top .bt-card li{
  font-size:12px;color:var(--bt-ink-2);line-height:1.7;
  padding-left:16px;position:relative;
}
#top .bt-card li::before{
  content:"";position:absolute;left:0;top:.62em;
  width:4px;height:4px;background:var(--bt-gold);transform:rotate(45deg);
}

/* bt-steps — számozott folyamatlépések */
#top .bt-step{border:1px solid var(--bt-rule);padding:26px 22px 30px}
#top .bt-step .bt-num{
  display:block;font-family:var(--bt-serif);font-size:34px;color:var(--bt-gold-soft);line-height:1;margin-bottom:10px;
}

/* bt-slot — az ékszertervező bővítmény helye */
#top .bt-slot{border:1px solid var(--bt-rule);padding:clamp(18px,2.5vw,28px);background:#fff}

/* ------------------------------------------------------------
   7. BLOG
   ------------------------------------------------------------ */
#top .post-entry .post-title{font-size:23px}
#top .post-meta-infos,#top .blog-meta,#top .slide-meta{
  font-family:var(--bt-sans);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--bt-ink-3);
}
#top .read-more-link a,#top .more-link{
  font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--bt-gold);
}
#top .post_delimiter{border-color:var(--bt-rule)}
#top .avia-content-slider .slide-image,#top .big-preview img{border-radius:0}

/* ------------------------------------------------------------
   8. ŰRLAP (Contact Form 7)
   ------------------------------------------------------------ */
#top .wpcf7 label{
  font-family:var(--bt-sans);font-size:10.5px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--bt-ink-3);display:block;
}
#top .wpcf7 input[type=text],
#top .wpcf7 input[type=email],
#top .wpcf7 input[type=tel],
#top .wpcf7 textarea{
  font-family:var(--bt-sans);font-size:15px;font-weight:300;color:var(--bt-ink);
  border:0;border-bottom:1px solid var(--bt-rule);background:transparent;
  border-radius:0;padding:9px 0;box-shadow:none;width:100%;
}
#top .wpcf7 input:focus,#top .wpcf7 textarea:focus{
  border-bottom-color:var(--bt-ink);box-shadow:none;outline:0;
}
#top .wpcf7 textarea{min-height:130px;line-height:1.6}
#top .wpcf7-list-item{margin:0}
#top .wpcf7-acceptance .wpcf7-list-item-label{
  font-size:12.5px;color:var(--bt-ink-2);text-transform:none;letter-spacing:0;
}
#top .wpcf7 form .wpcf7-response-output{
  border:0;border-left:1px solid var(--bt-gold);margin:16px 0 0;padding:6px 0 6px 16px;
  font-size:13px;color:var(--bt-ink-2);
}

/* ------------------------------------------------------------
   9. LÁBLÉC
   ------------------------------------------------------------ */
#top #footer{
  background:var(--bt-mist);
  border-top:1px solid var(--bt-rule);
  padding-top:clamp(48px,6vw,78px);padding-bottom:clamp(30px,3vw,44px);
}
/* a "stretched" elrendezésnél a konténernek nincs max-szélessége — visszaadjuk */
#top #footer .container,
#top #socket .container{
  max-width:1240px!important;margin-inline:auto!important;
  padding-inline:clamp(20px,5vw,72px)!important;
}
#top #footer .flex_column{margin-bottom:0}
#top #footer .widget{padding:0;margin:0 0 30px}
#top #footer .widget:last-child{margin-bottom:0}
#top #footer .widgettitle{
  font-family:var(--bt-sans);font-size:11.5px;font-weight:400;letter-spacing:.22em;
  text-transform:uppercase;color:var(--bt-ink-3);margin:0 0 18px;padding-bottom:12px;
  border-bottom:1px solid var(--bt-rule);
}
#top #footer p,#top #footer li{font-size:15px;line-height:1.9;color:var(--bt-ink-2)}
#top #footer a,#top #footer li a{font-size:15px;color:var(--bt-ink-2)}
#top #footer a:hover{color:var(--bt-gold)}
#top #footer ul{list-style:none;margin:0;padding:0}
#top #footer .widget_nav_menu li,#top #footer li{border:0!important;padding:5px 0!important;margin:0!important}
/* a logós oszlop jobbra, függőlegesen középre */
#top #footer .flex_column:last-child{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;text-align:right}
#top #footer .flex_column:last-child img{max-width:210px;height:auto;margin-left:auto}
@media only screen and (max-width:767px){
  #top #footer .flex_column:last-child{align-items:flex-start;text-align:left;margin-top:26px}
  #top #footer .flex_column:last-child img{margin-left:0}
}
#top #socket{
  background:var(--bt-mist);border-top:1px solid var(--bt-rule);color:var(--bt-ink-3);
  padding:18px 0;
}
#top #socket .container{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
#top #socket .copyright,#top #socket .sub_menu_socket{float:none!important;margin:0!important;line-height:1.6}
#top #socket .copyright,#top #socket a{
  font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--bt-ink-3);
}
#top #socket a:hover{color:var(--bt-ink)}

/* ------------------------------------------------------------
   10. APRÓSÁGOK
   ------------------------------------------------------------ */
#top .avia-image-container img,#top .avia_image{border-radius:0}
#top .av-share-box{border:0}
#top #scroll-top-link{border:1px solid var(--bt-rule);background:#fff;color:var(--bt-ink)}
#top .av-language-switch-item a{font-size:11px;letter-spacing:.16em;text-transform:uppercase}

/* nyomtatás */
@media print{
  #top #header,#top #footer,#top #socket,#top .av-share-box{display:none!important}
}