/* ===== ROYAH HOTFIX (safe overrides) ===== */

/* 1) Remove horizontal scrollbar safely */
html, body { max-width: 100%; overflow-x: clip; }
.section, .hero, .navbar, .footer, .container { overflow-x: clip; }
img, svg, video, canvas { max-width: 100%; height: auto; }

/* If any element used 100vw and caused overflow, clip it */
[class*="full"], [class*="wide"], [class*="vw"], .full-bleed { overflow-x: clip; }

/* 2) WhatsApp FAB: show icon only (hide text) */
.fab-btn--wa{
  width:56px; min-width:56px; height:56px; padding:0;
  display:grid; place-items:center; font-size:0; /* hides visible text */
}
.fab-btn--wa::before{
  content:""; width:24px; height:24px; display:block;
  background-repeat:no-repeat; background-position:center; background-size:contain;
  /* White WhatsApp glyph */
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23FFFFFF' d='M128 24c-57.3 0-104 46.7-104 104c0 18.3 4.8 36.2 13.9 52L24 232l53.3-13.6C92 226.7 110 232 128 232c57.3 0 104-46.7 104-104S185.3 24 128 24zm0 184c-16.5 0-32.6-4.7-46.5-13.5l-3.3-2.1l-31.4 8l8.4-30.8l-2.2-3.6C45.5 154.3 40 141.4 40 128c0-48.5 39.5-88 88-88s88 39.5 88 88s-39.5 88-88 88zm44.6-54.5c-2.4-1.2-14.3-7-16.5-7.8s-3.8-1.2-5.4 1.2s-6.2 7.7-7.6 9.3s-2.8 1.8-5.2.6c-2.4-1.2-10.2-3.7-19.5-11.8c-7.2-6.4-12-14.2-13.4-16.6s-.1-3.7 1.1-4.9c1.1-1.1 2.4-2.8 3.6-4.2c1.2-1.4 1.6-2.4 2.4-4s.4-3-0.2-4.2S107 110 104.6 104c-.6-1.4-1.2-3-1.8-4.2c-.6-1.2-1.2-2.6-1.8-3.8c-1.2-2.4-2.4-2-3.6-2h-4.8c-1.2 0-4.2.6-6.4 3s-8.4 8.2-8.4 20s8.6 23.2 9.8 24.8c1.2 1.6 16.9 26 41 36.5c24.1 10.5 24.1 7 28.4 6.6c4.3-.4 14-5.7 16-11.2s2-10.3 1.4-11.3c-.6-1-2.2-1.6-4.6-2.8z'/%3E%3C/svg%3E");
}

/* Keep the AI button as it was: no font-size:0 there. If needed, target it explicitly to keep text. */
.fab-btn--ai{ padding:0 14px; min-width:56px; height:56px; font-size:14px; }

/* 3) Defensive: prevent any fixed/chat elements from pushing layout width */
.ai-dock, .ai-overlay, royah-chat { contain: paint; }


/* ===== HOTFIX V2 ===== */

/* A) Force FAB (floating actions) to bottom-right in all languages (ignore logical properties) */
.fab{
  right:20px !important; left:auto !important; bottom:20px !important;
  inset:auto 20px 20px auto !important; /* enforce physical right/bottom */
}
@media (max-width:520px){
  .fab{ right:10px !important; bottom:10px !important; inset:auto 10px 10px auto !important; }
}

/* B) Hide the duplicate "Trusted by clients" section that appears AFTER the footer only */
footer ~ section[data-i18n="clients_title"],
footer ~ .section[data-i18n="clients_title"],
footer ~ .section.section-alt[data-i18n="clients_title"]{
  display:none !important;
}


/* ===== HOTFIX V3: Clients strip refinement ===== */
/* Turn the clients marquee into a single-row grid (no infinite scroll), and hide duplicate set */
.logo-marquee{ overflow: hidden; }
.logo-marquee .track{
  display: grid !important;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  gap: clamp(16px, 2vw, 28px);
  animation: none !important;
  transform: none !important;
  will-change: auto !important;
}
.logo-marquee .track img{
  opacity: .98;
  filter: none;
  transition: transform .2s ease, filter .2s ease, opacity .2s ease;
}
.logo-marquee .track img:hover{
  transform: translateY(-2px);
  filter: drop-shadow(0 6px 14px rgba(2,8,23,.10));
}
/* Hide the duplicated logos used for seamless loop (assumes 7 unique logos: c1..c7). 
   If you add more unique logos, change 8 below to (unique_count + 1). */
.logo-marquee .track img:nth-child(n+8){ display:none !important; }


/* ===== HOTFIX V4: Remove Clients section completely ===== */
section[data-i18n="clients_title"],
.section[data-i18n="clients_title"],
#clients,
[data-section="clients"],
.logo-marquee{ display:none !important; visibility:hidden !important; max-height:0 !important; padding:0 !important; margin:0 !important; }