/* JAVCMS Classic: auto-icon layer (ICON-SYSTEM-BRIEF §6.1 row "javcms": lucide 1.8, draw + bounce, pop entrance,
   orange dot-grid plates, squircle gradient avatars hue 10-60, accent tint). Black canvas + orange gradient stays the look:
   icons are orange strokes beside the uppercase labels, plates are the grid of orange dots on a soft orange tile, and every
   hover keeps the theme's own behaviour (gradient pill in the drawer, 2px underline in the nav). Motion lives in the shared
   auto-icon.css (opacity/translate/scale/rotate/stroke-dashoffset only, gated by reduced motion + low power); this file
   only sizes, colours and places. Hover effects are inside @media(hover:hover). Loaded after jc-skin.css. */

/* ---- palette: accent tint everywhere, readable in both modes (text-size icons >= 3:1 against the canvas) ---- */
html[data-template-theme="javcms"]{--ai-c1:var(--jc-link,#ffa53a);--ai-c2:#ff6000;--ai-c3:var(--focus,#ffa53a);--ai-c4:var(--jc-muted,#a6a6ad);--ai-ink:var(--jc-link,#ffa53a);--ai-bg:var(--jc-bg,#000);--ai-plate:#ff8e00;--ai-plate-o:.16;--ai-ps:#ff9600;--ai-glow:rgba(255,142,0,.55);--ai-pat-o:.2}
html[data-template-theme="javcms"][data-color-mode="light"]{--ai-c1:#a84800;--ai-c2:#c24e00;--ai-c3:#a84800;--ai-c4:#55555c;--ai-ink:#a84800;--ai-bg:#f3f3f5;--ai-plate:#d35f00;--ai-plate-o:.13;--ai-ps:#c25100;--ai-glow:rgba(211,95,0,.35)}

/* ---- header nav: icon before the uppercase label; the 2px underline grows from the centre instead of fading ---- */
html[data-template-theme="javcms"] .header .nav .jc-ai-menu a{display:inline-flex;align-items:center;gap:8px}
html[data-template-theme="javcms"] .header .nav .jc-ai-menu a .ai{--ai-size:17px;color:var(--ai-c1)}
html[data-template-theme="javcms"] .header .nav .jc-ai-menu a:before{transform:scaleX(.3);transform-origin:50% 50%;transition:opacity .3s,transform .3s cubic-bezier(.2,.8,.2,1)}
html[data-template-theme="javcms"] .header .nav .jc-ai-menu a.active:before{transform:scaleX(1)}
@media(hover:hover) and (min-width:992px){html[data-template-theme="javcms"] .header .nav .jc-ai-menu a:hover:before{opacity:1;transform:scaleX(1)}}
@media(max-width:1299px) and (min-width:1101px){html[data-template-theme="javcms"] .header .nav .jc-ai-menu a{padding-inline:14px;margin:0 4px}}

/* ---- header controls: all on the auto-icon family; sizes match the old 20-22px glyphs ---- */
html[data-template-theme="javcms"] .header .right-block .ai{--ai-size:21px;color:currentColor}
html[data-template-theme="javcms"] .header .btn-search{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;width:auto;color:var(--ink)}
html[data-template-theme="javcms"] .header .btn-search .jc-ai-swap{display:grid;place-items:center;line-height:0;font-size:0;transition:opacity .25s,scale .25s}
html[data-template-theme="javcms"] .header .btn-search .jc-ai-swap::before{content:none!important}
html[data-template-theme="javcms"] .header .btn-search .icon-close{scale:.6}
html[data-template-theme="javcms"] .header.search-active .btn-search .icon-close{scale:1}
html[data-template-theme="javcms"] .header.search-active .btn-search .icon-search{scale:.6}
@media(hover:hover){html[data-template-theme="javcms"] .header .btn-search:hover,html[data-template-theme="javcms"] .header .language-menu>summary:hover,html[data-template-theme="javcms"] .header .jc-history>summary:hover{color:var(--jc-link)}}
html[data-template-theme="javcms"] .header .search .search-btn{display:grid;place-items:center;color:#111}
html[data-template-theme="javcms"] .header .search .search-btn .ai{--ai-size:20px}
html[data-template-theme="javcms"] .header .language-menu>summary .ai{--ai-size:20px}

/* history (new control): a summary button like the language one, the panel reuses the language panel's surface */
html[data-template-theme="javcms"] .header .jc-history{position:relative;flex:none}
html[data-template-theme="javcms"] .header .jc-history>summary{list-style:none;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:10px;color:var(--ink);cursor:pointer}
html[data-template-theme="javcms"] .header .jc-history>summary::-webkit-details-marker{display:none}
html[data-template-theme="javcms"] .header .jc-history[open]>summary{color:var(--jc-link)}
html[data-template-theme="javcms"] .jc-history-panel{position:absolute;z-index:70;top:calc(100% + 8px);inset-inline-end:0;width:min(320px,calc(100vw - 24px));padding:12px;border:1px solid var(--jc-line);border-radius:12px;background:var(--jc-surface);color:var(--jc-ink);box-shadow:0 14px 34px rgba(0,0,0,.4);animation:jc-pop .16s ease-out}
html[data-template-theme="javcms"] .jc-history-title{display:flex;align-items:center;gap:8px;margin:0 0 8px;padding-bottom:8px;border-bottom:2px solid var(--jc-accent);font-size:15px;font-weight:600}
html[data-template-theme="javcms"] .jc-history-panel .gallery-history-list{margin:0 0 10px;padding:0;list-style:none;max-height:min(50vh,320px);overflow:auto}
html[data-template-theme="javcms"] .jc-history-panel .gallery-history-list li{margin:0;color:var(--jc-muted);font-size:14px;line-height:1.5}
html[data-template-theme="javcms"] .jc-history-panel .gallery-history-list li:only-child:not(:has(a)){padding:8px 4px}
html[data-template-theme="javcms"] .jc-history-panel .gallery-history-list a{display:block;padding:8px 10px;border-radius:8px;color:var(--jc-ink);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(hover:hover){html[data-template-theme="javcms"] .jc-history-panel .gallery-history-list a:hover{background:var(--jc-surface-2);color:var(--jc-link)}}
html[data-template-theme="javcms"] .jc-history-panel .gallery-history-list a:focus-visible{background:var(--jc-surface-2)}
html[data-template-theme="javcms"] .jc-history-panel .gallery-history-clear{width:100%;min-height:40px;font-size:14px}
html[data-template-theme="javcms"] .header.search-active .right-block .jc-history{opacity:0;visibility:hidden;pointer-events:none}
@media(max-width:767px){
 html[data-template-theme="javcms"] .header .right-block .ai{--ai-size:20px}
 html[data-template-theme="javcms"] .jc-history-panel{position:fixed;top:64px;inset-inline:12px;width:auto}
}
@media(max-width:380px){html[data-template-theme="javcms"] .header .logo img{max-width:84px}}

/* ---- category drawer: an icon per row, the row keeps its gradient-pill hover (the icon turns dark on the pill) ---- */
html[data-template-theme="javcms"] .sidebar .list-link li a{align-items:center}
html[data-template-theme="javcms"] .sidebar .list-link li a .name{display:inline-flex;align-items:center;gap:10px;min-width:0}
html[data-template-theme="javcms"] .sidebar .list-link li a .ai{--ai-size:18px;position:relative;z-index:2}
html[data-template-theme="javcms"] .sidebar .jc-ai-quick li a{justify-content:flex-start}
html[data-template-theme="javcms"] .sidebar .list-link li a.active .ai{color:var(--jc-link)}
@media(hover:hover) and (min-width:992px){html[data-template-theme="javcms"] .sidebar .list-link li a:hover .ai{color:#111}}
html[data-template-theme="javcms"] .sidebar .jc-side-title{display:flex;align-items:center;gap:10px}
html[data-template-theme="javcms"] .sidebar .block-btn .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px}
html[data-template-theme="javcms"] .sidebar .block-btn .btn .ai{--ai-size:18px;position:relative;z-index:2;color:var(--ai-c1)}
/* the drawer opens -> its rows pop in one after another (auto-icon.js marks the group in view) */
html[data-template-theme="javcms"] .wrapped:not(.open) .sidebar [data-ai-group]{--ai-en:none}

/* ---- section heads: orange tick stays; a plated icon sits between the tick and the title ---- */
html[data-template-theme="javcms"] .jc-head .jc-h2-ai,html[data-template-theme="javcms"] .jc-head .jc-h2-ai a,html[data-template-theme="javcms"] .jc-head .jc-h1-ai{display:flex;align-items:center;gap:12px}
html[data-template-theme="javcms"] .jc-head .jc-h2-ai .ai-lg{--ai-size:38px}
html[data-template-theme="javcms"] .jc-head .jc-h1-ai .ai-xl{--ai-size:52px}
html[data-template-theme="javcms"] .jc-head .jc-h2-ai>a>span,html[data-template-theme="javcms"] .jc-head .jc-h2-ai>span,html[data-template-theme="javcms"] .jc-head .jc-h1-ai>span{min-width:0;overflow-wrap:anywhere}
/* the tick grows in once when the section enters (scale only, no layout) */
@media(prefers-reduced-motion:no-preference){
 html[data-template-theme="javcms"]:not([data-ai-power="low"]) .jc-head[data-ai-in=""] .jc-h2::before{animation:jc-tick .5s cubic-bezier(.2,.8,.2,1) both}
 @keyframes jc-tick{from{scale:1 0}to{scale:1 1}}
}
@media(max-width:767px){
 html[data-template-theme="javcms"] .jc-head .jc-h2-ai .ai-lg{--ai-size:30px}
 html[data-template-theme="javcms"] .jc-head .jc-h1-ai .ai-xl{--ai-size:40px}
 html[data-template-theme="javcms"] .jc-head .jc-h2-ai,html[data-template-theme="javcms"] .jc-head .jc-h2-ai a,html[data-template-theme="javcms"] .jc-head .jc-h1-ai{gap:9px}
}

/* ---- dropdown rows (categories, sort): icon + label left, count right; chevron turns ---- */
html[data-template-theme="javcms"] .jc-drop-name{display:inline-flex;align-items:center;gap:9px;min-width:0}
html[data-template-theme="javcms"] .jc-drop-menu a .ai{--ai-size:16px}
html[data-template-theme="javcms"] .jc-drop>summary .ai{color:var(--ai-c1)}
html[data-template-theme="javcms"] .jc-drop>summary .jc-ai-chev{color:var(--jc-muted);transition:rotate .2s ease}
html[data-template-theme="javcms"] .jc-drop[open]>summary .jc-ai-chev{rotate:180deg}

/* ---- chips: icon on the chip (tags, genres, studio, category); actor chips carry a 20px squircle face ---- */
html[data-template-theme="javcms"] .jc-chip .ai{--ai-size:15px;color:var(--ai-c1)}
html[data-template-theme="javcms"] .jc-chip .ai-av{margin-inline-start:-6px;border-radius:6px}
html[data-template-theme="javcms"] .jc-chip-actor,html[data-template-theme="javcms"] .jc-meta-row .jc-chip:has(.ai-av){padding-inline-start:10px}
@media(hover:hover){html[data-template-theme="javcms"] a.jc-chip:hover{background:var(--accent-soft,#2a1a0b)}}
html[data-template-theme="javcms"] .jc-meta dt .ai{--ai-size:17px;color:var(--ai-c1)}
html[data-template-theme="javcms"] .jc-stats .ai{--ai-size:16px;color:var(--jc-muted)}
html[data-template-theme="javcms"] .jc-stats .jc-star{color:#ffb400}
html[data-template-theme="javcms"][data-color-mode="light"] .jc-stats .jc-star{color:#9a5b00}
/* tap targets: chips are links, so they keep >= 40px height on phones */
@media(pointer:coarse){html[data-template-theme="javcms"] a.jc-chip{min-height:40px}}

/* ---- category rail + hot searches (label, search and map pages) ---- */
html[data-template-theme="javcms"] .jc-catrail{margin:0 0 20px;min-width:0}
html[data-template-theme="javcms"] .jc-catrail .jc-chips{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;margin:-8px;padding:8px;scroll-padding-inline:8px}
html[data-template-theme="javcms"] .jc-catrail .jc-chips::-webkit-scrollbar{display:none}
html[data-template-theme="javcms"] .jc-catrail .jc-chips li{flex:none}
html[data-template-theme="javcms"] .jc-catrail a.jc-chip{min-height:40px;padding:6px 14px;white-space:nowrap}
html[data-template-theme="javcms"] .jc-catrail a.jc-chip[aria-current]{border-color:transparent;background:var(--jc-accent-grad);color:#111}
html[data-template-theme="javcms"] .jc-catrail a.jc-chip[aria-current] .ai{color:#111}
html[data-template-theme="javcms"] .jc-hotwords{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 0}
html[data-template-theme="javcms"] .jc-hot-label{display:inline-flex;align-items:center;gap:6px;color:var(--jc-muted);font-size:13.5px;font-weight:600}
html[data-template-theme="javcms"] .jc-hotwords .jc-chip{min-height:32px}

/* ---- video cards: lead performer line ---- */
html[data-template-theme="javcms"] .jc-card-cast{display:flex;align-items:center;gap:5px;margin:2px 0 0;min-width:0;color:var(--jc-ink-soft,#d8d8dc);font-size:12.5px;line-height:1.4}
html[data-template-theme="javcms"] .jc-card-cast span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
html[data-template-theme="javcms"] .jc-card-cast .ai{--ai-size:13px}

/* ---- performers: cards on the jc grid; squircle face (generated under the picture) ---- */
html[data-template-theme="javcms"] .jc-actor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px 14px;margin:0 0 24px;padding:0}
html[data-template-theme="javcms"] .jc-actor{margin:0;min-width:0}
html[data-template-theme="javcms"] .jc-actor-link{display:flex;flex-direction:column;align-items:center;gap:10px;height:100%;padding:18px 12px 14px;border:1px solid var(--jc-line);border-radius:var(--jc-radius,10px);background:var(--jc-surface);color:var(--jc-ink);text-align:center;text-decoration:none;transition:border-color .2s,translate .2s}
@media(hover:hover){html[data-template-theme="javcms"] .jc-actor-link:hover{border-color:var(--jc-accent);translate:0 -3px}html[data-template-theme="javcms"] .jc-actor-link:hover .jc-actor-name{color:var(--jc-link)}}
html[data-template-theme="javcms"] .jc-actor-link:focus-visible{border-color:var(--jc-accent)}
html[data-template-theme="javcms"] .jc-actor-name{max-width:100%;font-size:15px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}
html[data-template-theme="javcms"] .jc-actor-stats{display:flex;gap:12px;color:var(--jc-muted);font-size:12.5px}
html[data-template-theme="javcms"] .jc-actor-stats>span{display:inline-flex;align-items:center;gap:4px}
html[data-template-theme="javcms"] .jc-actor-av{box-shadow:0 0 0 2px var(--jc-bg),0 0 0 4px rgba(255,142,0,.55)}
html[data-template-theme="javcms"] .jc-actor-hero{display:grid;grid-template-columns:auto minmax(0,1fr);gap:28px;align-items:start;margin:6px 0 30px}
html[data-template-theme="javcms"] .jc-actor-hero .jc-meta{margin-top:16px}
@media(max-width:767px){
 html[data-template-theme="javcms"] .jc-actor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 html[data-template-theme="javcms"] .jc-actor-hero{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;gap:16px}
 html[data-template-theme="javcms"] .jc-actor-hero .jc-stats{justify-content:center}
 html[data-template-theme="javcms"] .jc-actor-hero .jc-meta{text-align:start;width:100%}
 html[data-template-theme="javcms"] .jc-actor-hero .ai-av-xl{--ai-av:128px}
}

/* ---- empty state + 404: vendored animated scene above the text ---- */
html[data-template-theme="javcms"] .jc-empty-ai{flex-direction:column;gap:14px;padding:28px 20px 30px}
html[data-template-theme="javcms"] .jc-empty-ai .ai-scene{--ai-scene:clamp(120px,32vw,170px);margin:0}
html[data-template-theme="javcms"] .jc-empty-text{display:flex;align-items:center;justify-content:center;gap:10px;margin:0;color:var(--jc-muted)}
html[data-template-theme="javcms"] .jc-empty-text .ai{--ai-size:24px}
html[data-template-theme="javcms"] .jc-notfound-scene{--ai-scene:clamp(130px,30vw,180px);margin:0 auto -6px}
html[data-template-theme="javcms"] .jc-notfound .jc-btn .ai,html[data-template-theme="javcms"] .jc-empty-ai .jc-btn .ai{--ai-size:18px}
html[data-template-theme="javcms"] .jc-btn-primary .ai{color:currentColor}

/* ---- pagination: chevrons inside the Previous/Next buttons (mirrored in Arabic by the core) ---- */
html[data-template-theme="javcms"] .pagination a.btn{display:inline-flex;align-items:center;gap:6px}
html[data-template-theme="javcms"] .pagination a.btn .ai{--ai-size:16px;position:relative;z-index:1}

/* ---- forms: field icons sit inside the left edge of the input (logical, so they move right in Arabic) ---- */
html[data-template-theme="javcms"] .jc-field{position:relative;display:block;width:100%;float:left}
html[data-template-theme="javcms"] .jc-field .fed-user-text{padding-inline-start:42px!important;width:100%}
html[data-template-theme="javcms"] .jc-field .jc-field-ico{position:absolute;inset-inline-start:14px;top:50%;margin-top:-.5em;--ai-size:17px;color:var(--ai-c1);z-index:1}
html[data-template-theme="javcms"] .jc-form label,html[data-template-theme="javcms"] .comment_form>label{display:flex;align-items:center;gap:8px}
html[data-template-theme="javcms"] .jc-form label .ai,html[data-template-theme="javcms"] .comment_form>label .ai{color:var(--ai-c1)}
html[data-template-theme="javcms"] .comment_submit,html[data-template-theme="javcms"] .gbook_submit{display:inline-flex;align-items:center;justify-content:center;gap:8px}

/* ---- footer: icon links, category column, contact/RSS/sitemap row, 18+ badge ---- */
html[data-template-theme="javcms"] .tui-footer .jc-ft-links a,html[data-template-theme="javcms"] .tui-footer .jc-ft-catlist a{display:inline-flex;align-items:center;gap:9px}
html[data-template-theme="javcms"] .tui-footer .jc-ft-links .ai,html[data-template-theme="javcms"] .tui-footer .jc-ft-catlist .ai{--ai-size:16px;color:var(--ai-c1)}
@media(hover:hover){html[data-template-theme="javcms"] .tui-footer .jc-ft-links a:hover,html[data-template-theme="javcms"] .tui-footer .jc-ft-catlist a:hover{color:var(--jc-link)}}
:root[data-template-theme="javcms"] .tui-footer-top{grid-template-columns:minmax(0,1fr) minmax(300px,440px) minmax(170px,220px);gap:32px 48px}
html[data-template-theme="javcms"] .jc-ft-h{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:14px;font-weight:600;color:var(--jc-ink);text-transform:uppercase;letter-spacing:.04em}
html[data-template-theme="javcms"] .jc-ft-catlist{margin:0;padding:0;list-style:none}
html[data-template-theme="javcms"] .jc-ft-catlist a{min-height:40px;font-size:14px;color:var(--footer-muted,var(--jc-muted))}
html[data-template-theme="javcms"] .tui-footer-contact a{display:inline-flex;align-items:center;gap:8px}
html[data-template-theme="javcms"] .jc-ft-social{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 0}
html[data-template-theme="javcms"] .jc-ft-social a{display:inline-grid;place-items:center;width:44px;height:44px;border:1px solid var(--jc-line);border-radius:10px;color:var(--jc-ink)}
html[data-template-theme="javcms"] .jc-ft-social a .ai{--ai-size:19px}
@media(hover:hover){html[data-template-theme="javcms"] .jc-ft-social a:hover{border-color:var(--jc-accent);color:var(--jc-link)}}
html[data-template-theme="javcms"] .jc-ft-18{display:inline-flex;align-items:center;gap:8px;margin-inline-start:6px;color:var(--jc-muted);font-size:13px}
html[data-template-theme="javcms"] .jc-ft-18 b{display:inline-grid;place-items:center;min-width:44px;height:44px;padding:0 6px;border-radius:50%;background:var(--jc-accent-grad);color:#111;font-size:14px;font-weight:800;letter-spacing:-.02em}
@media(max-width:1100px){:root[data-template-theme="javcms"] .tui-footer-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}html[data-template-theme="javcms"] .jc-ft-cats{grid-column:1/-1}html[data-template-theme="javcms"] .jc-ft-catlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));column-gap:16px}}
@media(max-width:640px){:root[data-template-theme="javcms"] .tui-footer-top{grid-template-columns:minmax(0,1fr)}html[data-template-theme="javcms"] .jc-ft-catlist{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---- back to top: orange gradient disc, bottom-START corner (the theme switcher owns bottom-end), shown after a scroll ---- */
html[data-template-theme="javcms"] .jc-totop{position:fixed;z-index:50;inset-block-end:calc(16px + env(safe-area-inset-bottom,0px));inset-inline-start:calc(16px + env(safe-area-inset-left,0px));display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--jc-accent-grad);color:#111;box-shadow:0 8px 20px rgba(0,0,0,.45);opacity:0;visibility:hidden;translate:0 12px;transition:opacity .25s,translate .25s,visibility 0s linear .25s}
html[data-template-theme="javcms"] .jc-totop .ai{--ai-size:22px;color:#111}
html[data-template-theme="javcms"].jc-scrolled .jc-totop{opacity:1;visibility:visible;translate:0 0;transition:opacity .25s,translate .25s,visibility 0s}
@media(hover:hover){html[data-template-theme="javcms"] .jc-totop:hover{box-shadow:0 0 0 3px var(--jc-bg),0 0 0 5px #ff8e00}}
html[data-template-theme="javcms"] .jc-totop:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
html[data-template-theme="javcms"].no-scroll .jc-totop{display:none}
@media(prefers-reduced-motion:reduce){html[data-template-theme="javcms"] .jc-totop{transition:none}}
/* the switcher's own bottom-start option must not land on the back-to-top disc */
:root[data-template-theme="javcms"]{--jv-switcher-bottom-start:74px}

@media(forced-colors:active){html[data-template-theme="javcms"] .jc-totop,html[data-template-theme="javcms"] .jc-ft-18 b{forced-color-adjust:none;border:1px solid CanvasText}}
@media print{html[data-template-theme="javcms"] .jc-totop,html[data-template-theme="javcms"] .jc-catrail{display:none}}

/* ---- repair round (REVIEW-icons-javcms r1) ---- */
/* P1-1: keep the footer's last lines clear of the fixed back-to-top disc (16px gap + 46px disc + 4px) */
html[data-template-theme="javcms"] .tui-footer-bottom{padding-block-end:calc(66px + env(safe-area-inset-bottom,0px))}
/* P2-2: >= 44px tap targets on touch screens */
@media(pointer:coarse){
 html[data-template-theme="javcms"] .header .right-block .jc-history>summary,html[data-template-theme="javcms"] .header .right-block .btn-search,html[data-template-theme="javcms"] .header .right-block .jc-account,html[data-template-theme="javcms"] .header .right-block .link-icon,html[data-template-theme="javcms"] .header .right-block .language-menu>summary{min-width:44px;min-height:44px}
 html[data-template-theme="javcms"] .jc-empty a.jc-btn{min-height:44px}
 html[data-template-theme="javcms"] .sidebar .list-link li a{min-height:44px}
 html[data-template-theme="javcms"] a.jc-chip,html[data-template-theme="javcms"] .jc-catrail a.jc-chip,html[data-template-theme="javcms"] .jc-drop>summary,html[data-template-theme="javcms"] .pagination a,html[data-template-theme="javcms"] .pagination .page-number,html[data-template-theme="javcms"] .jc-ft-catlist a{min-height:44px}
}
/* P2-2 follow-up: the 44px controls take 16px more of the phone header row, so the logo image must stay inside its
   (shrinking) box instead of spilling under the colour toggle: it scales down, and below 360px it keeps its start edge */
@media(max-width:767px){
 html[data-template-theme="javcms"] .header .left-block{min-width:0}
 html[data-template-theme="javcms"] .header .logo{min-width:0;flex:0 1 auto;overflow:hidden}
 html[data-template-theme="javcms"] .header .logo img{max-width:100%;object-fit:contain;object-position:0 50%}
 html[data-template-theme="javcms"][dir="rtl"] .header .logo img{object-position:100% 50%}
}
@media(max-width:359px){html[data-template-theme="javcms"] .header .logo img{width:100%;object-fit:cover}}
/* P3-1: reduced motion -> the nav underline does not animate */
@media(prefers-reduced-motion:reduce){html[data-template-theme="javcms"] .header .nav .jc-ai-menu a:before{transition:none}}
/* P2-3: comment heads carry an icon */
html[data-template-theme="javcms"] .jc-comments-h{display:flex;align-items:center;gap:10px}
html[data-template-theme="javcms"] .jc-comments-h .ai{--ai-size:20px;color:var(--ai-c1)}