/*=============================================
=    Global transversal Medical Cloud CSS     =
==============================================*/

p {
    text-align: justify;
}

.card-testimonials {
    min-height: 452px !important;
}

@media (max-width: 991.98px) {
    .mobile-header-enforced {
        min-height: 35vh !important;
    }
    .mobile-slider-enforced {
        width: 115% !important;
    }

    /* For main & partners page */
    .mobile-button-enforced {
        width: 100% !important;
    }
}

/*=============================================
=             Header bricks CSS               =
==============================================*/

.bg-gradient-header-info {
    background-image: radial-gradient(200px circle at 50% 70%, rgba(203, 12, 159, 0.1) 0, rgba(203, 12, 159, 0.8) 100%);
}

.bg-gradient-header-secondary {
    background-image: radial-gradient(200px circle at 50% 70%, rgba(131, 146, 171, 0.1) 0, rgba(131, 146, 171, 0.8) 100%);
}

.bg-gradient-header-success {
    background-image: radial-gradient(200px circle at 50% 70%, rgba(130, 214, 22, 0.1) 0, rgba(130, 214, 22, 0.8) 100%);
}

.bg-gradient-header-primary {
    background-image: radial-gradient(200px circle at 50% 70%, rgba(23, 193, 232, 0.1) 0, rgba(23, 193, 232, 0.8) 100%);
}

.bg-gradient-header-warning {
    background-image: radial-gradient(200px circle at 50% 70%, rgba(251, 207, 51, 0.1) 0, rgba(251, 207, 51, 0.8) 100%);
}

.bg-gradient-header-danger {
    background-image: radial-gradient(200px circle at 50% 70%, rgba(234, 6, 6, 0.1) 0, rgba(234, 6, 6, 0.8) 100%);
}

.bg-gradient-header--light {
    background-image: radial-gradient(200px circle at 50% 70%, rgba(233, 236, 239, 0.1) 0, rgba(233, 236, 239, 0.8) 100%);
}

.bg-gradient-header--dark {
    background-image: radial-gradient(200px circle at 50% 70%, rgba(52, 71, 103, 0.1) 0, rgba(52, 71, 103, 0.8) 100%);
}

.bg-gradient-header-white {
    background-image: radial-gradient(200px circle at 50% 70%, rgba(255, 255, 255, 0.3) 0, #fff 100%);
}

/*=============================================
=        Legal Terms and Privacy CSS          =
==============================================*/

#legal-terms-text p, #legal-terms-text li {
    font-size: 0.7rem;
    text-align: justify;
}

#privacy-text p, #privacy-text li {
    font-size: 0.8rem;
    text-align: justify;
}

/*=============================================
=       Dropdown Nav-Item Show CSS            =
==============================================*/

/* This CSS aims to hide white area on mobile when there is less than 4 items in a dropdown navbar */

@media (max-width: 991.98px) {
    .dropdown.nav-item .dropdown-menu-animation.ressources.show {
        height: 80px;
        opacity: 1;
    }
}

/*=============================================
=        Feature Comparison table page        =
==============================================*/

/* –– layout & design overrides –– */
.feature-comparison-wrapper { overflow-x: auto; }
.feature-comparison-table thead th {
    position: sticky;
    top: 0;
    z-index: 10;
    background: #ffffff;
    border-bottom: 2px solid #dee2e6;
}

.feature-comparison-table th,
.feature-comparison-table td {
    white-space: nowrap;
    vertical-align: middle;
}

.feature-comparison-table tr.group-row th {
    background: #f6f7f9;
    font-size: 1.10rem;
}

/* collapse arrow rotation */
.toggle-icon {
    transition: transform .6s ease-in-out;
}

button.collapsed .toggle-icon {
    transform: rotate(-180deg);
}

/* sticky first column on desktops */
@media (min-width: 992px) {
    .feature-comparison-table { min-width: 760px; }
    .feature-comparison-table th:first-child,
    .feature-comparison-table td:first-child { position: sticky; left: 0; background: #fff; z-index: 9; }

    /* Dimensions mini de la 1ere colonne (libellés) */
    .feature-comparison-table td:first-child {
        min-width: 290px;
        white-space: normal; /* on autorise le retour à la ligne */
    }
}

/* mobile column‑switching */
@media (max-width: 991.98px) {
    .plan-col { display: none; }
    .plan-col.show { display: table-cell; }
    .feature-comparison-table th.plan-col { display: none; }
    .feature-comparison-table th.plan-col.show { display: table-cell; }

    /* Force le tableau à se caler sur la largeur de l’écran */
    .feature-comparison-table {
        table-layout: fixed;
        width: 100%;
    }

    /* Dimensions en % de la 1ere colonne (libellés) */
    .feature-comparison-table th:first-child,
    .feature-comparison-table td:first-child {
        width: 60%;
        max-width: 60%;
        white-space: normal; /* on autorise le retour à la ligne */
    }

    /* Dimensions en % de la 2eme colonne visible (contenu) */
    .plan-col.show {        /* la colonne déjà révélée par JS */
        display: table-cell;  /* (ligne existante) */
        width: 40%;
        max-width: 40%;
    }
}

/*=============================================
=        International Telephone Input        =
=               intl-tel-input                =
= https://github.com/jackocnr/intl-tel-input  =
==============================================*/

/* Change the padding of the dial code container */
.iti {
    padding: 0;
}

/* Change the border radius of the dial code container */
.iti__selected-flag {
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
}

/* Change the font size of the dial code part */
.iti__selected-dial-code {
    font-size: 0.800rem;
}
/* Change the font size of the country names in the dropdown */
.iti__country-name {
    font-size: 0.800rem;
}

/* Change the font size of the dial codes in the dropdown */
.iti__dial-code {
    font-size: 0.800rem;
}