/* -----------------------------------------------------
   AVICENNE PARTNER PAGE – Glass / Gradient / Premium  
----------------------------------------------------- */

:root {
  --brand-1: #6aa6ff;
  --brand-2: #9b8cff;
  --text-primary: #ffffff;
  --text-muted: rgba(255,255,255,0.65);
  --card-bg: rgba(255,255,255,0.06);
  --card-border: rgba(255,255,255,0.12);
  --shadow-soft: 0 12px 28px rgba(0,0,0,.30);

  --gradient-bg:
    radial-gradient(1200px 600px at 10% 10%, rgba(28,126,214,.18) 0%, transparent 60%),
    radial-gradient(1000px 500px at 90% 20%, rgba(120,76,255,.14) 0%, transparent 60%),
    linear-gradient(180deg, #0e1117 0%, #0b0f14 100%);
}

/* -------- PAGE BACKGROUND -------- */
.section {
  background: var(--gradient-bg);
  padding-top: 3rem;
  padding-bottom: 4rem;
  color: var(--text-primary);
}

/* Title / Subtitle */
.section h1.h3 {
  font-weight: 800;
  color: var(--text-primary);
}

.section .text-muted {
  color: var(--text-muted) !important;
}

 .partners-logo {
        max-width: 640px;   /* taille visible */
        width: auto;
        height: auto;
        filter: drop-shadow(0 4px 10px rgba(0,0,0,0.6));
    }

/* ----------- CARDS (Glass) ----------- */
.card {
  background: var(--card-bg) !important;
  border: 1px solid var(--card-border) !important;
  border-radius: 18px;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: var(--shadow-soft);
  transition: all .3s ease;
}

.card:hover {
  transform: translateY(-5px) scale(1.01);
  border-color: rgba(255,255,255,0.20);
  box-shadow: 0 18px 45px rgba(0,0,0,.35);
}

/* Card titles */
.card h2 {
  font-weight: 700;
  color: var(--text-primary);
}

/* Labels inside cards */
.card .form-label {
  color: var(--text-muted);
  font-weight: 500;
}



/* -------------------------------------------
   FIX PREMIUM AVICENNE — Form Select Visible
------------------------------------------- */

.form-select {
  background: rgba(255,255,255,0.08) !important;      /* Plus sombre = lisible */
  color: var(--text-primary) !important;              /* Texte blanc */
  border: 1px solid var(--card-border) !important;
  border-radius: 10px;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  padding: .6rem .9rem;
  appearance: none;                                   /* garde le style glass */
  background-image:
    url("data:image/svg+xml,%3Csvg fill='%23ffffff' height='18' viewBox='0 0 20 20' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='0,0 20,0 10,12'%3E%3C/polygon%3E%3C/svg%3E"),
    linear-gradient(135deg, rgba(255,255,255,0.05), rgba(255,255,255,0.06));
  background-repeat: no-repeat;
  background-position: right 12px center, 0 0;
  background-size: 14px, auto;
}

/* Placeholder option */
.form-select option {
  background: #0e1117;                                /* Fond sombre lisible */
  color: var(--text-primary);
}

/* Sur mobile */
@media (max-width: 480px) {
  .form-select {
    background-position: right 10px center;
  }
}

/* Focus */
.form-select:focus {
  border-color: var(--brand-1) !important;
  box-shadow: 0 0 0 3px rgba(106,166,255,.25);
  background: rgba(255,255,255,0.12) !important;      /* plus lumineux au focus */
}

/* File input */
input[type="file"].form-control {
  padding: .45rem .75rem;
}

/* Checkboxes */
.form-check-input {
  background: rgba(255,255,255,0.08);
  border: 1px solid var(--card-border);
}

.form-check-input:checked {
  background: linear-gradient(135deg, var(--brand-1), var(--brand-2));
  border: none;
}

/* Radio/checkbox text */
.form-check-label {
  color: var(--text-muted);
}

/* ----------- ALERTS ----------- */
.alert {
  border-radius: 12px;
  backdrop-filter: blur(6px);
}

.alert-warning,
.alert-danger {
  background: rgba(255, 184, 91, 0.15) !important;
  border: 1px solid rgba(255, 184, 91, 0.25);
  color: #ffcb85;
}

.alert-success {
  background: rgba(90, 255, 139, .12) !important;
  border: 1px solid rgba(90, 255, 139, .25);
  color: #9dffb1;
}

/* -------- CTA (brand & ghost) -------- */
.btn-brand {
  background: linear-gradient(135deg, var(--brand-1), var(--brand-2));
  color: #0b0f14;
  border: none;
  padding: .85rem 1.6rem;
  border-radius: 999px;
  font-weight: 600;
  transition: .25s ease;
}

.btn-brand:hover {
  transform: translateY(-2px) scale(1.03);
  box-shadow: 0 10px 25px rgba(106,166,255,.45);
}

.btn-ghost {
  background: rgba(255,255,255,0.06);
  border: 1px solid var(--card-border);
  color: var(--text-primary);
  border-radius: 999px;
  padding: .85rem 1.6rem;
  transition: .25s ease;
}

.btn-ghost:hover {
  background: linear-gradient(135deg, var(--brand-1), var(--brand-2));
  transform: translateY(-2px) scale(1.03);
}

/* -------- Reveal animation (cohérent avec ta charte) -------- */
.reveal {
  opacity: 0;
  transform: translateY(18px) scale(0.97);
  transition: .6s cubic-bezier(.2,.65,.3,1);
}
.reveal.in {
  opacity: 1;
  transform: translateY(0) scale(1);
}

/* -------- Honeypot (juste sécurité, invisible) -------- */
input[name="website2"] {
  display: none !important;
}