/* Filma24 – identite violet-magenta, fonte Geist et zones interactives accessibles. */
:root {
  --font-sans: "Geist", "Geist Fallback", ui-sans-serif, system-ui, sans-serif;
  --color-fuchsia-200: #d1f0fb;
  --color-fuchsia-400: #6acff2;
  --color-fuchsia-500: #35b5e6;
  --color-fuchsia-600: #168ab8;
  --color-fuchsia-700: #116d92;
  --filma24-gradient: linear-gradient(135deg, #6acff2 0%, #35b5e6 50%, #167da6 100%);
  --filma24-gradient-hover: linear-gradient(135deg, #8cddf7 0%, #35b5e6 50%, #168ab8 100%);
  --filma24-glow: rgba(53, 181, 230, .25);
  accent-color: #35b5e6;
}
html,body,button,input,select,textarea { font-family: "Geist", "Geist Fallback", ui-sans-serif, system-ui, sans-serif; }
::selection { background: rgba(53, 181, 230, .45); color: #fff; }
.filma24-gradient-text {
  color: #35b5e6;
  background-image: var(--filma24-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* Utility classes build from the exact source design so no new Tailwind CDN is needed. */
.bg-fuchsia-600,.bg-fuchsia-500 {
  background-color: #35b5e6;
  background-image: var(--filma24-gradient);
  color: #fff;
}
.hover\:bg-fuchsia-700:hover {
  background-color: #35b5e6;
  background-image: var(--filma24-gradient-hover);
}
.border-fuchsia-600 { border-color: #35b5e6; }
.text-fuchsia-600,.text-fuchsia-500 { color: #35b5e6; }
.miv-top10-heading { border-image: var(--filma24-gradient) 1; }
.miv-top10-poster:focus-visible { outline-color: #6acff2; }
:focus-visible { outline-color: #6acff2; outline-offset: 2px; }
a[href], button:not(:disabled), [role="button"], [role="link"], summary,
input[type="submit"],input[type="button"],input[type="checkbox"],
input[type="radio"], label[for], select, [tabindex="0"] { cursor: pointer !important; }
button:disabled,[aria-disabled="true"] { cursor: not-allowed; }
a[href],button,[role="button"],[role="link"],summary { -webkit-tap-highlight-color: rgba(53,181,230,.19); }
button:not(:disabled):hover,a[href]:hover,[role="button"]:hover,[role="link"]:hover { filter: brightness(1.10); }
button:not(:disabled):active,a[href]:active,[role="button"]:active { filter: brightness(.96); }
.miv-voir-tout:hover,.miv-voir-tout:focus-visible { color: #6acff2; }
.miv-top10-arrow:hover:not(:disabled) { background: #12313d; }
@media (prefers-reduced-motion: reduce) {
  a[href],button,[role="button"] { transition-duration:0s !important; }
}

.filma24-logo{display:block;width:158px;height:auto;object-fit:contain}.catalog-status{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:9999;background:#13242b;border:1px solid #35b5e6;color:#fff;padding:14px 22px;border-radius:8px;max-width:90%;font-size:14px}.filma24-gradient-text{-webkit-text-fill-color:initial;background:none;color:#35b5e6}@media(max-width:640px){.filma24-logo{width:128px}}
.filma-filters{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 32px}.filma-filters input{flex:1;min-width:200px}.filma-filters input,.filma-filters select,.filma-filters button,.filma-search input{background:#171717;color:#fff;border:1px solid #333;border-radius:8px;padding:12px;font:inherit}.filma-filters button{background:#168ab8}.filma-pagination{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin:32px 0}.filma-pagination button,.filma-retry{background:#171717;color:#ddd;border:1px solid #333;border-radius:6px;min-width:40px;padding:10px 12px}.filma-pagination button[aria-current=page]{background:#35b5e6;color:#07131a;border-color:#35b5e6}.filma-pagination button:disabled{opacity:.4}.filma-search{position:relative;max-width:1280px;margin:auto}.filma-search input{width:100%;padding-right:50px}.filma-search button{position:absolute;right:16px;top:8px;font-size:24px}.filma-search-results{max-width:1280px;margin:16px auto;padding:20px;background:#111;border-radius:10px}.filma-search-results p{padding:12px 0}@media(max-width:600px){.filma-filters input{flex-basis:100%}.filma-filters select{min-width:0;flex:1 1 40%}.filma-pagination{gap:4px}.filma-pagination button{padding:8px;min-width:32px}}