/*
Theme Name: MinuKapsel Child
Theme URI: https://minukapsel.ee
Description: MinuKapsel disainisüsteem — Twenty Twenty-Five child-teema. Värvid, fondid ja .mk-* klassid (kaarjas pildimask, jooksev vaheriba, kicker, nupud). Sisu ehita natiivsete Gutenbergi blokkidega; erielemendid (ticker, jutubot) Custom HTML saartena.
Author: MinuKapsel / Gerli Vaher
Template: twentytwentyfive
Version: 1.0.0
Text Domain: minukapsel-child
*/

/* ============ ALUS ============ */
/* Fondid laetakse functions.php kaudu (Google Fonts). Palett + fondid on theme.json-is,
   nii et enamiku värvi/fondi/suuruse saab valida bloki seadetest ilma CSS-ita. */

/* ============ KICKER (väike üldpealkiri) ============ */
.mk-kicker{
  font-family:'Jost',sans-serif !important;
  font-size:12px !important;
  letter-spacing:.32em;
  text-transform:uppercase;
  color:var(--wp--preset--color--wine);
  font-weight:500 !important;
  margin-bottom:1.2em;
}
.mk-kicker.has-sand-color{color:var(--wp--preset--color--sand)}

/* ============ AKTSENTSÕNA pealkirjas ============ */
/* Kasuta pealkirja sees: <em class="mk-accent">sõna</em> */
.mk-accent{font-style:italic;color:var(--wp--preset--color--wine)}
.mk-accent--sand{font-style:italic;color:var(--wp--preset--color--sand)}

/* ============ LEAD lõik ============ */
.mk-lead{font-size:clamp(18px,1.4vw,20px) !important;line-height:1.7;font-weight:300}

/* ============ KAARJAS PILDIMASK ============ */
/* Lisa Image-bloki Advanced > Additional CSS class(es): mk-arch  (või mk-arch--down) */
.mk-arch img{border-radius:220px 220px 14px 14px;overflow:hidden}
.mk-arch--down img{border-radius:14px 14px 220px 220px;overflow:hidden}
.mk-arch,.mk-arch--down{box-shadow:0 30px 70px -30px rgba(35,32,27,.4)}

/* Foto brändi-toon: värv säilib, kerge soe filter (küllastus alla + soojus).
   Klass: mk-bw. Täis-mustvalge (grayscale) asemel pehme elegantne toon. */
.mk-bw img{filter:saturate(0.82) contrast(1.03) sepia(0.08) brightness(1.02)}

/* ============ NUPUD ============ */
/* Core Button + klass mk-btn (primaarne veinipunane) või mk-btn-ghost (tumedal taustal) */
.wp-block-button.mk-btn .wp-block-button__link{
  background:var(--wp--preset--color--wine);
  color:var(--wp--preset--color--cream);
  border-radius:0;
  padding:18px 34px;
  font-size:13px;letter-spacing:.16em;text-transform:uppercase;font-weight:400;
  transition:.25s;
}
.wp-block-button.mk-btn .wp-block-button__link:hover{background:var(--wp--preset--color--wine-dark)}
.wp-block-button.mk-btn-ghost .wp-block-button__link{
  background:transparent;color:#FBF8F2;border:1px solid rgba(251,248,242,.6);border-radius:0;
  padding:17px 33px;font-size:13px;letter-spacing:.16em;text-transform:uppercase;font-weight:400;transition:.25s;
}
.wp-block-button.mk-btn-ghost .wp-block-button__link:hover{background:#FBF8F2;color:var(--wp--preset--color--ink-2)}

/* ============ JOOKSEV VAHERIBA (ticker / marquee) ============ */
/* Paigalda Custom HTML blokina — vt näidist wp-native/ticker.html */
.mk-ticker{overflow:hidden;padding:22px 0}
.mk-ticker__row{display:flex;width:max-content;animation:mkmarquee 34s linear infinite}
.mk-ticker__row span{display:flex;align-items:center;gap:40px;padding-right:40px;white-space:nowrap}
.mk-ticker--serif .mk-ticker__row{font-family:'Cormorant Garamond',serif;font-size:30px;font-style:italic}
.mk-ticker--caps .mk-ticker__row{font-size:14px;letter-spacing:.28em;text-transform:uppercase}
@keyframes mkmarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ============ MEEDIA LOGOD (Nähtud: …) ============ */
.mk-medialogos{font-family:'Cormorant Garamond',serif;font-size:22px;display:flex;flex-wrap:wrap;gap:14px 30px;align-items:center;justify-content:center}
.mk-medialogos .sep{color:#C9BCA9}

/* ============ KAART (teenus / toode / blogi) ============ */
/* Lisa Column- või Group-blokile klass: mk-card. Pilt üleval, sisu padding grupis. */
.mk-card{background:var(--wp--preset--color--cream);border:1px solid rgba(35,32,27,.1);overflow:hidden;height:100%;transition:transform .3s,box-shadow .3s}
.mk-card:hover{transform:translateY(-6px);box-shadow:0 26px 50px -28px rgba(35,32,27,.35)}
.mk-card img{width:100%;display:block}
.mk-card.is-wine{border-color:var(--wp--preset--color--wine)}

/* Väike silt pildil (nt „Müügiliider") — klass mk-badge */
.mk-badge{display:inline-block;background:var(--wp--preset--color--wine);color:var(--wp--preset--color--cream);font-size:10px;letter-spacing:.2em;text-transform:uppercase;padding:6px 12px}

/* Väike üldpealkiri hallis (eyebrow) — klass mk-eyebrow */
.mk-eyebrow{font-size:11px !important;letter-spacing:.22em;text-transform:uppercase;color:var(--wp--preset--color--muted) !important}

/* Tekstlink joonega (nt „Loe edasi") — lisa <a>-le või lõigule klass mk-link */
.mk-link,.mk-link a{color:var(--wp--preset--color--wine);font-size:12px;letter-spacing:.16em;text-transform:uppercase}
.mk-link a,a.mk-link{border-bottom:1px solid var(--wp--preset--color--wine);padding-bottom:2px}

/* ============ NUPP: hele taust, tume ääris (mk-btn-ghost-dark) ============ */
.wp-block-button.mk-btn-ghost-dark .wp-block-button__link{
  background:transparent;color:var(--wp--preset--color--ink-2);border:1px solid rgba(35,32,27,.35);border-radius:0;
  padding:17px 33px;font-size:13px;letter-spacing:.16em;text-transform:uppercase;font-weight:400;transition:.25s;
}
.wp-block-button.mk-btn-ghost-dark .wp-block-button__link:hover{background:var(--wp--preset--color--ink-2);color:#fff;border-color:var(--wp--preset--color--ink-2)}

/* ============ KKK rida (border-bottom, italic number) ============ */
.mk-faq{border-bottom:1px solid rgba(35,32,27,.14)}
.mk-faq summary{cursor:pointer;list-style:none;padding:22px 0}
.mk-faq summary::-webkit-details-marker{display:none}
.mk-faq summary strong{font-family:'Cormorant Garamond',serif}
.mk-faq[open] summary{padding-bottom:8px}
.mk-faq>*:not(summary){padding-bottom:24px}

/* ============ KLUBI tumedad läbipaistvad kastid ============ */
.mk-glass{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1)}
.mk-glass-sand{background:rgba(233,199,168,.06);border:1px solid rgba(233,199,168,.24)}

/* ============ TEEKOND numbriketas ============ */
.mk-num-circle{width:70px !important;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:auto;margin-right:auto;padding:0 !important;font-family:'Cormorant Garamond',serif}

/* dekoratiivsed animatsioonid (hero „keri" vihje, jutuboti online-punkt) */
@keyframes mkbob{0%,100%{transform:translateY(0)}50%{transform:translateY(9px)}}
@keyframes mkdot{0%,100%{opacity:.35}50%{opacity:1}}

/* ============ AKTIIVNE MENÜÜPUNKT: ainult bold + alajoon ============ */
/* EI muuda värvi — pärib menüü enda värvi (töötab heledal ja tumedal). */
.wp-block-navigation li.current-menu-item > a,
.wp-block-navigation li.current-menu-item > a *,
.wp-block-navigation li.current_page_item > a,
.wp-block-navigation li.current_page_item > a *,
.wp-block-navigation li.current-menu-ancestor > a,
.wp-block-navigation li.current-page-ancestor > a,
.wp-block-navigation a[aria-current="page"],
.wp-block-navigation a[aria-current="page"] *,
.wp-block-navigation .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__label{
  font-weight:600 !important;
}
.wp-block-navigation li.current-menu-item > a,
.wp-block-navigation li.current_page_item > a,
.wp-block-navigation a[aria-current="page"]{
  text-underline-offset:6px;
  text-decoration:underline !important;
  text-decoration-thickness:1px !important;
  text-decoration-color:currentColor !important;
}

/* Tumedal (ink) header'il: kui Site Editor lisab has-ink klassi, hoia liiv */
.has-ink-background-color .wp-block-navigation a[aria-current="page"],
.has-ink-background-color .wp-block-navigation a[aria-current="page"] *{
  font-weight:600 !important;
}
/* ============ WORDMARK (saidi nimi) — Cormorant serif ============ */
.wp-block-site-title,
.wp-block-site-title a{
  font-family:'Cormorant Garamond',serif !important;
  font-size:30px !important;
  font-weight:600 !important;
  letter-spacing:.01em !important;
  text-transform:none !important;
  line-height:1 !important;
}

/* Wordmark + konto/ostukorv-ikoonid tumedal ribal liivaseks */
.has-ink-background-color .wp-block-site-title a,
.has-ink-background-color .wp-block-navigation .wp-block-navigation__responsive-container-open,
.has-ink-background-color .wp-block-woocommerce-customer-account a,
.has-ink-background-color .wc-block-mini-cart__button,
.has-ink-background-color .wp-block-navigation svg{
  color:var(--wp--preset--color--sand) !important;
  fill:currentColor !important;
}

/* CTA-nupp header'is läbipaistva ääristega variandina (mk-btn-ghost töötab ka hele-ribal) */
.mk-btn-ghost .wp-block-button__link{white-space:nowrap}

/* Väiksem nupu-variant (nt „Broneeri aeg" menüüs) — lisa klassiks nt: mk-btn-ghost mk-btn-sm */
.mk-btn-sm{margin-top:0 !important;margin-bottom:0 !important;align-self:center !important;display:inline-flex !important;align-items:center !important}
.mk-btn-sm .wp-block-button__link{
  padding:11px 20px !important;
  font-size:12px !important;
  letter-spacing:.12em !important;
}

/* ============ MENÜÜ TÜPOGRAAFIA (nagu prototüübis) ============ */
/* Jost, 13px, hõre tähevahe, SUURTÄHED */
.wp-block-navigation .wp-block-navigation-item__content,
.wp-block-navigation .wp-block-navigation-item__label{
  font-family:'Jost',sans-serif !important;
  font-size:13px !important;
  font-weight:400 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}

/* ============ TÄISLAIUS (alignfull töötab TT5-s vaikimisi) ============ */
/* Sektsioonide sisu laius tuleb theme.json wideSize-ist (1240px). */

/* ============ MOBIIL ============ */
@media(max-width:781px){
  .mk-arch img,.mk-arch--down img{border-radius:160px 160px 12px 12px}
}