/* Csak az, amit a theme.json nem tud: állapotok, átmenet, elrendezés, dekoráció. Színek és méretek: a theme.json változói. */
:root{--opal-pad:clamp(20px,4vw,48px);--opal-ease:cubic-bezier(.2,0,0,1);--opal-dur:160ms;--opal-btn-h:52px}
*,*::before,*::after{border-radius:0;box-shadow:none}
body{margin:0}
:focus-visible{outline:2px solid var(--wp--preset--color--tinta);outline-offset:2px}
.opal-label{font-size:var(--wp--preset--font-size--cimke);font-weight:500;text-transform:uppercase;letter-spacing:.08em;line-height:1.2}
.opal-muted{color:var(--wp--preset--color--masod)}
.opal-sec{padding:var(--wp--preset--spacing--9) var(--opal-pad) 0;margin:0!important}
.opal-sec--flush{padding-inline:0}
.opal-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:var(--wp--preset--spacing--4)}
.opal-display{letter-spacing:-.02em;line-height:1.05}

/* Gombok: 48 px, hover 3 px emelés, csak transform/színváltás */
.wp-element-button,.wp-block-button__link,.wc-block-components-button{min-height:var(--opal-btn-h);padding:0 28px;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;cursor:pointer;transition:transform var(--opal-dur) var(--opal-ease),background var(--opal-dur) var(--opal-ease),border-color var(--opal-dur) var(--opal-ease)}
.wp-element-button:hover,.wp-block-button__link:hover{transform:translateY(-3px)}
.wp-element-button:active,.wp-block-button__link:active{transform:scale(.97);background:var(--wp--preset--color--masod)}
.is-style-outline>.wp-block-button__link{background:transparent;color:var(--wp--preset--color--tinta);border:2px solid var(--wp--preset--color--masod)}
.is-style-outline>.wp-block-button__link:hover{border-color:var(--wp--preset--color--tinta);background:transparent;color:var(--wp--preset--color--tinta)}
.is-style-outline>.wp-block-button__link:active{background:var(--wp--preset--color--vonal)}
.wp-element-button:disabled,.wp-element-button[aria-disabled=true],.wc-block-components-button:disabled{background:var(--wp--preset--color--mely);color:var(--wp--preset--color--halvany);cursor:not-allowed;transform:none}

/* Fejléc */
.opal-header{background:var(--wp--preset--color--mely);position:relative;z-index:41;margin:0!important;padding-inline:var(--opal-pad)!important;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--wp--preset--spacing--4);min-height:88px}
.opal-header .wp-block-navigation a,.opal-header .wp-block-navigation-item__content{min-height:44px;display:inline-flex;align-items:center;font-size:var(--wp--preset--font-size--cimke);font-weight:500;text-transform:uppercase;letter-spacing:.08em;text-decoration:none;border-bottom:2px solid transparent;transition:transform var(--opal-dur) var(--opal-ease),border-color var(--opal-dur)}
.opal-header .wp-block-navigation a:hover{transform:translateY(-2px);border-bottom-color:var(--wp--preset--color--tinta);color:var(--wp--preset--color--tinta)}
.opal-header__tools{display:flex;justify-content:flex-end;align-items:center;gap:var(--wp--preset--spacing--2)}
.opal-header__logo{margin:0;justify-self:center}.opal-header__logo a{display:block;line-height:0}.opal-header__logo img{height:56px;width:auto;max-width:none;display:block}
.opal-search .wp-block-search__inside-wrapper{border:0!important;padding:0!important;background:none!important}.opal-search .wp-block-search__input{background:var(--wp--preset--color--mely);color:var(--wp--preset--color--tinta);border:0;border-bottom:1px solid var(--wp--preset--color--vonal-ero);border-radius:0;min-height:44px;font-size:var(--wp--preset--font-size--torzs)}.opal-search.wp-block-search__searchfield-hidden .wp-block-search__input{border:0;padding:0;width:0;min-width:0}.opal-search .wp-block-search__button,.opal-header .wc-block-mini-cart__button{background:transparent!important;color:var(--wp--preset--color--tinta)!important;border:0!important;min-width:44px;min-height:44px;padding:0 10px;margin:0;transform:none}.opal-search .wp-block-search__button:hover{transform:translateY(-2px);background:transparent!important}.opal-search .wp-block-search__button svg{fill:currentColor;width:24px;height:24px}
.wp-block-navigation__responsive-container-open,.wp-block-navigation__responsive-container-close{min-width:44px;min-height:44px}

/* Lábléc */
.opal-footer{background:var(--wp--preset--color--mely);padding:64px var(--opal-pad) 40px!important;margin:0!important;position:relative;z-index:41}
.opal-footer__cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:40px 32px}
.opal-footer .wp-block-navigation a{min-height:44px;display:inline-flex;align-items:center;text-decoration:none}
.opal-footer__base{border-top:1px solid var(--wp--preset--color--vonal);padding-top:32px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px}

/* Meniszkusz: blokkzáró körjel */
.opal-meniscus{padding:var(--wp--preset--spacing--9) var(--opal-pad) 0;margin:0!important;display:flex;align-items:center;gap:var(--wp--preset--spacing--4)}
.opal-meniscus::before,.opal-meniscus::after{content:"";flex:1;border-top:1px solid var(--wp--preset--color--vonal)}
.opal-meniscus img{width:24px;height:24px;display:block;flex:none}

/* Hero */
.opal-hero{position:relative;width:100%;aspect-ratio:1376/768;overflow:hidden;margin:0!important;padding:0!important;max-width:none!important}
.opal-hero__track{position:absolute;inset:0;display:flex;transition:transform 700ms var(--opal-ease)}
.opal-hero__slide{position:relative;flex:none;width:100%;height:100%;overflow:hidden;margin:0!important;padding:0!important}
.opal-hero__slide .wp-block-image,.opal-hero__slide .wp-block-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;margin:0}
.opal-hero__box{position:absolute;display:flex;flex-direction:column;gap:28px}
.opal-hero--left .opal-hero__box{top:0;bottom:0;left:var(--opal-pad);width:58%;min-width:340px;justify-content:center;align-items:flex-start}
.opal-hero--center .opal-hero__box{inset:0;justify-content:center;align-items:center;text-align:center;padding:0 17%}
.opal-hero--bottom .opal-hero__box{left:0;right:0;bottom:9%;align-items:center;text-align:center;padding:0 12%;gap:24px}
.opal-hero__title{font-size:var(--wp--preset--font-size--hero);font-weight:300;line-height:1.05;letter-spacing:-.02em;margin:0;text-wrap:balance;max-width:1100px}
.opal-hero__dots{position:absolute;right:var(--opal-pad);bottom:12px;display:flex;z-index:2}
.opal-hero__dots button{width:44px;height:44px;background:none;border:0;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}
.opal-hero__dots span{display:block;width:14px;height:14px;border-radius:50%;box-sizing:border-box;border:1.5px solid var(--wp--preset--color--tinta)}
.opal-hero__dots [aria-current=true] span{background:var(--wp--preset--color--tinta)}
@media (max-width:900px){.opal-hero{aspect-ratio:auto;height:560px}.opal-hero__box{inset:auto 0 0 0!important;width:auto!important;min-width:0!important;padding:0 var(--opal-pad) 48px!important;justify-content:flex-end!important;align-items:flex-start!important;text-align:left!important;gap:24px!important}.opal-hero__title{font-size:clamp(34px,9vw,56px)}.opal-hero__dots{display:none}}

/* Stílus-kártyák, három szín, tények */
.opal-scroller{display:grid!important;grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);gap:32px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--opal-pad);padding:0 var(--opal-pad) 8px}
.opal-scroller>*{scroll-snap-align:start}
@media (max-width:700px){.opal-scroller{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:28px 16px;overflow:visible}.opal-scroller .opal-name{font-size:19px}}
.opal-card{display:flex;flex-direction:column;gap:14px;background:none;border:0}
.opal-card img,.opal-card .wc-block-components-product-image img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;transition:filter var(--opal-dur) var(--opal-ease)}
.opal-card:hover img{filter:brightness(1.06)}
.opal-card a{text-decoration:none}
.opal-name{font-size:var(--wp--preset--font-size--termek);font-weight:400;line-height:1.25;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:767px){.opal-name,.wc-block-product .wp-block-post-title{font-size:19px}}
.opal-colors{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:32px}
@media (max-width:700px){.opal-colors{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}
.opal-ring{display:inline-block;width:20px;height:20px;border-radius:50%;border:3px solid;box-sizing:border-box;flex:none}
.opal-ring--borostyan{border-color:var(--wp--preset--color--borostyan)}.opal-ring--kobalt{border-color:var(--wp--preset--color--kobalt)}.opal-ring--mohazold{border-color:var(--wp--preset--color--mohazold)}
.opal-colorcap{display:flex;align-items:center;gap:12px}
.opal-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:0 32px}
.opal-fact{border-top:1px solid var(--wp--preset--color--vonal);padding:20px 0 24px;display:flex;flex-direction:column;gap:12px}
@media (max-width:700px){.opal-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}}
.opal-workshop{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:72px;align-items:center;padding:var(--wp--preset--spacing--9) var(--opal-pad) 0 0;margin:0!important}
.opal-workshop__photo{position:relative;aspect-ratio:4/3;overflow:hidden}
.opal-workshop__photo img{position:absolute;width:300%;max-width:none;left:-100%;top:-120%}
.opal-workshop__text{display:flex;flex-direction:column;gap:28px;padding-left:var(--opal-pad);max-width:560px}

/* Szűrősáv: gombsor, sorba törik, 44 px+ */
.opal-filters{display:flex;flex-wrap:wrap;gap:8px 8px;padding:0 var(--opal-pad)}
.opal-filters .wp-block-button__link{min-height:44px;padding:0 20px;background:transparent;color:var(--wp--preset--color--tinta);border:1px solid var(--wp--preset--color--vonal-ero)}
.opal-filters .wp-block-button__link[aria-current=true]{border-color:var(--wp--preset--color--tinta)}
@media (max-width:700px){.opal-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Termékrács: nincs háttér, nincs keret; a fotó saját háttere (#282627) adja a formát */
.wc-block-product-template{column-gap:32px!important;row-gap:48px!important}
.wc-block-product{background:none;border:0}
.wc-block-components-product-image img{background:var(--wp--preset--color--alap)}
.wc-block-product .wp-block-post-title a{text-decoration:none}

/* Üres állapot / hiba */
.opal-state{display:flex;flex-direction:column;gap:16px;align-items:flex-start;padding:var(--wp--preset--spacing--8) var(--opal-pad)}
.opal-error{color:var(--wp--preset--color--rossz-szoveg)}
.opal-error-field{border-color:var(--wp--preset--color--rossz)!important}

/* Szövegoldal */
.opal-text table{width:100%;border-collapse:collapse}
.opal-text th,.opal-text td{border-top:1px solid var(--wp--preset--color--vonal);padding:12px 16px 12px 0;text-align:left;vertical-align:top}
.opal-text th{font-size:var(--wp--preset--font-size--cimke);font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--wp--preset--color--masod)}
.opal-text .wp-block-table{overflow-x:auto}

/* Buborékok (főoldal, műhely, kapcsolat): a bubbles.js tölti */
.opal-bubbles{position:absolute;top:0;left:0;width:100%;z-index:40;overflow:hidden;pointer-events:none}
.op-rise{position:absolute;top:100%;animation:opRise var(--d) linear var(--p) infinite;will-change:top}
.op-sway{width:100%;height:100%;border-radius:50%;animation:opSway var(--s) ease-in-out var(--p) infinite alternate;will-change:transform}
@keyframes opRise{from{top:100%}to{top:-60px}}
@keyframes opSway{from{transform:translateX(-14px)}to{transform:translateX(14px)}}
@media (prefers-reduced-motion:reduce){.op-rise,.op-sway{animation:none}.opal-hero__track{transition:none}*{transition-duration:.01ms!important}}
.opal-totop{position:fixed;right:clamp(16px,2.5vw,32px);bottom:clamp(16px,2.5vw,32px);z-index:50;width:52px;height:52px;border-radius:50%;border:0;background:var(--wp--preset--color--papir);color:var(--wp--preset--color--mely);cursor:pointer;display:flex;align-items:center;justify-content:center}
.wp-site-blocks>*+*{margin-block-start:0}

/* Hiányzó adat: jelölt, szaggatott tartalék (nem kitalált érték). */
.opal-missing{display:inline-block;border:1px dashed var(--wp--preset--color--vonal-ero);padding:0 6px;color:var(--wp--preset--color--masod)}

/* A WP flow-elrendezés (is-layout-flow) minden nem első gyerekre margin-block-start-ot tesz.
   A téma rácsaiban és oszlopaiban ez elcsúsztatja az elemeket és duplázza a térközt: itt a gap a térköz. */
.opal-scroller>*,.opal-colors>*,.opal-facts>*,.opal-card>*,.opal-fact>*,.opal-colorcap>*,.opal-head>*,
.opal-workshop>*,.opal-workshop__text>*,.opal-hero__box>*,.opal-state>*,
.opal-footer__cols>*,.opal-footer__cols>*>*,.opal-footer__base>*,.opal-footer>*{margin-block:0}
/* Szakasz: oszlop, a tervi 32 px-es térközzel (a szövegoldal folyó szöveg marad). */
.opal-sec:not(.opal-text){display:flex;flex-direction:column;gap:32px}
.opal-sec:not(.opal-text)>*{margin-block:0}
/* Lábléc: lista pötty nélkül, a menüpontok egymás alatt térköz nélkül (44 px-es sor). */
.opal-footer ul.wp-block-list{list-style:none;padding:0}
.opal-footer ul.wp-block-list li{min-height:44px;display:flex;align-items:center}
.opal-footer .wp-block-navigation__container{gap:0}
/* A katalógus-sáv saját belső margóval fut a képernyő széléig (a szakasz margóját nem duplázza). */
.opal-sec>.opal-scroller{margin-inline:calc(var(--opal-pad)*-1)}

/* ===== 0.1.6: igazítás a 06-html-terv lapjaihoz ===== */
:root{--opal-gap-x:32px;--opal-gap-y:44px}

/* Vissza-link (minden aloldal teteje) */
.opal-back{padding:24px var(--opal-pad) 0}
.opal-link{display:inline-flex;align-items:center;gap:12px;font-size:16px;line-height:1.5;color:var(--wp--preset--color--tinta);text-decoration:none;border-bottom:1px solid var(--wp--preset--color--tinta);padding-bottom:6px;min-height:44px;box-sizing:border-box}
.opal-link span{margin-right:8px}
.opal-link:hover{color:var(--wp--preset--color--masod);border-color:var(--wp--preset--color--masod)}

/* Vissza a lap tetejére (terv: fix kör, jobb alsó sarok) */
.opal-totop{position:fixed;right:clamp(16px,2.5vw,32px);bottom:clamp(16px,2.5vw,32px);z-index:50;width:52px;height:52px;border-radius:50%!important;background:var(--wp--preset--color--papir);color:var(--wp--preset--color--mely);display:flex;align-items:center;justify-content:center;transition:transform var(--opal-dur) var(--opal-ease)}
.opal-totop:hover{transform:translateY(-3px)}
.opal-totop:active{transform:scale(.97)}

/* Lábléc: meniszkusz fölötte, a terv térközeivel */
.opal-footer-sep{padding:128px var(--opal-pad) 64px;margin:0!important}
.opal-footer-sep .opal-meniscus{padding:0}
.opal-footer{display:flex;flex-direction:column;gap:56px;color:var(--wp--preset--color--tinta)}
.opal-footer__col{display:flex;flex-direction:column;gap:4px}
.opal-footer__col .opal-label{color:var(--wp--preset--color--masod);padding-bottom:12px}
.opal-footer__col a,.opal-footer__col>span:not(.opal-label){font-size:16px;line-height:1.5;padding:10px 0;color:var(--wp--preset--color--tinta);text-decoration:none;min-height:44px;box-sizing:border-box}
.opal-footer__col a:hover{color:var(--wp--preset--color--masod)}
.opal-footer__base img{width:200px;height:auto;display:block}
.opal-footer__copy{font-size:13px;line-height:1.5;color:var(--wp--preset--color--masod)}

/* Kollekció és kategória fejrésze */
.opal-colhead{padding:64px var(--opal-pad) 0}
.opal-colhead__row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 48px}
.opal-colhead__text{display:flex;flex-direction:column;gap:20px}
.opal-colhead__title,.opal-pagehead__title{font-size:clamp(40px,6vw,64px);font-weight:300;line-height:1.05;letter-spacing:-.02em;margin:0}
.opal-colhead__lead,.opal-lead{font-size:19px;line-height:1.4;color:var(--wp--preset--color--masod);margin:0;text-wrap:balance;max-width:620px}
.opal-lead--tinta{color:var(--wp--preset--color--tinta);max-width:520px}
.opal-colhead__count{font-size:19px;line-height:1.3;margin:0}
.opal-homes{padding:48px var(--opal-pad) 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:24px}
.opal-homes__fig{margin:0;display:flex;flex-direction:column;gap:14px}
.opal-homes__fig img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block}
.opal-fb{white-space:nowrap;font-size:13px;font-weight:500;line-height:1;text-transform:uppercase;letter-spacing:.08em;min-height:44px;padding:0 16px;color:var(--wp--preset--color--tinta);border:2px solid var(--wp--preset--color--masod);display:inline-flex;align-items:center;gap:10px;text-decoration:none;box-sizing:border-box;transition:transform var(--opal-dur) var(--opal-ease),border-color var(--opal-dur)}
.opal-fb:hover{transform:translateY(-3px);border-color:var(--wp--preset--color--tinta)}
.opal-fb:active{transform:scale(.97)}

/* Termékrács: 2 oszlop, 1024 px-től 4 (terv: op-grid.ov) */
.opal-gridsec{padding:26px var(--opal-pad) 0;margin:0!important}
.wc-block-product-template.opal-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--opal-gap-x);row-gap:var(--opal-gap-y);margin:0;padding:0;list-style:none}
@media (min-width:1024px){.wc-block-product-template.opal-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.wc-block-product-template.opal-grid>li{width:auto!important;max-width:none!important;margin:0!important}
.opal-grid .opal-card{gap:0}
.opal-grid .opal-card>*{margin:0}
.opal-grid .wc-block-components-product-image{margin:0!important}
.opal-grid .wc-block-components-product-image img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.opal-grid .opal-name{margin-top:14px!important;font-size:26px;line-height:1.2;font-weight:400}
.opal-grid .opal-badge+.opal-name{margin-top:10px!important}
.opal-grid .opal-name a{color:var(--wp--preset--color--tinta);text-decoration:none}
.opal-grid .wc-block-components-product-price,.opal-grid .wp-block-woocommerce-product-price{font-size:19px;line-height:1.3;margin-top:10px!important;text-align:left}
.opal-stock{font-size:16px;line-height:1.4;color:var(--wp--preset--color--masod);margin:6px 0 0!important}
.opal-badge{align-self:flex-start;margin-top:14px;display:inline-block;font-size:13px;font-weight:500;line-height:1;text-transform:uppercase;letter-spacing:.08em;padding:6px 10px;border:1px solid var(--wp--preset--color--tinta);color:var(--wp--preset--color--tinta)}
.opal-badge--out{border-color:var(--wp--preset--color--rossz)}
.opal-dots{display:flex;gap:6px;list-style:none;margin:10px 0 0;padding:0}
.opal-dot{width:14px;height:14px;border-radius:50%!important;box-sizing:border-box;border:1px solid var(--wp--preset--color--vonal-ero)}
.opal-dot--borostyan{background:var(--wp--preset--color--borostyan)}.opal-dot--kobalt{background:var(--wp--preset--color--kobalt)}.opal-dot--mohazold{background:var(--wp--preset--color--mohazold)}
@media (max-width:767px){.opal-grid .opal-name{font-size:19px}}

/* Rólunk és Kapcsolat: széles tartalom (a page-rolunk / page-kapcsolat sablon) */
.opal-wide>*{margin-block:0}
.opal-pagehead{padding:72px var(--opal-pad) 0;display:flex;flex-direction:column;gap:24px}
.opal-pagehead>*{margin:0}
.opal-split{padding:96px var(--opal-pad) 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:56px 72px;align-items:start;margin:0!important}
.opal-split--bleed{padding:72px 0 0;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr))}
.opal-split--bleed .opal-prose{padding:0 var(--opal-pad) 0 clamp(20px,4vw,0px)}
.opal-split>*{margin:0!important}
.opal-split__img img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block}
.opal-prose{display:flex;flex-direction:column;gap:22px;max-width:600px;font-size:17px;line-height:1.65;text-wrap:pretty}
.opal-prose>*{margin:0!important}
.opal-prose h2,.opal-rolunk-szinek h2,.opal-form__title{font-size:40px;font-weight:300;line-height:1.1;letter-spacing:-.015em;margin:0}
.opal-rolunk-szinek{gap:32px!important}
.opal-rolunk-szinek .opal-colors{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:32px}
.opal-prose-p{font-size:17px;line-height:1.65;max-width:600px;margin:0}
.opal-rolunk-szinek .wp-block-buttons{margin-top:40px}
.opal-contact{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:64px 96px;padding:72px var(--opal-pad) 0;align-items:start}
.opal-contact>*{margin:0!important}
.opal-contact__info{display:flex;flex-direction:column;gap:32px}
.opal-contact__info>*{margin:0!important}
.opal-dl{margin:0;display:grid;grid-template-columns:120px minmax(0,1fr);font-size:16px;line-height:1.5}
.opal-dl dt{font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--wp--preset--color--masod);border-top:1px solid var(--wp--preset--color--vonal);padding:16px 0}
.opal-dl dd{margin:0;border-top:1px solid var(--wp--preset--color--vonal);padding:12px 0}
.opal-dl dt:last-of-type,.opal-dl dd:last-of-type{border-bottom:1px solid var(--wp--preset--color--vonal)}
.opal-form{display:flex;flex-direction:column;gap:28px;min-width:0}
.opal-form fieldset{border:0;margin:0;padding:0;min-width:0;display:flex;flex-direction:column;gap:24px}
.opal-field{display:grid;gap:8px}
.opal-field label{font-size:13px;font-weight:500;line-height:1;text-transform:uppercase;letter-spacing:.08em;color:var(--wp--preset--color--masod)}
.opal-field input,.opal-field textarea{width:100%;box-sizing:border-box;min-height:52px;font:inherit;font-size:16px;line-height:1.5;color:var(--wp--preset--color--tinta);background:transparent;border:1px solid var(--wp--preset--color--masod);padding:12px 16px}
.opal-field textarea{min-height:160px;resize:vertical}
.opal-form fieldset:disabled .opal-field input,.opal-form fieldset:disabled .opal-field textarea{border-color:var(--wp--preset--color--vonal-ero);cursor:not-allowed}
.opal-form__send{display:flex;flex-direction:column;gap:12px;align-items:flex-start;margin-top:28px}
.opal-btn{font-size:13px;font-weight:500;line-height:1;text-transform:uppercase;letter-spacing:.08em;min-height:52px;padding:0 28px;border:1px solid transparent;background:var(--wp--preset--color--tinta);color:var(--wp--preset--color--alap);display:inline-flex;align-items:center;cursor:pointer}
.opal-btn[aria-disabled=true]{background:var(--wp--preset--color--mely);color:var(--wp--preset--color--halvany);cursor:not-allowed}
.opal-form__note{font-size:16px;line-height:1.4;color:var(--wp--preset--color--masod);margin:0;max-width:520px}

/* Szövegoldal (jogi): tartalomjegyzék + cikk */
.opal-tx{padding:64px var(--opal-pad) 96px;display:grid;grid-template-columns:240px minmax(0,1fr);gap:72px;align-items:start;margin:0!important}
.opal-tx>*{margin:0!important}
.opal-toc-d{position:sticky;top:24px}
.opal-toc-m{display:none}
.opal-toc__label{display:block;padding-bottom:14px;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--wp--preset--color--masod)}
.opal-toc a{display:block;padding:10px 0;font-size:16px;line-height:1.4;text-decoration:none;color:var(--wp--preset--color--masod);border-top:1px solid var(--wp--preset--color--vonal)}
.opal-toc a:hover{color:var(--wp--preset--color--tinta)}
.opal-toc__end{display:block;border-top:1px solid var(--wp--preset--color--vonal)}
.opal-toc-m summary{min-height:44px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;border-top:1px solid var(--wp--preset--color--vonal);border-bottom:1px solid var(--wp--preset--color--vonal);font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.08em}
@media (max-width:899px){.opal-tx{grid-template-columns:minmax(0,1fr);gap:32px}.opal-toc-d{display:none}.opal-toc-m{display:block}}
.opal-tx__body{min-width:0;max-width:66ch;font-size:17px;line-height:1.65;text-wrap:pretty}
.opal-tx__body>*{margin:0!important}
.opal-tx__title{font-size:clamp(32px,4vw,40px)!important;font-weight:300;line-height:1.1;letter-spacing:-.015em;margin:0 0 16px!important}
.opal-tx .opal-text{padding:0!important}
.opal-tx .opal-text>*{margin:16px 0 0}
.opal-tx .opal-updated{font-size:16px;line-height:1.5;color:var(--wp--preset--color--masod);margin:0 0 8px}
.opal-tx .opal-text h2{font-size:26px;font-weight:400;line-height:1.25;letter-spacing:0;margin:56px 0 4px;border-top:1px solid var(--wp--preset--color--vonal-ero);padding-top:24px}
.opal-tx .opal-text h3{font-size:19px;font-weight:400;line-height:1.3;color:var(--wp--preset--color--masod);margin:22px 0 -6px}
.opal-tx .opal-text .wp-block-table{overflow-x:auto;margin:8px 0 0}
.opal-tx .opal-text .wp-block-table table{border-collapse:collapse;width:100%;min-width:460px}
.opal-tx .opal-text .wp-block-table th,.opal-tx .opal-text .wp-block-table td{border:0;text-align:left;vertical-align:top}
.opal-tx .opal-text .wp-block-table thead{border:0}
.opal-tx .opal-text .wp-block-table th{font-size:13px;font-weight:500;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;color:var(--wp--preset--color--masod);padding:12px 16px 12px 0;border-bottom:1px solid var(--wp--preset--color--vonal-ero)}
.opal-tx .opal-text .wp-block-table td{font-size:16px;line-height:1.5;padding:14px 16px 14px 0;border-bottom:1px solid var(--wp--preset--color--vonal)}
.opal-tx .opal-text .wp-block-image img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.opal-missing{border-style:dashed;padding:2px 8px}

/* ===== Sütibanner (CookieAdmin): a téma formái. Szöveg és szín: functions.php, a bővítmény szűrőin át. ===== */
.cookieadmin_law_container,.cookieadmin_cookie_modal,.cookieadmin_reconsent_wrap{font-family:var(--wp--preset--font-family--jost,inherit);color:var(--wp--preset--color--tinta)}
.cookieadmin_law_container{width:min(420px,calc(100vw - 32px))!important;left:clamp(16px,2.5vw,32px)!important;bottom:clamp(16px,2.5vw,32px)!important}
.cookieadmin_law_container .cookieadmin_consent_inside{border-radius:0;box-shadow:none;padding:24px;border:1px solid var(--wp--preset--color--vonal-ero);display:flex;flex-direction:column;gap:20px}
.cookieadmin_law_container p#cookieadmin_notice_title{font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;line-height:1.2;margin:0 0 12px}
.cookieadmin_law_container p#cookieadmin_notice{font-size:16px;line-height:1.5}
.cookieadmin_law_container p#cookieadmin_notice a,.cookieadmin_preference a{color:var(--wp--preset--color--tinta);text-decoration:underline;text-underline-offset:4px}
.cookieadmin_consent_btns{display:flex;flex-wrap:wrap;gap:8px}
.cookieadmin_law_container button.cookieadmin_btn,.cookieadmin_cookie_modal button.cookieadmin_btn{border-radius:0;min-height:44px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:500;line-height:1;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--wp--preset--color--masod);transition:transform var(--opal-dur) var(--opal-ease),border-color var(--opal-dur)}
.cookieadmin_law_container button.cookieadmin_btn:hover,.cookieadmin_cookie_modal button.cookieadmin_btn:hover{filter:none;transform:translateY(-3px);border-color:var(--wp--preset--color--tinta)}
.cookieadmin_law_container button.cookieadmin_btn:active,.cookieadmin_cookie_modal button.cookieadmin_btn:active{transform:scale(.97)}
.cookieadmin_law_container button.cookieadmin_btn:focus-visible,.cookieadmin_cookie_modal button.cookieadmin_btn:focus-visible{outline:2px solid var(--wp--preset--color--tinta);outline-offset:2px}
.cookieadmin_law_container button.cookieadmin_accept_btn,.cookieadmin_cookie_modal button.cookieadmin_save_btn{border-color:var(--wp--preset--color--tinta)}
.cookieadmin-poweredby{display:none!important}
.cookieadmin_cookie_modal{border-radius:0;box-shadow:none;border:1px solid var(--wp--preset--color--vonal-ero)}
.cookieadmin_preference_title{font-size:26px;font-weight:400;line-height:1.25}
.cookieadmin_preference,.cookieadmin_desc{font-size:16px;line-height:1.5;color:var(--wp--preset--color--masod)}
.cookieadmin_types{border-top:1px solid var(--wp--preset--color--vonal)}
.cookieadmin_types .cookieadmin_header button.cookieadmin_show_pref_cookies{font-size:16px;font-weight:400}
.cookieadmin_remark,.cookieadmin_act{font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.08em}
.cookieadmin_cookie_modal .cookieadmin_mod_head button.cookieadmin_close_pref{width:44px;height:44px;border-radius:0;color:var(--wp--preset--color--tinta)}
button.cookieadmin_re_consent,body .cookieadmin_reconsent_wrap button.cookieadmin_re_consent{background-color:var(--wp--preset--color--mely);border:1px solid var(--wp--preset--color--vonal-ero);box-shadow:none}

/* ===== Terméklap (terv: 06-html-terv/11-termeklap.html) ===== */
.opal-pdp{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,480px),1fr));gap:56px 72px;padding:0 var(--opal-pad) 0 0;align-items:start;margin:0!important}
.opal-pdp>*{margin:0!important}
.opal-gal{display:flex;flex-direction:column;gap:20px}
.opal-gal__main{margin:0}
.opal-gal__main img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;display:block}
.opal-gal__thumbs{display:flex;flex-wrap:wrap;gap:12px 10px;padding-left:var(--opal-pad)}
.opal-th{width:88px;display:flex;flex-direction:column;gap:8px}
.opal-thumb{width:72px;height:72px;padding:0;border:1px solid transparent;background:none;cursor:pointer;display:block}
.opal-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.opal-thumb[aria-current=true]{border-color:var(--wp--preset--color--tinta);outline:1px solid var(--wp--preset--color--tinta);outline-offset:2px}
.opal-th__label,.opal-th__sel{font-size:13px;font-weight:500;line-height:1.2;text-transform:uppercase;letter-spacing:.08em;color:var(--wp--preset--color--masod)}
.opal-th__sel{color:var(--wp--preset--color--tinta);min-height:13px}
.opal-pdp__info{display:flex;flex-direction:column;gap:32px;padding-top:24px;min-width:0}
.opal-pdp__info>*{margin:0!important}
.opal-pdp__title{font-size:clamp(32px,3.4vw,40px);font-weight:300;line-height:1.1;letter-spacing:-.015em;margin:0}
.opal-pdp__price{display:flex;flex-direction:column;gap:8px}
.opal-pdp__amount{font-size:26px;line-height:1.2}
.opal-pdp__ship{font-size:19px;line-height:1.3;color:var(--wp--preset--color--borostyan)}
.opal-pdp__ship strong{font-weight:500}
.opal-pdp__group{display:flex;flex-direction:column;gap:14px}
.opal-pdp__label{color:var(--wp--preset--color--masod)}
.opal-pdp__opts{display:flex;flex-wrap:wrap;gap:8px}
.opal-fb{background:transparent;cursor:pointer;font-family:inherit}
.opal-fb[aria-current=true],.opal-fb[aria-pressed=true]{border-color:var(--wp--preset--color--tinta)}
.opal-swatch.is-out{border-style:dashed}
.opal-swatch__note{font-size:13px;font-weight:400;line-height:1;text-transform:none;letter-spacing:0;color:var(--wp--preset--color--masod)}
.opal-pdp__hint{font-size:16px;line-height:1.4;color:var(--wp--preset--color--masod)}
.opal-pdp__hint:empty{display:none}
.opal-pdp__status{font-size:16px;line-height:1.4;margin:0}
.opal-pdp__info .opal-pdp__stock{margin-top:-16px!important}
.opal-pdp__facts{display:flex;flex-direction:column;gap:16px;border-top:1px solid var(--wp--preset--color--vonal);padding-top:28px}
.opal-pdp__facts p{font-size:16px;line-height:1.5;margin:0;max-width:560px}
/* A Woo kosár-űrlapja: a szín natív listája rejtve (a fenti gombok vezérlik), csak a gomb látszik, teljes szélességben. */
.opal-pdp__info .variations,.opal-pdp__info .reset_variations,.opal-pdp__info .woocommerce-variation-description,.opal-pdp__info .woocommerce-variation-availability,.opal-pdp__info .woocommerce-variation-price,.opal-pdp__info .quantity{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.opal-pdp__info .wp-block-add-to-cart-form,.opal-pdp__info form.cart{margin:0!important}
.opal-pdp__info .single_add_to_cart_button{width:100%;min-height:52px;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;background:var(--wp--preset--color--tinta);color:var(--wp--preset--color--alap);border:0;cursor:pointer}
.opal-pdp__info .single_add_to_cart_button.disabled,.opal-pdp__info .single_add_to_cart_button:disabled{background:var(--wp--preset--color--mely);color:var(--wp--preset--color--halvany);cursor:not-allowed;opacity:1}
.opal-pdp__info .woocommerce-variation-add-to-cart{display:flex;flex-direction:column;gap:12px}
/* Harmonika */
.opal-acc{border-top:1px solid var(--wp--preset--color--vonal)}
.opal-acc details{border-bottom:1px solid var(--wp--preset--color--vonal)}
.opal-acc summary{min-height:56px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:19px;line-height:1.3;list-style:none}
.opal-acc summary::-webkit-details-marker{display:none}
.opal-acc summary span::before{content:"+";font-size:20px;color:var(--wp--preset--color--masod)}
.opal-acc details[open] summary span::before{content:"–"}
.opal-acc__body{padding:0 0 20px;font-size:16px;line-height:1.6;color:var(--wp--preset--color--masod)}
.opal-acc__body p{margin:0}
.opal-acc__body a{color:var(--wp--preset--color--tinta)}
.opal-dl--tech{grid-template-columns:minmax(120px,40%) minmax(0,1fr)}
.opal-dl--tech dt{font-size:13px;padding:10px 0}
.opal-dl--tech dd{padding:8px 0;color:var(--wp--preset--color--tinta)}

/* ===== Kosár (terv: 12-kosar.html) ===== */
.opal-cartpage{padding:48px var(--opal-pad) 0}
.opal-cartpage__title{font-size:40px;font-weight:300;line-height:1.1;letter-spacing:-.015em;margin:0 0 24px}
.opal-empty{display:flex;flex-direction:column;gap:24px;align-items:flex-start}
.opal-empty>p{font-size:19px;line-height:1.4;margin:0;max-width:560px}
.opal-empty__tiles{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:32px}
@media (min-width:1024px){.opal-empty__tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}
.opal-empty__tile{display:flex;flex-direction:column;gap:14px;color:var(--wp--preset--color--tinta);text-decoration:none}
.opal-empty__tile img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;display:block}
.opal-empty__tile span{font-size:26px;line-height:1.2}
@media (max-width:767px){.opal-empty__tile span{font-size:19px}}
.opal-btn--link{text-decoration:none}

/* ===== Kosár és pénztár Woo-blokkjai: a téma felületei ===== */
.wc-block-cart,.wc-block-checkout{color:var(--wp--preset--color--tinta);font-family:inherit}
.wc-block-components-sidebar,.wc-block-checkout__sidebar{background:var(--wp--preset--color--mely);padding:24px!important}
.wc-block-components-text-input input,.wc-block-components-textarea,.wc-block-components-combobox .components-combobox-control__input,.wc-blocks-components-select__select,.wc-block-components-text-input.is-active input{background:transparent!important;color:var(--wp--preset--color--tinta)!important;border:1px solid var(--wp--preset--color--masod)!important;border-radius:0!important;min-height:52px}
.wc-block-components-text-input label,.wc-block-components-combobox label,.wc-blocks-components-select__label{color:var(--wp--preset--color--masod)!important}
.wc-block-components-validation-error,.wc-block-components-text-input.has-error label{color:var(--wp--preset--color--rossz-szoveg)!important}
.wc-block-components-text-input.has-error input{border-color:var(--wp--preset--color--rossz)!important}
.wc-block-components-checkout-step__title,.wc-block-components-title{font-size:13px!important;font-weight:500!important;text-transform:uppercase;letter-spacing:.08em;color:var(--wp--preset--color--masod)}
.wc-block-components-radio-control__option,.wc-block-components-radio-control-accordion-option{border-radius:0!important;border-color:var(--wp--preset--color--vonal)!important;box-shadow:none!important}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox],.wc-block-components-radio-control__input{border-radius:0;background:transparent;border-color:var(--wp--preset--color--masod)}
.wc-block-components-radio-control__input{border-radius:50%!important}
.wc-block-components-button:not(.is-link),.wc-block-cart__submit-button,.wc-block-components-checkout-place-order-button{min-height:52px;border-radius:0!important;background:var(--wp--preset--color--tinta)!important;color:var(--wp--preset--color--alap)!important;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;box-shadow:none!important}
.wc-block-components-totals-item__label,.wc-block-components-totals-item__value{font-size:16px}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label,.wc-block-components-totals-footer-item .wc-block-components-totals-item__value{font-size:19px;font-weight:400}
.wc-block-components-totals-wrapper,.wc-block-components-order-summary,.wc-block-cart-items td,.wc-block-cart-items th{border-color:var(--wp--preset--color--vonal)!important}
.wc-block-components-product-name{color:var(--wp--preset--color--tinta);text-decoration:none}
.wc-block-components-quantity-selector{border-radius:0!important;border-color:var(--wp--preset--color--masod)!important}
.wc-block-components-quantity-selector input{background:transparent;color:var(--wp--preset--color--tinta)}
.wc-block-components-notice-banner{border-radius:0!important;background:transparent!important;color:var(--wp--preset--color--tinta)!important;border:1px solid var(--wp--preset--color--vonal-ero)!important}
.wc-block-components-notice-banner.is-error{border-color:var(--wp--preset--color--rossz)!important}
.wc-block-checkout__actions_row .wc-block-components-checkout-return-to-cart-button{color:var(--wp--preset--color--tinta)}
.opal-checkout-head{padding:48px var(--opal-pad) 0}
.opal-checkout-head h1{font-size:40px;font-weight:300;line-height:1.1;letter-spacing:-.015em;margin:16px 0 12px}
.opal-checkout-head p{font-size:16px;line-height:1.5;color:var(--wp--preset--color--masod);margin:0}

/* ===== Rendelés után (terv: 06-html-terv/14-rendeles-utan.html) ===== */
.opal-oc{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:64px 72px;padding:72px var(--opal-pad) 0;align-items:start}
.opal-oc__main{display:flex;flex-direction:column;gap:56px;min-width:0}
.opal-oc__muted{color:var(--wp--preset--color--masod)}
.opal-oc__num{display:flex;flex-direction:column;gap:20px}
.opal-oc__numrow{display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px}
.opal-oc__big{font-size:clamp(48px,7vw,96px);font-weight:300;line-height:1;letter-spacing:-.02em;user-select:all}
.opal-oc__ok{display:flex;gap:10px;align-items:center;font-size:16px;line-height:1.4;margin:0}
.opal-oc__next{display:flex;flex-direction:column;gap:24px;max-width:640px}
.opal-oc__next h2{font-size:40px;font-weight:300;line-height:1.1;letter-spacing:-.015em;margin:0}
.opal-oc__steps{margin:0;padding:0;list-style:none;display:grid}
.opal-oc__steps li{border-top:1px solid var(--wp--preset--color--vonal);padding:20px 0;display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:baseline;font-size:19px;line-height:1.4}
.opal-oc__steps li:last-child{border-bottom:1px solid var(--wp--preset--color--vonal)}
.opal-oc__small,.opal-oc__pending{font-size:16px;line-height:1.5;margin:0;color:var(--wp--preset--color--masod)}
.opal-oc__pending{color:var(--wp--preset--color--tinta)}
.opal-oc__block{display:flex;flex-direction:column;gap:16px;max-width:640px}
.opal-oc__block h2{margin:0}
.opal-oc__block p{font-size:16px;line-height:1.5;margin:0}
.opal-oc__block .opal-oc__lead{font-size:19px;line-height:1.4}
.opal-oc__contact{display:flex;flex-wrap:wrap;gap:12px}
.opal-oc__aside{background:var(--wp--preset--color--mely);padding:32px;display:flex;flex-direction:column;gap:20px}
.opal-oc__item{display:grid;grid-template-columns:112px minmax(0,1fr);gap:20px}
.opal-oc__item img{width:112px;height:112px;object-fit:cover;display:block}
.opal-oc__itemtext{display:flex;flex-direction:column;gap:8px;font-size:16px;line-height:1.4}
.opal-oc__itemname{font-size:19px;line-height:1.3}
.opal-oc__color{display:inline-flex;gap:10px;align-items:center}
.opal-oc__color .opal-ring{width:16px;height:16px}
.opal-oc__totals{margin:0;display:grid;grid-template-columns:1fr auto;gap:12px 16px;font-size:16px;line-height:1.4;border-top:1px solid var(--wp--preset--color--vonal);padding-top:20px}
.opal-oc__totals dt{color:var(--wp--preset--color--masod)}
.opal-oc__totals dd{margin:0}
.opal-oc__totals .opal-oc__sum{border-top:1px solid var(--wp--preset--color--vonal);padding-top:16px;font-size:19px;line-height:1.3;color:var(--wp--preset--color--tinta)}
.opal-oc--state{display:block}
.opal-oc__err,.opal-oc__box{max-width:640px;padding:32px;border:1px solid var(--wp--preset--color--vonal-ero)}
.opal-oc__err{border-color:var(--wp--preset--color--rossz)}
.opal-oc__err h1,.opal-oc__box h1{font-size:26px;font-weight:400;line-height:1.25;margin:0 0 12px}
.opal-oc__err p,.opal-oc__box p{font-size:16px;line-height:1.5;margin:0}
.opal-oc a{color:var(--wp--preset--color--tinta)}
.opal-inline-link{color:var(--wp--preset--color--tinta);text-decoration:underline;text-underline-offset:4px}
/* A Woo kosár-blokk saját rácsa helyett: a gomb a teljes oszlopszélességet kapja (terv: 11-termeklap). */
.opal-pdp__info .wp-block-add-to-cart-form form.cart,.opal-pdp__info .wp-block-add-to-cart-form .variations_button{display:block!important;width:100%}
.opal-pdp__info .wp-block-add-to-cart-form .single_add_to_cart_button{display:block;width:100%!important;margin:0}
/* Pénztár: a Woo választómezői (ország, megye) és a rejtett címmező is sötétek. */
.wc-blocks-components-select__container,.wc-block-components-address-form__address_2-hidden-input{background:transparent!important;color:var(--wp--preset--color--tinta)!important}
.wc-blocks-components-select__select option{background:var(--wp--preset--color--mely);color:var(--wp--preset--color--tinta)}
/* Terméklap egy oszlopban (1080 px alatt): a jobb oldali rész is kapja a lap margóját. */
@media (max-width:1079px){.opal-pdp__info{padding-left:var(--opal-pad)!important}}
/* Értesítések (pl. „bekerült a kosárba”): tinta szöveg, keret, a lap margójával. */
.opal-notices{padding:16px var(--opal-pad) 0;margin:0!important}
.opal-cartpage .opal-notices{padding-left:0;padding-right:0}
.opal-notices .wc-block-components-notice-banner{font-size:16px}
.opal-notices .wc-block-components-notice-banner svg{fill:currentColor;background:transparent!important;border-radius:0}
.opal-notices .wc-block-components-notice-banner a{color:var(--wp--preset--color--tinta)}
/* A rejtett variációs táblázat (táblázatként nem venné fel az 1 px-t, és kilógna: vízszintes görgetés). */
.opal-pdp__info{position:relative}
.opal-pdp__info table.variations{display:block!important;position:absolute!important;left:0!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%);margin:0!important;padding:0!important;border:0!important}
/* Értesítésben a „Kosár” link: tinta, aláhúzva (a Woo gombstílusa helyett, ami a sötét alapon nem látszott). */
.opal-notices .wc-block-components-notice-banner .wc-forward,.opal-notices .wc-block-components-notice-banner a.button{background:transparent!important;color:var(--wp--preset--color--tinta)!important;border:0!important;min-height:44px;padding:0 0 0 16px!important;text-decoration:underline;text-underline-offset:4px;font-size:16px;text-transform:none;letter-spacing:0;display:inline-flex;align-items:center}
/* Fejléc: nagyobb kereső- és kosárikon (28 px), a kattintható felület marad legalább 44 px. */
.opal-header .opal-search .wp-block-search__button svg,.opal-header .wc-block-mini-cart__icon,.opal-header .wc-block-mini-cart__button svg{width:28px!important;height:28px!important}
.opal-header .wc-block-mini-cart__button{min-width:48px;min-height:48px}
.opal-header .opal-search .wp-block-search__button{min-width:48px;min-height:48px}
/* Buborék-fújás (bubbles.js): a látható képernyőn, a tartalom fölött, kattintást nem fog meg. */
.opal-bubbles--burst{position:fixed;inset:0;height:auto;z-index:40;overflow:hidden;pointer-events:none}
.opal-bubble{position:absolute;border-radius:50%!important;opacity:0;will-change:transform,opacity}
/* Kapcsolati űrlap: Küldés gomb mint a hero „Kollekció →” (világos doboz, sötét szöveg), állapotok a terv szerint. */
.opal-btn--light{background:var(--wp--preset--color--tinta);color:var(--wp--preset--color--alap);transition:transform var(--opal-dur) var(--opal-ease),background var(--opal-dur) var(--opal-ease)}
.opal-btn--light:hover{background:var(--wp--preset--color--papir);transform:translateY(-3px)}
.opal-btn--light:active{transform:scale(.97);background:var(--wp--preset--color--masod)}
.opal-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.opal-field.has-error input,.opal-field.has-error textarea{border-color:var(--wp--preset--color--rossz)}
.opal-field__err{margin:0;font-size:16px;line-height:1.4;color:var(--wp--preset--color--rossz-szoveg)}
.opal-form__err{margin:0;font-size:16px;line-height:1.4;color:var(--wp--preset--color--rossz-szoveg);border-left:2px solid var(--wp--preset--color--rossz);padding-left:12px}
.opal-form__done{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.opal-form__ok{display:flex;gap:10px;align-items:center;font-size:19px;line-height:1.4;margin:0}
/* Fejléc: a terv szerint 900 px alatt hamburger (a WP alapból csak 600 px alatt vált, 600–899 között két sorba tört a menü). */
@media (min-width:600px) and (max-width:899px){
.opal-header .wp-block-navigation__responsive-container-open:not(.always-shown){display:flex!important}
.opal-header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){display:none!important}
.opal-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close{display:flex!important}
}
@media (max-width:899px){.opal-header{min-height:72px}.opal-header .wp-block-navigation__responsive-container-open svg{width:28px;height:28px}}
/* Üvegfújás-effekt (bubbles.js): rögzített canvas a tartalom MÖGÖTT; a szöveg és a képek fölötte maradnak. */
.opal-glass{position:fixed;inset:0;z-index:0;pointer-events:none}
.wp-site-blocks>main,.wp-site-blocks>.wp-block-group:not(.opal-footer-sep){position:relative;z-index:1}

/* Mobil fejléc (600 px alatt): a kereső és a kosár egy sorban marad. Kisebb logó, szorosabb ikonok,
   a koppintható felület így is legalább 44 px. */
@media (max-width:599px){
.opal-header{gap:8px}
.opal-header__logo img{height:44px}
.opal-header__tools{flex-wrap:nowrap!important;gap:0!important}
.opal-header .opal-search .wp-block-search__button,.opal-header .wc-block-mini-cart__button{min-width:44px!important;min-height:44px!important;padding:0 8px!important}
.opal-header .opal-search .wp-block-search__button svg,.opal-header .wc-block-mini-cart__icon,.opal-header .wc-block-mini-cart__button svg{width:26px!important;height:26px!important}
}
/* Nyitott hamburgermenü (fehér háttér): a menüpont koppintásra, hoverre és fókuszra fekete dobozt kap
   világos szöveggel; alapból sötét szöveg. A fókusz soha nem rejtett: sötét körvonal a fehér háttéren. */
.opal-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{color:var(--wp--preset--color--mely)!important;font-size:16px;min-height:48px;padding:10px 16px!important;border-bottom:0!important;transform:none!important;transition:background var(--opal-dur) var(--opal-ease),color var(--opal-dur) var(--opal-ease)}
.opal-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover,
.opal-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:active,
.opal-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:focus-visible{background:var(--wp--preset--color--mely)!important;color:var(--wp--preset--color--tinta)!important}
.opal-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:focus-visible{outline:2px solid var(--wp--preset--color--mely)!important;outline-offset:2px}
.opal-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content[aria-current=page]{border-left:3px solid var(--wp--preset--color--mely)!important}
.opal-header .wp-block-navigation__responsive-container-close:focus-visible{outline:2px solid var(--wp--preset--color--mely)!important;outline-offset:2px}
