/* Author: Ahmed Fathy. 19 Oct 2026 UI fixes from Ahmed's screenshot (header, contact strip, footer, floating button). Loaded last. */
/* header buttons never squeeze their label */
header .btn,.acts .btn{white-space:nowrap;flex:0 0 auto;padding-inline:16px}
/* contact rows: label, value, copy button on one aligned line */
.row:has(> .copy){display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:14px}
.row:has(> .copy) .v{justify-self:end;min-width:0;overflow-wrap:anywhere}
.row > .copy{align-self:center;margin:0;grid-column:3;justify-self:end}
/* WhatsApp country badges sit under their icon, not on top of the next one */
.soc{row-gap:22px;column-gap:12px;padding-bottom:10px}
.soc .wa-cc{inset-inline-end:auto;left:50%;right:auto;bottom:-16px;transform:translateX(-50%);border-radius:4px}
/* footer profile link: one line, size label kept with the title */
footer a[data-ev="profile_download"]{white-space:nowrap}
footer a[data-ev="profile_download"] .lat{font-size:12px;opacity:.85}
html[dir="rtl"] footer a[data-ev="profile_download"] .lat{margin-right:6px}
html:not([dir="rtl"]) footer a[data-ev="profile_download"] .lat{margin-left:6px}
/* the floating project-request button steps aside while the footer is on screen */
.rcp-l{transition:opacity .2s,transform .2s}
html.ft-in .rcp-l{opacity:0;pointer-events:none;transform:translateY(12px)}
footer{padding-bottom:max(72px,env(safe-area-inset-bottom,0px))}
@media (prefers-reduced-motion:reduce){.rcp-l{transition:none}}
/* 410-479 px phones (iPhone Plus / Pro Max): the header has no room for the search icon; search stays in the menu and footer */
@media (max-width:479px){.acts .srch{display:none}}
/* dark mode (palette v2): navy or bridge-blue text never sits on the dark navy background */
[data-theme=dark] :is(.pc-p strong,.pst-n b,.pst-v b){color:#4CC4FF}
[data-theme=dark] :is(details.more-d>summary,details.more-d>summary span,.hubl){color:#FAFAF7}
[data-theme=dark] .hubl:is(:hover,:focus-visible){color:#4CC4FF;border-color:#4CC4FF}
[data-theme=dark] .btn.line{color:#4CC4FF;border-color:#4CC4FF;background:transparent}
[data-theme=dark] .btn.dark{background:#2633FF;border-color:#4CC4FF;color:#fff}