@tailwind base;
@tailwind components;
@tailwind utilities;

body {
    font-family: 'Inter', sans-serif;
}

/* Styles pour public_view.php */
.day-lundi { background-color: #F9FAFB; }
.day-mardi { background-color: #FFFFFF; }
.day-mercredi { background-color: #F9FAFB; }
.day-jeudi { background-color: #FFFFFF; }
.day-vendredi { background-color: #F9FAFB; }
.day-weekend { background-color: #FDF2F8; }

table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

th, td {
    border-bottom: 2px solid #D1D5DB; /* Trait horizontal plus foncé */
    border-right: 1px solid #E5E7EB; /* Trait vertical gris clair */
    padding: 10px 6px;
    text-align: left;
    vertical-align: top;
    transition: background-color 0.2s ease;
}

th {
    background-color: #DBEAFE;
    font-weight: 600;
    color: #1F2937;
    font-size: 0.875rem; /* text-sm */
}

th:last-child, td:last-child {
    border-right: none; /* Pas de bordure droite pour la dernière colonne */
}

tr.bg-gray-50 td {
    background-color: #F9FAFB;
}

tr.bg-white td {
    background-color: #FFFFFF;
}

tr:hover td {
    background-color: #F3F4F6;
}

select, input, textarea {
    transition: all 0.2s ease;
}

select:focus, input:focus, textarea:focus {
    outline: none;
    ring: 2px solid #3B82F6;
}

.tab-button.active {
    border-bottom: 2px solid #3B82F6;
    color: #1F2937;
    font-weight: 600;
}

/* Style du logo */
.logo-agro {
    max-height: 40px; /* Taille pour PC */
    width: auto;
    object-fit: contain;
}

/* Padding pour la barre de navigation des onglets */
.border-b.border-gray-300 {
    padding-bottom: 10px; /* Ajout du padding-bottom */
}

/* Ajuster l’espacement des icônes */
button::before, h1::before, h2::before, th::before {
    margin-right: 6px;
    font-size: 1.1rem;
}

/* Styles responsives pour mobile */
@media (max-width: 640px) {
    table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }

    th, td {
        padding: 6px 4px;
        font-size: 0.75rem; /* text-xs */
        border-bottom: 1px solid #D1D5DB; /* Trait plus fin sur mobile */
    }

    th.w-1/6 {
        min-width: 80px;
    }

    .container {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }

    select, button {
        font-size: 0.75rem;
        padding: 0.4rem;
    }

    h1 {
        font-size: 1rem; /* Réduire le titre sur mobile */
    }

    .logo-agro {
        max-height: 24px; /* Taille réduite pour mobile */
    }
}