/* QA fixes — 6 November 2026. Loaded last; overrides only. */

/* 1. White focus box around every section title: headings get focused by script
   (tabindex=-1) for screen readers, but the browser drew a visible frame. */
[tabindex="-1"]:focus{outline:none}

/* 2. Opening: the "Skip intro" button sat on top of the "ARCHIVE / PORTRAIT" label. */
.campaign-opening .portrait-cut:before{display:none}

/* 3. Opening (desktop): portrait name captions overlapped the main buttons and text.
   Push each caption to the outer edge of its own portrait, away from the centre copy. */
@media (min-width:801px){
 .campaign-opening .portrait-0>span{left:6%!important;right:auto!important;text-align:left;max-width:30%;transform:none}
 .campaign-opening .portrait-1>span{right:6%!important;left:auto!important;text-align:right;max-width:30%;transform:none}
 .campaign-opening .portrait-0>span b{text-align:left}
 .campaign-opening .portrait-1>span b{text-align:right}
}

/* 4. Timeline: the zooming background made the whole page scroll sideways. */
#timeline,.timeline-screen{overflow-x:clip}

/* 5. Map (Arabic, desktop): zoom + / − and "full view" were hidden behind the city panel,
   because the panel sits on the left in RTL. Move the controls to the other side. */
html[dir=rtl] .map-screen .camera-home{left:auto;right:28px}
html[dir=rtl] .map-screen .map-zoom{left:auto;right:185px}

/* 6. English case-file strip: long 3-line titles ran into the year number. */
html[lang=en] .file-tile .tile-title{font-size:clamp(16px,1.3vw,20px);line-height:1.05}
/* MOHAMED VLDER signature (replaces the motion toggle's corner) */
.command-bar .motion-control{margin:0!important}
.command-bar .language-switch{margin-inline-start:12px}
.vlder-sig{display:flex;align-items:center;flex-shrink:0;margin-inline-start:auto;padding-inline-start:18px;border-inline-start:1px solid #71795655;opacity:.92;transition:opacity .2s}
.vlder-sig:hover{opacity:1}
.vlder-sig img{display:block;height:38px;width:auto}
@media(max-width:760px){.command-bar .language-switch{margin-inline-start:auto}.vlder-sig{padding:0;border:0;margin:0}.vlder-sig img{height:28px;width:28px}}
@media(max-width:380px){.command-bar{column-gap:5px!important}.command-bar .language-switch{padding-inline:2px;border:0}.vlder-sig img{height:24px;width:24px}}
@media(max-width:339px){.vlder-sig{display:none}}