/* ============================================================
   JAPAN FOR MUSLIMS — page/section component styles
   Ported from the per-page <style> blocks of the approved prototype
   (index / tours / tour / directory / article / inquiry). These complement
   system.css (tokens + atoms) and site.css (header/footer/hero chrome).
   ============================================================ */

/* ---------- HOME ---------- */
.motif-divider{display:block;color:var(--kon);opacity:.4;margin:0 auto}
.pkg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s6)}
@media(max-width:980px){.pkg-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.pkg-grid{grid-template-columns:1fr}}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s8) var(--s7);align-items:start}
@media(max-width:860px){.why-grid{grid-template-columns:1fr;gap:var(--s7)}}
.why-feats{display:grid;grid-template-columns:1fr 1fr;gap:var(--s7) var(--s6)}
@media(max-width:520px){.why-feats{grid-template-columns:1fr}}
.eat-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:var(--s8);align-items:center}
@media(max-width:860px){.eat-grid{grid-template-columns:1fr;gap:var(--s6)}}
.eat-imgs{position:relative}
.eat-imgs .ei-main{aspect-ratio:4/5;border-radius:var(--r-s);overflow:hidden}
.eat-imgs .ei-sub{position:absolute;width:46%;aspect-ratio:1;border-radius:var(--r-s);overflow:hidden;border:6px solid var(--washi);bottom:-26px;inset-inline-end:-18px;box-shadow:var(--shadow)}
.eat-pts{display:flex;flex-direction:column;gap:var(--s4);margin:var(--s6) 0 var(--s7)}
.eat-pt{display:flex;align-items:center;gap:var(--s4);font-size:1.02rem}
.eat-pt .pt-ic{width:42px;height:42px;border-radius:50%;background:var(--shu-soft);color:var(--shu);display:grid;place-items:center;flex:0 0 auto}
.stat-row{display:flex;flex-wrap:wrap;gap:var(--s8)}
.testi{display:grid;grid-template-columns:1fr 1.4fr;gap:var(--s8);align-items:center}
@media(max-width:820px){.testi{grid-template-columns:1fr;gap:var(--s6)}}
.testi-img{aspect-ratio:3/4;border-radius:var(--r-s);overflow:hidden}
@media(max-width:820px){.testi-img{aspect-ratio:16/10}}

/* ---------- TOURS ARCHIVE ---------- */
.filter-bar{position:sticky;top:78px;z-index:40;background:rgba(247,243,236,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--washi-300)}
.filter-inner{display:flex;align-items:flex-end;gap:var(--s5);flex-wrap:wrap;padding-block:var(--s5)}
.filter-field{display:flex;flex-direction:column;gap:6px;min-width:150px}
.filter-field .field-label{font-size:.68rem}
.filter-spacer{margin-inline-start:auto}
.filter-meta{display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap}
.res-count{font-family:var(--font-display);font-size:1.05rem;color:var(--kon)}
.res-count b{font-weight:500}
.clearbtn{background:none;border:0;color:var(--shu);font-family:var(--font-sans);font-size:.85rem;font-weight:500;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.tours-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s6)}
@media(max-width:980px){.tours-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.tours-grid{grid-template-columns:1fr}}
.no-results{display:none;text-align:center;padding:var(--s9) 0;color:var(--sumi)}
.no-results.show{display:block}
.card.hide,.lcard.hide{display:none}
.custom-band{background:var(--kon);color:var(--washi);border-radius:var(--r-l);padding:clamp(36px,5vw,64px);display:grid;grid-template-columns:1.4fr auto;gap:var(--s6);align-items:center;position:relative;overflow:hidden}
@media(max-width:760px){.custom-band{grid-template-columns:1fr;text-align:start}}
.custom-band .seig,.lead-band .seigaiha-deco,.halal-band .seig{pointer-events:none}

/* ---------- SINGLE TOUR ---------- */
.tour-top{padding-top:var(--s7)}
.tour-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s5);flex-wrap:wrap;margin-bottom:var(--s6)}
.tour-head h1{font-size:clamp(2.1rem,1.4rem + 2.6vw,3.1rem);letter-spacing:-.015em;max-width:18ch}
.tour-facts{display:flex;gap:var(--s5);flex-wrap:wrap;color:var(--sumi);font-size:.95rem;margin-top:var(--s4)}
.tour-facts .tf{display:flex;align-items:center;gap:8px}
.tour-facts svg{color:var(--shu)}
.gallery{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:var(--s3);height:clamp(320px,46vw,520px)}
.gallery a{overflow:hidden;border-radius:var(--r-s);display:block}
.gallery a:first-child{grid-row:1 / span 2}
.gallery img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.gallery a:hover img{transform:scale(1.05)}
@media(max-width:760px){.gallery{grid-template-columns:1fr 1fr;height:auto;grid-auto-rows:160px}.gallery a:first-child{grid-row:auto;grid-column:1 / span 2;height:240px}}
.tour-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:var(--s8);align-items:start;margin-top:var(--s8)}
@media(max-width:920px){.tour-layout{grid-template-columns:1fr}}
.book-card{position:sticky;top:100px;background:var(--paper);border:1px solid var(--washi-300);border-radius:var(--r-s);box-shadow:var(--shadow);padding:var(--s6)}
@media(max-width:920px){.book-card{position:static}}
.book-price{display:flex;align-items:baseline;gap:8px;padding-bottom:var(--s5);border-bottom:1px solid var(--washi-300);margin-bottom:var(--s5)}
.book-price .amt{font-family:var(--font-display);font-size:2.4rem;color:var(--kon);line-height:1}
.book-price .per{color:var(--sumi);font-size:.9rem}
.book-field{margin-bottom:var(--s4)}
.book-trust{margin-top:var(--s5);padding-top:var(--s5);border-top:1px solid var(--washi-300);display:flex;flex-direction:column;gap:var(--s3)}
.book-trust .bt{display:flex;align-items:center;gap:10px;font-size:.88rem;color:var(--sumi)}
.book-trust svg{color:var(--shu);flex:0 0 auto}
.sec{margin-bottom:var(--s8)}
.sec > .eyebrow{margin-bottom:var(--s4)}
.sec h2{font-size:clamp(1.5rem,1.2rem + 1vw,1.9rem);font-weight:500;letter-spacing:-.01em;margin-bottom:var(--s4)}
.timeline{position:relative}
.day{display:grid;grid-template-columns:auto 1fr;gap:var(--s5);padding-bottom:var(--s6)}
.day-mark{display:flex;flex-direction:column;align-items:center}
.day-num{width:46px;height:46px;border-radius:50%;background:var(--kon);color:var(--washi);display:grid;place-items:center;font-family:var(--font-display);font-size:1.1rem;flex:0 0 auto}
.day-line{width:1px;flex:1;background:var(--washi-300);margin-top:8px}
.day:last-child .day-line{display:none}
.day-body{padding-top:6px}
.day-body .dlabel{font-size:.74rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--shu)}
.day-body h3{font-family:var(--font-display);font-size:1.3rem;font-weight:500;margin:4px 0 8px}
.day-body p{color:var(--sumi);font-size:1rem}
.day-body .dtags{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.day-body .dtags span{font-size:.78rem;color:var(--kon);background:var(--washi-200);padding:5px 10px;border-radius:var(--r-xs)}
.incl{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3) var(--s5)}
@media(max-width:560px){.incl{grid-template-columns:1fr}}
.incl li{display:flex;align-items:flex-start;gap:10px;color:var(--ink);font-size:.98rem;padding:6px 0}
.incl svg{color:var(--shu);flex:0 0 auto;margin-top:3px}
.incl li.no{color:var(--sumi-light)}
.incl li.no svg{color:var(--sumi-light)}
.halal-band{background:var(--kon);color:var(--washi);border-radius:var(--r-l);padding:clamp(28px,4vw,48px);position:relative;overflow:hidden}
.halal-band .seig{position:absolute;inset-inline-end:-5%;top:-40%;width:36%;opacity:.1;color:#fff}
.halal-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s6);margin-top:var(--s6)}
@media(max-width:620px){.halal-grid{grid-template-columns:1fr}}
.halal-grid .hi{display:flex;gap:var(--s4)}
.halal-grid .hi-ic{width:44px;height:44px;border-radius:var(--r-s);background:rgba(255,255,255,.1);display:grid;place-items:center;flex:0 0 auto;color:#fff}
.halal-grid .hi h4{font-family:var(--font-sans);font-size:1.02rem;font-weight:600;color:#fff;margin-bottom:4px}
.halal-grid .hi p{font-size:.9rem;color:rgba(247,243,236,.74);line-height:1.55}
.inq-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4)}
@media(max-width:560px){.inq-grid{grid-template-columns:1fr}}
.inq-grid .full{grid-column:1 / -1}

/* ---------- DIRECTORY ---------- */
.dir-controls{position:sticky;top:78px;z-index:40;background:rgba(247,243,236,.93);backdrop-filter:blur(12px);border-bottom:1px solid var(--washi-300)}
.dir-controls-inner{display:flex;gap:var(--s4);align-items:center;flex-wrap:wrap;padding-block:var(--s5)}
.search-wrap{position:relative;flex:1;min-width:240px}
.search-wrap svg{position:absolute;inset-inline-start:16px;top:50%;transform:translateY(-50%);color:var(--sumi-light)}
.search-wrap .input{padding-inline-start:46px}
.dir-sel{min-width:128px;width:auto;flex:0 0 auto}
.dir-controls-inner .select{width:auto}
@media(max-width:560px){.dir-sel{flex:1 1 45%}}
.dir-layout{display:grid;grid-template-columns:1.55fr 1fr;gap:var(--s7);align-items:start}
@media(max-width:920px){.dir-layout{grid-template-columns:1fr}}
.dir-count{font-family:var(--font-display);font-size:1.4rem;color:var(--kon);margin-bottom:var(--s5)}
.dir-count b{font-weight:500}
.listings{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5)}
@media(max-width:1180px){.listings{grid-template-columns:1fr}}
.lcard{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--washi-300);border-radius:var(--r-s);overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.lcard:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.lcard-media{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--washi-200)}
.lcard-media img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.lcard:hover .lcard-media img{transform:scale(1.05)}
.badge{position:absolute;top:12px;inset-inline-start:12px;display:inline-flex;align-items:center;gap:6px;font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:5px 10px;border-radius:var(--r-pill);background:rgba(255,255,255,.94);color:var(--kon)}
.badge.cert{background:var(--shu);color:#fff}
.lcard-body{padding:var(--s5);display:flex;flex-direction:column;gap:var(--s2);flex:1}
.lcard h3{font-size:1.2rem;line-height:1.2}
.lcard-meta{display:flex;align-items:center;gap:var(--s2);font-size:.85rem;color:var(--sumi);flex-wrap:wrap}
.lcard-foot{margin-top:auto;padding-top:var(--s4);display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}
.rating{display:inline-flex;align-items:center;gap:5px;font-size:.85rem;font-weight:600;color:var(--ink)}
.rating .star{color:var(--shu)}
.lcard.pray .lcard-media{aspect-ratio:16/10;background:var(--kon);display:grid;place-items:center}
.lcard.pray .pray-ic{color:rgba(247,243,236,.9)}
.lcard.pray .pray-ic svg{width:48px;height:48px}
.lcard.pray .badge{background:rgba(255,255,255,.16);color:#fff;backdrop-filter:blur(4px)}
.seig-mini{position:absolute;inset:0;opacity:.12;color:#fff}
.dir-cta{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:500;color:var(--kon)}
.dir-cta:hover{color:var(--shu)}
.map-panel{position:sticky;top:150px;border:1px solid var(--washi-300);border-radius:var(--r-s);overflow:hidden;background:var(--washi-200);box-shadow:var(--shadow-s)}
.map-head{display:flex;align-items:center;justify-content:space-between;padding:var(--s4) var(--s5);background:var(--paper);border-bottom:1px solid var(--washi-300)}
.map-head b{font-family:var(--font-display);font-size:1.05rem;color:var(--kon);white-space:nowrap}
.map-canvas{position:relative;aspect-ratio:3/4;min-height:420px}
.map-canvas .leaflet-container{width:100%;height:100%}
.map-note{padding:var(--s4) var(--s5);font-size:.8rem;color:var(--sumi);background:var(--paper);border-top:1px solid var(--washi-300);display:flex;align-items:center;gap:8px}
.suggest-band{margin-top:var(--s9);background:var(--washi-200);border:1px solid var(--washi-300);border-radius:var(--r-l);padding:clamp(28px,4vw,48px);display:flex;align-items:center;justify-content:space-between;gap:var(--s5);flex-wrap:wrap}
@media(max-width:920px){.map-panel{position:static}}

/* ---------- ARTICLE (editorial single) ---------- */
.art-hero{position:relative;min-height:clamp(440px,62vh,620px);display:flex;align-items:flex-end;overflow:hidden;color:var(--washi)}
.art-hero .ah-bg{position:absolute;inset:0;z-index:0}
.art-hero .ah-bg img{width:100%;height:100%;object-fit:cover}
.art-hero .ah-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(16,27,48,.9),rgba(16,27,48,.3) 60%,rgba(16,27,48,.4))}
.art-hero-inner{position:relative;z-index:1;width:100%;padding-bottom:clamp(36px,5vw,64px)}
.art-cat{display:inline-flex;align-items:center;gap:10px;font-size:.78rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#fff}
.art-cat .pip{width:7px;height:7px;border-radius:50%;background:var(--shu)}
.art-hero h1{color:#fff;font-size:clamp(2.6rem,1.4rem + 4.4vw,4.6rem);line-height:1.04;letter-spacing:-.015em;margin-top:var(--s4);max-width:16ch}
.art-hero .dek{color:rgba(255,255,255,.88);font-size:var(--t-body-l);margin-top:var(--s5);max-width:54ch}
.art-meta{display:flex;align-items:center;gap:var(--s4);margin-top:var(--s6);flex-wrap:wrap;font-size:.9rem}
.art-meta .avatar{width:42px;height:42px;border-radius:50%;background:var(--shu);display:grid;place-items:center;color:#fff;font-family:var(--font-display);font-size:1.1rem;flex:0 0 auto}
.art-meta .mdot{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.5)}
.art-meta b{font-weight:600;color:#fff}
.art-meta span{color:rgba(255,255,255,.8)}
.article-wrap{display:grid;grid-template-columns:228px minmax(0,704px);gap:var(--s9);justify-content:center;padding-block:clamp(48px,6vw,88px)}
@media(max-width:980px){.article-wrap{grid-template-columns:minmax(0,704px);justify-content:center}}
.toc{position:sticky;top:104px;align-self:start}
@media(max-width:980px){.toc{position:static;border:1px solid var(--washi-300);border-radius:var(--r-s);padding:var(--s5);margin-bottom:var(--s6);background:var(--paper)}}
.toc h4{font-size:var(--t-eyebrow);font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--sumi);margin-bottom:var(--s4)}
.toc a{display:block;font-size:.95rem;color:var(--sumi);padding:8px 0 8px 14px;border-inline-start:2px solid var(--washi-300);transition:all .2s var(--ease);line-height:1.4}
.toc a:hover{color:var(--ink)}
.toc a.active{color:var(--shu);border-inline-start-color:var(--shu);font-weight:500}
.article-body{font-size:1.18rem;line-height:1.78;color:var(--ink)}
html[dir="rtl"] .article-body{font-size:1.22rem;line-height:2}
.article-body p{margin-top:var(--s5)}
.article-body h2{font-family:var(--font-display);font-size:clamp(1.6rem,1.2rem + 1.3vw,2.05rem);font-weight:500;letter-spacing:-.01em;margin-top:var(--s8);scroll-margin-top:100px}
.article-body h2 .num{color:var(--shu);font-size:.7em;margin-inline-end:10px}
.article-body img{border-radius:var(--r-s);margin-top:var(--s6)}
.article-body .wp-block-pullquote,.pull{margin:var(--s8) 0;padding:var(--s6) 0;text-align:center}
.pull p{font-family:var(--font-display);font-size:clamp(1.5rem,1.1rem + 1.6vw,2.05rem);line-height:1.32;letter-spacing:-.01em;color:var(--kon);font-weight:380}
.inline-cta{margin:var(--s8) 0;background:var(--kon);color:var(--washi);border-radius:var(--r-l);padding:clamp(28px,4vw,40px);position:relative;overflow:hidden}
.inline-cta h3{font-size:1.5rem;color:#fff;max-width:20ch}
.inline-cta p{color:rgba(255,255,255,.82);margin-top:var(--s3);max-width:48ch;font-size:1rem;line-height:1.6}
.related{border-top:1px solid var(--washi-300);padding-top:var(--s5)}

/* ---------- TRIP PLANNER ---------- */
.planner{display:grid;grid-template-columns:0.92fr 1.08fr;min-height:calc(100vh - 78px)}
@media(max-width:880px){.planner{grid-template-columns:1fr}}
.pl-aside{position:relative;color:var(--washi);display:flex;flex-direction:column;justify-content:space-between;padding:clamp(32px,5vw,64px);overflow:hidden}
.pl-aside .pl-bg{position:absolute;inset:0;z-index:0}
.pl-aside .pl-bg img{width:100%;height:100%;object-fit:cover}
.pl-aside .pl-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(16,27,48,.86),rgba(16,27,48,.6))}
.pl-aside > *{position:relative;z-index:1}
@media(max-width:880px){.pl-aside{min-height:280px}}
.pl-aside h2{font-size:clamp(1.8rem,1.3rem + 1.8vw,2.6rem);color:#fff;line-height:1.12;letter-spacing:-.01em;max-width:16ch}
.pl-steps-list{display:flex;flex-direction:column;gap:var(--s4);margin-top:var(--s7)}
.pl-steps-list .pls{display:flex;align-items:center;gap:var(--s4);opacity:.5;transition:opacity .3s var(--ease)}
.pl-steps-list .pls.active{opacity:1}
.pl-steps-list .pls.done{opacity:.85}
.pl-steps-list .pls .n{width:34px;height:34px;border-radius:50%;border:1.5px solid rgba(255,255,255,.5);display:grid;place-items:center;font-family:var(--font-display);font-size:1rem;flex:0 0 auto}
.pl-steps-list .pls.active .n{background:var(--shu);border-color:var(--shu)}
.pl-steps-list .pls.done .n{background:rgba(255,255,255,.18);border-color:transparent}
.pl-steps-list .pls b{font-weight:500;font-size:1.02rem}
.pl-reassure{display:flex;align-items:center;gap:var(--s3);font-size:.9rem;color:rgba(255,255,255,.82)}
.pl-reassure svg{color:#fff;flex:0 0 auto}
.pl-main{padding:clamp(32px,5vw,64px);display:flex;flex-direction:column;background:var(--washi)}
.pl-prog{height:4px;background:var(--washi-300);border-radius:var(--r-pill);overflow:hidden;margin-bottom:var(--s7)}
.pl-prog span{display:block;height:100%;background:var(--shu);width:25%;transition:width .4s var(--ease)}
.pl-step{display:none}
.pl-step.show{display:block}
.pl-step .step-tag{font-size:.74rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--shu)}
.pl-step h1{font-size:clamp(1.6rem,1.2rem + 1.4vw,2.1rem);font-weight:500;letter-spacing:-.01em;margin:var(--s3) 0 var(--s2)}
.pl-step .sub{color:var(--sumi);margin-bottom:var(--s6)}
.opt-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}
@media(max-width:480px){.opt-grid{grid-template-columns:1fr}}
.opt{display:flex;align-items:center;gap:var(--s3);padding:16px 18px;border:1px solid var(--washi-300);border-radius:var(--r-s);background:var(--paper);cursor:pointer;transition:all .2s var(--ease);font-size:1rem;text-align:start}
.opt:hover{border-color:var(--kon-400)}
.opt.sel{border-color:var(--shu);background:var(--shu-soft);box-shadow:inset 0 0 0 1px var(--shu)}
.opt .oic{width:38px;height:38px;border-radius:var(--r-xs);background:var(--washi-200);display:grid;place-items:center;color:var(--kon);flex:0 0 auto}
.opt.sel .oic{background:var(--shu);color:#fff}
.opt b{display:block;font-weight:500}
.opt small{color:var(--sumi);font-size:.82rem}
.chips-wrap{display:flex;flex-wrap:wrap;gap:var(--s3)}
.chip-opt{padding:11px 18px;border:1px solid var(--washi-300);border-radius:var(--r-pill);background:var(--paper);cursor:pointer;font-size:.95rem;transition:all .2s var(--ease)}
.chip-opt:hover{border-color:var(--kon-400)}
.chip-opt.sel{background:var(--kon);border-color:var(--kon);color:var(--washi)}
.pl-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4)}
@media(max-width:480px){.pl-field-grid{grid-template-columns:1fr}}
.pl-field-grid .full{grid-column:1 / -1}
.pl-nav{display:flex;justify-content:space-between;align-items:center;gap:var(--s4);margin-top:auto;padding-top:var(--s7)}
.pl-back{background:none;border:0;color:var(--sumi);font-family:var(--font-sans);font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.pl-back:hover{color:var(--ink)}
.pl-back[disabled]{opacity:0;pointer-events:none}
.pl-done{display:none;text-align:center;max-width:440px;margin:auto;padding:var(--s8) 0}
.pl-done.show{display:block}
.pl-done .seal-lg{width:78px;height:78px;border-radius:50%;background:var(--shu);display:grid;place-items:center;margin:0 auto var(--s5)}
.pl-done h1{font-family:var(--font-display);font-size:2.1rem;font-weight:500;margin-bottom:var(--s3)}

/* ---------- PAGINATION ---------- */
.jfm-pagination{display:flex;gap:var(--s3);justify-content:center;margin-top:var(--s8);flex-wrap:wrap}
.jfm-pagination .page-numbers{display:inline-grid;place-items:center;min-width:42px;height:42px;padding:0 12px;border:1px solid var(--washi-300);border-radius:var(--r-xs);color:var(--kon);background:var(--paper)}
.jfm-pagination .page-numbers.current{background:var(--kon);color:var(--washi);border-color:var(--kon)}
.jfm-pagination .page-numbers:hover{border-color:var(--shu);color:var(--shu)}

/* ---------- LANGUAGE SWITCHER (block outputs <a>, mirror the chrome rules) ---------- */
.lang-menu a{display:flex;align-items:center;gap:var(--s3);width:100%;text-align:start;background:transparent;border:0;border-radius:var(--r-xs);padding:10px 12px;font-family:var(--font-sans);font-size:.92rem;color:var(--ink);transition:background .15s var(--ease)}
.lang-menu a:hover{background:var(--washi-200)}
.lang-menu a .native{color:var(--sumi);font-size:.82rem;margin-inline-start:auto}
.lang-menu a.sel{color:var(--shu);font-weight:600}
.lang-menu a .ck{margin-inline-start:auto;color:var(--shu);opacity:0}
.lang-menu a.sel .ck{opacity:1}
.lang-menu a.sel .native{display:none}
.foot-lang a{background:transparent;border:1px solid rgba(255,255,255,.2);color:rgba(247,243,236,.78);border-radius:var(--r-pill);padding:6px 13px;font-size:.82rem;font-family:var(--font-sans);transition:all .2s var(--ease)}
.foot-lang a:hover{border-color:rgba(255,255,255,.5);color:#fff}
.foot-lang a.sel{background:var(--shu);border-color:var(--shu);color:#fff}

/* ---------- SEARCH FORM ---------- */
.jfm-search .wp-block-search__inside-wrapper{border:1px solid var(--washi-300);border-radius:var(--r-xs);background:var(--paper);overflow:hidden}
.jfm-search .wp-block-search__input{border:0;padding:14px 16px;font-family:var(--font-sans)}
.jfm-search .wp-block-search__button{background:var(--shu);color:#fff;border:0;padding:0 22px;font-weight:500}