/*
Theme Name: Just Kina Cap Vert
Description: Just Kina / Maison Kina Nyota Heritage — responsive WooCommerce starter, contact and art quotes.
Version: 0.2.4
Requires PHP: 8.1
Text Domain: just-kina
*/
:root{--cream:#faf6ee;--sand:#eee3d2;--gold:#b08a53;--ink:#30271f;--blue:#176c80}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font:17px/1.7 system-ui,-apple-system,'Segoe UI',sans-serif}a{color:inherit}img{max-width:100%;height:auto}.jk-wrap{max-width:1200px;margin:auto;padding:0 26px}.jk-notice{background:#1d343d;color:white;text-align:center;padding:7px 12px;font-size:12px;letter-spacing:.04em}.jk-header{background:#fffdf9;position:sticky;top:0;z-index:99;border-bottom:1px solid #e7dccb}.admin-bar .jk-header{top:32px}.jk-header-row{display:flex;align-items:center;gap:24px;min-height:88px}.jk-brand{display:flex;align-items:center;gap:11px;text-decoration:none;flex-shrink:0;font:700 21px Georgia,serif;letter-spacing:.08em}.jk-brand img{width:58px;height:58px;object-fit:contain}.jk-brand small{display:block;font:11px system-ui,sans-serif;letter-spacing:.3em;color:var(--gold)}.jk-nav{display:flex;gap:15px;align-items:center;margin-left:auto}.jk-nav a{font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap}.jk-nav a:hover,.jk-text-link:hover{color:var(--blue)}.jk-lang{display:flex;gap:4px;flex-shrink:0}.jk-lang a{font-size:11px;text-decoration:none;padding:4px 5px}.jk-lang a[aria-current]{color:var(--blue);font-weight:800;text-decoration:underline}.jk-menu-toggle{display:none;background:none;border:1px solid #cab99c;border-radius:4px;padding:8px 12px;cursor:pointer}.jk-hero{background:linear-gradient(90deg,rgba(14,35,43,.91),rgba(17,48,60,.56)),url('ocean.jpg') center/cover;min-height:540px;display:flex;align-items:center;color:white}.jk-hero-inner{padding-top:100px;padding-bottom:100px}.jk-overline{font-size:12px;font-weight:700;letter-spacing:.19em;text-transform:uppercase;color:var(--gold)}.jk-hero .jk-overline{color:#e5ca98}.jk-hero h1{font:normal clamp(48px,7vw,86px)/1.05 Georgia,serif;letter-spacing:.09em;margin:10px 0}.jk-hero h2{font:normal clamp(23px,3vw,38px)/1.25 Georgia,serif;margin:0 0 18px;max-width:740px}.jk-hero p:not(.jk-overline){max-width:640px;font-size:18px}.jk-button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{display:inline-block;background:var(--gold)!important;color:#fff!important;text-decoration:none;padding:12px 23px;border-radius:3px;border:0;font-size:15px;font-weight:600;cursor:pointer}.jk-section{padding:75px 0}.jk-section h2,.jk-content h1{font:normal clamp(31px,4vw,44px)/1.2 Georgia,serif;margin:0 0 26px}.jk-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.jk-categories a{background:white;border:1px solid #e8dac5;text-align:center;min-height:190px;display:flex;flex-direction:column;justify-content:center;text-decoration:none;gap:10px;padding:22px}.jk-categories strong{font:normal 24px Georgia,serif}.jk-cat-art{font-size:46px;color:var(--gold)}.jk-story{background:#eee6d9}.jk-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.jk-story-photo{background:url('ocean.jpg') center/cover;min-height:370px}.jk-story-grid p{max-width:560px}.jk-text-link{font-weight:700;color:var(--blue)}.jk-empty{padding:30px;background:white;border:1px solid #e8dac5}.jk-heritage{background:#171613;color:#eee0c7;padding:85px 0}.jk-heritage-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:center}.jk-heritage h2{font:normal clamp(35px,4vw,56px)/1.15 Georgia,serif;margin:10px 0 25px}.jk-heritage p:not(.jk-overline){font-size:18px}.jk-heritage img{width:100%;max-width:320px;max-height:320px;object-fit:contain;justify-self:center}.jk-help{text-align:center}.jk-footer{background:#28241f;color:#f7efe1;padding:48px 0}.jk-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}.jk-footer p{margin:6px 0;font-size:14px}.jk-footer a:hover{color:#e7c58b}.jk-to-top{position:fixed;bottom:25px;right:24px;z-index:100;width:45px;height:45px;border:0;border-radius:50%;background:var(--blue);color:white;font-size:23px;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s}.jk-to-top.visible{opacity:1;pointer-events:auto}.jk-content{padding-top:60px;padding-bottom:90px;min-height:55vh}.jk-prose{max-width:820px}.jk-prose p{margin-bottom:18px}.jk-quote-note{font-weight:600}.woocommerce ul.products li.product{background:white;border:1px solid #e8dac5;padding:16px}.woocommerce ul.products li.product .price{color:var(--blue)}input,select,textarea{max-width:100%}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}@media(max-width:1100px){.jk-header-row{flex-wrap:wrap;gap:12px;padding-top:10px;padding-bottom:10px}.jk-nav{order:3;width:100%;justify-content:center;margin-left:0;flex-wrap:wrap}.jk-lang{margin-left:auto}}@media(max-width:700px){.admin-bar .jk-header{top:46px}.jk-wrap{padding:0 18px}.jk-header-row{min-height:70px;flex-wrap:wrap}.jk-brand{font-size:18px}.jk-brand img{width:48px;height:48px}.jk-menu-toggle{display:block;margin-left:auto}.jk-lang{margin-left:0}.jk-nav{display:none;order:4;width:100%;align-items:stretch;flex-direction:column;gap:0}.jk-nav.is-open{display:flex}.jk-nav a{padding:9px 4px;border-top:1px solid #eee2d2}.jk-hero{min-height:480px}.jk-hero-inner{padding-top:65px;padding-bottom:65px}.jk-hero h1{font-size:48px}.jk-hero p:not(.jk-overline){font-size:16px}.jk-section{padding:50px 0}.jk-categories,.jk-story-grid,.jk-heritage-grid,.jk-footer-grid{grid-template-columns:1fr}.jk-story-photo{min-height:240px}.jk-heritage img{max-width:220px}.jk-footer-grid{gap:20px}}

/* Navigation correction: menu compact et accessible sur tablette/mobile */
@media (max-width: 1250px) {
  .jk-header-row { flex-wrap: wrap; gap: 12px; padding-top: 12px; padding-bottom: 12px; }
  .jk-menu-toggle { display: inline-flex; align-items: center; gap: 8px; margin-left: auto; }
  .jk-lang { margin-left: 0; }
  .jk-nav { display: none; order: 4; width: 100%; margin: 0; flex-direction: column;
            align-items: stretch; gap: 0; background: #fffdf9; }
  .jk-nav.is-open { display: flex; }
  .jk-nav a { display: block; padding: 12px 10px; border-top: 1px solid #eee2d2; white-space: normal; font-size: 15px; }
}
@media (max-width: 700px) {
  .jk-brand { min-width: 0; }
  .jk-brand span { font-size: 16px; }
  .jk-lang a { padding: 8px; }
}

.jk-footer-grid{grid-template-columns:1.6fr 1fr 1fr 1.35fr}.jk-footer-heritage strong{color:#e7c58b;letter-spacing:.06em}.jk-footer-heritage a{text-decoration:underline;text-underline-offset:4px}@media(max-width:850px){.jk-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.jk-footer-grid{grid-template-columns:1fr}}

/* v0.2.3 — Typographic hierarchy and clean ocean-inspired home page */
:root {--cream:#fbf7f1;--sand:#f0e7db;--gold:#b68a53;--ink:#302d2a;--blue:#176b7e}
body{font-size:16px;line-height:1.65;overflow-wrap:break-word}
.jk-notice{font-size:12px;line-height:1.45;letter-spacing:.025em;padding:9px 12px}
.jk-header-row{min-height:82px;gap:18px}
.jk-brand{font-size:19px;letter-spacing:.045em;gap:10px}
.jk-brand img{width:52px;height:52px}
.jk-brand small{font-size:10px;letter-spacing:.2em}
.jk-nav{gap:19px}
.jk-nav a{font-size:14px;font-weight:600;line-height:1.5}
.jk-lang a{font-size:12px;padding:5px 6px}
.jk-hero{background-image:radial-gradient(ellipse at 78% 22%,rgba(122,190,195,.28),transparent 42%),radial-gradient(ellipse at 10% 85%,rgba(208,176,124,.15),transparent 38%),linear-gradient(125deg,#0b293a 0%,#145267 48%,#27798a 100%);min-height:440px;position:relative;isolation:isolate;overflow:hidden}
.jk-hero:after{content:'';position:absolute;z-index:-1;left:-10%;right:-10%;bottom:-100px;height:200px;border-radius:50% 50% 0 0;background:rgba(255,255,255,.055);transform:rotate(-4deg)}
.jk-hero-inner{padding-top:76px;padding-bottom:82px}
.jk-hero .jk-overline{font-size:11px;letter-spacing:.13em;color:#f1d6ac;max-width:700px}
.jk-hero h1{font-size:clamp(40px,5vw,64px);line-height:1.1;letter-spacing:.045em;margin:12px 0 10px;max-width:750px}
.jk-hero h2{font-size:clamp(23px,2.65vw,32px);line-height:1.32;letter-spacing:0;margin:0 0 14px;max-width:740px}
.jk-hero p:not(.jk-overline){font-size:16px;line-height:1.65;max-width:580px;margin:0 0 23px}
.jk-button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{font-size:14px;padding:12px 21px}
.jk-section{padding:64px 0}
.jk-section h2,.jk-content h1{font-size:clamp(29px,3.2vw,38px);line-height:1.22;margin-bottom:25px}
.jk-overline{font-size:11px;letter-spacing:.14em}
.jk-categories{gap:18px}
.jk-categories a{min-height:165px;padding:20px}
.jk-categories strong{font-size:21px}
.jk-cat-art{font-size:35px}
.jk-story{background:#f0e7db}
.jk-story-photo{background-image:radial-gradient(circle at 70% 24%,rgba(246,216,159,.65),transparent 24%),linear-gradient(160deg,#79b5bc 0%,#2e8598 44%,#14516b 58%,#e5cda5 59%,#f2dfc2 100%);border-radius:3px;min-height:340px}
.jk-story-grid{gap:42px}
.jk-heritage{padding:68px 0}
.jk-heritage h2{font-size:clamp(30px,3.3vw,43px);line-height:1.2}
.jk-heritage p:not(.jk-overline){font-size:16px}
.jk-footer{padding:42px 0}
.jk-footer strong{font-size:13px}
.jk-footer p{font-size:13px;line-height:1.6}
@media(min-width:1251px){.jk-menu-toggle{display:none}}
@media(max-width:1250px){.jk-nav a{font-size:15px}.jk-header-row{min-height:72px}.jk-nav{gap:0}}
@media(max-width:700px){.jk-hero{min-height:390px}.jk-hero-inner{padding-top:58px;padding-bottom:62px}.jk-hero h1{font-size:clamp(36px,10vw,47px)}.jk-hero h2{font-size:clamp(21px,6vw,28px)}.jk-hero p:not(.jk-overline){font-size:15px}.jk-section{padding:46px 0}.jk-section h2{font-size:30px}.jk-story-photo{min-height:230px}.jk-categories strong{font-size:20px}.jk-brand{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* v0.2.4 — Illustration Cap-Vert sur la page d’accueil.
   L’image contient déjà une composition typographique; ne pas la superposer. */
.jk-hero{background:#0c3853 url('cape-verde-hero.jpg') center center/cover no-repeat;min-height:clamp(390px,41vw,690px);position:relative}
.jk-hero:after{display:none}
.jk-hero-inner{position:relative;min-height:inherit;padding:0;max-width:1200px;width:100%;display:flex;align-items:center;justify-content:center}
.jk-hero-inner > .jk-overline,.jk-hero-inner > h1,.jk-hero-inner > h2,.jk-hero-inner > p:not(.jk-overline){position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;padding:0!important;margin:-1px!important;border:0!important}
.jk-hero .jk-button{position:absolute;top:67%;left:50%;transform:translate(-50%,-50%);display:block;width:28%;height:9%;min-width:220px;min-height:46px;background:transparent!important;color:transparent!important;border:0;box-shadow:none;font-size:0;overflow:hidden}
.jk-hero .jk-button:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:700px){
 .jk-hero{min-height:490px;background-position:48% center;background-size:auto 100%}
 .jk-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,27,41,.45),rgba(6,27,41,.16))}
 .jk-hero-inner{min-height:490px;padding:40px 20px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center}
 .jk-hero-inner > h1{position:relative!important;width:auto!important;height:auto!important;overflow:visible!important;clip:auto!important;white-space:normal!important;margin:0 0 8px!important;font-size:36px;color:#fff}
 .jk-hero-inner > h2{position:relative!important;width:auto!important;height:auto!important;overflow:visible!important;clip:auto!important;white-space:normal!important;margin:0 0 18px!important;font-size:22px;color:#fff}
 .jk-hero .jk-button{position:relative;top:auto;left:auto;transform:none;width:auto;height:auto;min-width:0;min-height:0;background:#b08a53!important;color:#fff!important;font-size:14px;padding:12px 18px}
}