/* ==========================================================================
   TunisieVet — calque de douceur (soft theme)
   Adoucit le rendu global sans toucher à l'identité (bleu conservé) :
   arrondis généreux, ombres diffuses, gris bleutés, fonds pastel.
   Réversible : retirer le <link> dans layouts/front.blade.php.
   ========================================================================== */

/* --- 1. Arrondis généreux (Bootstrap 5.3 : les composants pointent sur
       ces variables à l'exécution : cartes, modales, dropdowns, alertes,
       champs de formulaire, pagination, images .rounded…) --- */
:root,
[data-bs-theme=light],
[data-bs-theme=dark] {
    --bs-border-radius: 0.875rem;      /* 14px (base ~8px avant) */
    --bs-border-radius-sm: 0.625rem;   /* 10px */
    --bs-border-radius-lg: 1.125rem;   /* 18px */
    --bs-border-radius-xl: 1.375rem;   /* 22px */
    --bs-border-radius-xxl: 1.75rem;   /* 28px */
}

/* Boutons en pilule, comme les interfaces douces */
.btn {
    --bs-btn-border-radius: 50rem;
}

/* Exceptions : boutons dans les groupes d'input et éditeurs (alignement) */
.input-group .btn,
.ck.ck-button {
    --bs-btn-border-radius: var(--bs-border-radius);
}

/* --- 2. Ombres diffuses teintées du bleu de marque (au lieu du noir) --- */
:root,
[data-bs-theme=light] {
    --bs-box-shadow: 0 8px 24px -8px rgba(32, 62, 160, 0.14);
    --bs-box-shadow-sm: 0 4px 14px -6px rgba(32, 62, 160, 0.12);
    --bs-box-shadow-lg: 0 18px 48px -12px rgba(32, 62, 160, 0.18);
}

/* --- 3. Textes : gris bleutés désaturés au lieu des gris purs --- */
[data-bs-theme=light] {
    --bs-body-color: #2e3650;              /* noir bleuté chaud */
    --bs-body-color-rgb: 46, 54, 80;
    --bs-secondary-color: rgba(92, 106, 140, 0.95);  /* text-muted, .text-body-secondary */
    --bs-secondary-color-rgb: 92, 106, 140;
    --bs-tertiary-color: rgba(92, 106, 140, 0.6);
    --bs-tertiary-color-rgb: 92, 106, 140;
}

/* --- 4. Fonds de section : bleu très pâle au lieu du gris --- */
[data-bs-theme=light] {
    --bs-tertiary-bg: #f5f7fc;             /* .bg-body-tertiary (sections Finder) */
    --bs-tertiary-bg-rgb: 245, 247, 252;
    --bs-secondary-bg: #eef1f9;
    --bs-secondary-bg-rgb: 238, 241, 249;
    --bs-light: #f5f7fc;                   /* .bg-light */
    --bs-light-rgb: 245, 247, 252;
    --bs-border-color: #e6eaf5;            /* traits de séparation adoucis */
}

/* --- 5. Cartes : bordure quasi invisible, le relief vient de l'ombre --- */
[data-bs-theme=light] .card {
    --bs-card-border-color: rgba(32, 62, 160, 0.07);
}

/* --- 6. Badges : pastels du bleu de marque au lieu des aplats vifs --- */
[data-bs-theme=light] .badge.text-bg-secondary {
    background-color: #eef2ff !important;
    color: #3b4f9e !important;
}
[data-bs-theme=light] .badge.text-bg-info {
    background-color: #e0f4fa !important;
    color: #0b6d85 !important;
}
[data-bs-theme=light] .badge.text-bg-success {
    background-color: #e4f7ee !important;
    color: #0b7a4b !important;
}
[data-bs-theme=light] .badge.text-bg-warning {
    background-color: #fdf3dc !important;
    color: #8a6410 !important;
}
[data-bs-theme=light] .badge.text-bg-danger {
    background-color: #fdeaea !important;
    color: #a33a3a !important;
}

/* --- 7. Formulaires : focus doux (halo pâle au lieu du contour dur) --- */
[data-bs-theme=light] .form-control:focus,
[data-bs-theme=light] .form-select:focus {
    border-color: #a8b8e8;
    box-shadow: 0 0 0 0.25rem rgba(32, 62, 160, 0.09);
}

/* ── Vétérinaires VIP (featured) dans les résultats de recherche ──
   UNIQUEMENT un cadre or + un label « VIP ». On utilise `outline` (dessiné en
   dehors de la boîte) pour NE PAS modifier la hauteur/largeur de la carte ni
   toucher à la photo ou à la mise en page existante. */
.vet-vip {
    outline: 2px solid #E3B341;
    outline-offset: -1px;
    border-radius: 0.5rem;
}
.vet-vip-badge {
    background: linear-gradient(135deg, #F5C542, #E3A017);
    color: #4A3200;
    font-weight: 800;
    font-size: 10.5px;
    letter-spacing: 0.4px;
    padding: 2px 8px;
    border-radius: 50rem;
    line-height: 1.4;
    vertical-align: middle;
}
.vet-vip-badge i {
    font-size: 9px;
}


/* =====================================================================
   Sélecteurs de date et d'heure : rendre l'icône visible.

   theme.min.css applique « .form-control::-webkit-calendar-picker-indicator
   { background: none; } », ce qui efface l'icône du calendrier sur TOUS les
   champs date, heure et mois du site. Le champ ressemblait alors à une simple
   zone de texte et rien n'indiquait qu'un sélecteur existait.

   Ces règles la rétablissent. Le sélecteur natif du navigateur est conservé :
   aucune bibliothèque n'est ajoutée.
===================================================================== */
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="datetime-local"]::-webkit-calendar-picker-indicator,
input[type="month"]::-webkit-calendar-picker-indicator,
input[type="week"]::-webkit-calendar-picker-indicator {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='1.8' stroke-linecap='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='3'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 17px 17px;
    width: 22px;
    height: 22px;
    opacity: .55;
    cursor: pointer;
    transition: opacity .15s ease;
}

input[type="time"]::-webkit-calendar-picker-indicator {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667085' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7v5.2l3.2 2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 17px 17px;
    width: 22px;
    height: 22px;
    opacity: .55;
    cursor: pointer;
    transition: opacity .15s ease;
}

input[type="date"]:hover::-webkit-calendar-picker-indicator,
input[type="time"]:hover::-webkit-calendar-picker-indicator,
input[type="datetime-local"]:hover::-webkit-calendar-picker-indicator,
input[type="month"]:hover::-webkit-calendar-picker-indicator,
input[type="week"]:hover::-webkit-calendar-picker-indicator { opacity: 1; }

/* Firefox n'a pas d'indicateur : le champ entier reste cliquable, on se
   contente d'annoncer l'interaction. */
input[type="date"], input[type="time"],
input[type="datetime-local"], input[type="month"], input[type="week"] { cursor: pointer; }

/* ── Menu principal : jamais de libellé replié sur deux lignes ──────────────
   « Actualités vétérinaires » cassait sur les écrans intermédiaires : le texte
   passait à la ligne DANS son onglet et le badge NEW se détachait. Chaque
   entrée reste sur une ligne ; entre 992 et 1300px on resserre légèrement les
   onglets pour que tout tienne. */
.navbar .navbar-nav .nav-link { white-space: nowrap; }
@media (min-width: 992px) and (max-width: 1300px) {
    .navbar .navbar-nav .nav-link {
        padding-left: 0.55rem;
        padding-right: 0.55rem;
        font-size: 0.9rem;
    }
}