/* Keep longer translations readable without changing the visual system. */
.legal-language-select {
  display: block;
  margin: 0 0 18px auto;
  border: 1px solid rgba(122,16,35,.3);
  border-radius: 22px;
  padding: 10px 44px 10px 18px;
  min-height: 44px;
  appearance: none;
  -webkit-appearance: none;
  background-color: #fff7ed;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%237a1023' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 16px 16px;
  color: #7a1023;
  font: inherit;
}
.legal-language-select:focus-visible { outline: 3px solid #7a1023; outline-offset: 3px; }
.cookie-banner { flex-wrap: wrap; }
.cookie-banner p { flex: 1 1 340px; }
.cookie-actions { flex-wrap: wrap; justify-content: center; }
html:is([lang="fr"], [lang="es"]) .hero-title { overflow-wrap: normal; }
html:is([lang="fr"], [lang="es"]) .song-case-pill { white-space: normal; }
html:is([lang="fr"], [lang="es"]) .song-case-title,
html:is([lang="fr"], [lang="es"]) .song-case-desc { overflow-wrap: break-word; }
@media (max-width: 900px) {
  .cookie-banner p { flex-basis: auto; }
  .cookie-banner { max-height: calc(100dvh - 32px); overflow-y: auto; }
  .cookie-actions { width: 100%; }
}
html[lang="fr"] .package-04-case-player::after { content: "CLIP CINÉMATOGRAPHIQUE"; }
html[lang="es"] .package-04-case-player::after { content: "VÍDEO MUSICAL CINEMATOGRÁFICO"; }

/* Keep both independent cookie choices usable on small screens. */
.cookie-banner {max-height:80vh;overflow-y:auto;}
.cookie-banner [hidden] {display:none!important;}
.cookie-banner #marketingConsentPanel:not([hidden]) + #analyticsConsentPanel {border-top:1px solid rgba(122,16,35,.2);margin-top:12px;padding-top:12px;}

/* One compact consent notice; explicit sizing overrides the site's mobile text rules. */
#cookieBanner {width:min(560px,calc(100% - 24px));padding:14px 16px;bottom:max(12px,env(safe-area-inset-bottom));border-radius:18px;gap:10px;flex-direction:column;align-items:stretch!important;text-align:left;max-height:50dvh;overflow-y:auto;}
#cookieBanner p {flex:none;width:100%;margin:0;font-size:13px!important;line-height:1.45!important;text-align:left;}
#cookieBanner .cookie-actions {display:flex;flex-direction:row;width:100%;gap:8px;flex-wrap:nowrap;}
#cookieBanner .cookie-actions button {flex:1;width:auto;min-width:0;min-height:44px;padding:9px 10px;font-size:13px;line-height:1.2;text-align:center;box-shadow:none;}
#cookieBanner > .cookie-link {align-self:center;font-size:12px;line-height:1.4;padding:3px 8px;text-decoration:underline;}
@media(max-width:420px){#cookieBanner {padding:12px;gap:8px;}#cookieBanner p {font-size:12px!important;} }

/* Portuguese and Arabic, including right-to-left reading and mixed media controls. */
html:is([lang="pt"],[lang="ar"]) .hero-title {overflow-wrap:normal;}
html:is([lang="pt"],[lang="ar"]) .song-case-pill {white-space:normal;}
html[lang="ar"] body {font-family:"Noto Sans Arabic",Tahoma,Arial,sans-serif;letter-spacing:normal;}
html[dir="rtl"] .language-dropdown {right:auto;left:0;text-align:right;}
html[dir="rtl"] .language-option {text-align:right;}
html[dir="rtl"] .hero-title,html[dir="rtl"] .hero-desc {letter-spacing:normal;}
html[dir="rtl"] #cookieBanner,html[dir="rtl"] #cookieBanner p {text-align:right;}
html[dir="rtl"] .legal-language-select {margin:0 auto 18px 0;background-position:left 16px center;padding:10px 18px 10px 44px;}
html[dir="rtl"] ul,html[dir="rtl"] ol {padding-left:0;padding-right:22px;}
html[dir="rtl"] .price-grid strong,html[dir="rtl"] .lyrics-text,
html[dir="rtl"] .intro-time,html[dir="rtl"] audio,
html[dir="rtl"] input[type="email"],html[dir="rtl"] input[type="tel"],
html[dir="rtl"] .testimonial-viewport,html[dir="rtl"] .package-intro-progress {direction:ltr;unicode-bidi:isolate;}
html[dir="rtl"] .testimonial-card {direction:rtl;}
html[lang="pt"] .package-04-case-player::after {content:"VÍDEO MUSICAL CINEMATOGRÁFICO";}
html[lang="ar"] .package-04-case-player::after {content:"فيديو موسيقي سينمائي";letter-spacing:normal;}
@media(min-width:901px){html:is([lang="pt"],[lang="ar"]) .nav-links {gap:12px!important;}html:is([lang="pt"],[lang="ar"]) .nav-link {font-size:13px!important;}}
/* Legal pages follow the same system/manual appearance preference as the main page. */
html[data-theme="dark"] body:has(.legal-language-select) {--accent:#E8D1AE;--dark:#FFF4E7;--mid:#E0CDD0;--glass:rgba(43,24,31,.88);background:linear-gradient(135deg,#1c1116,#30151e);color:var(--dark);}
html[data-theme="dark"] body:has(.legal-language-select) .card {border-color:rgba(232,209,174,.2);box-shadow:0 18px 60px rgba(0,0,0,.25);}
html[data-theme="dark"] body:has(.legal-language-select) .note {color:#CBB6BB;}
html[data-theme="dark"] .legal-language-select {background-color:#30151e;color:#E8D1AE;border-color:#8d6d77;}
html[data-theme="dark"] body:has(.legal-language-select) .back {background:rgba(232,209,174,.08);border-color:rgba(232,209,174,.3);}

html[dir="rtl"] .nav-links {transform:none!important;}

/* Keep the embedded Trustpilot document transparent in either site theme.
   Its light document must not inherit the parent's dark color-scheme. */
.trustpilot-widget, .trustpilot-widget iframe {
  color-scheme: light !important;
  background: transparent !important;
}

/* Package 1: first-song promotional price. */
.price-grid .first-song-offer {margin:0 0 10px;font-size:13px!important;line-height:1.5!important;font-weight:600;color:var(--dark);}
.price-grid .first-song-amounts {display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;}
.price-grid .first-song-amounts del {font-size:16px;font-weight:400;color:var(--gray);text-decoration-thickness:1.5px;white-space:nowrap;}
.price-grid .first-song-amounts bdi {font-size:22px;font-weight:700;color:var(--dark);white-space:nowrap;}
