/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

/* OVERRIDE */
.brand-logo {
    font-size: 20px;
}

.main-menu .navbar-header .navbar-brand .brand-text {
    font-size: 1.3rem;
}

.header-navbar .navbar-container ul.navbar-nav li.dropdown-user .dropdown-menu {
    width: 13rem;
}

/* FIN OVERRIDE */

#accordion-adherent-details-fee .accordion-header .btn-payed-yearly {
    top: 10px;
    right: 55px;
    z-index: 10;
}

#accordion-adherent-details-fee .accordion-item .span-fee-number {
    top: 16px;
    right: 197px;
    z-index: 10;
    font-size: 13px;
}

label.required:after {
    content: "*";
    margin-left: 6px;
    color: red;
    font-size: 14px;
    position: absolute;
}

table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before,
table.dataTable > thead .sorting:after, table.dataTable > thead .sorting_asc:after, table.dataTable > thead .sorting_desc:after,
table.dataTable > thead .sorting_asc_disabled:after, table.dataTable > thead .sorting_desc_disabled:after
{
    content: "" !important;
}

.vich-image img {
    max-height: 150px;
}

/* Page abonnement */
/* --- Premium Card Styling --- */
.premium-card {
    border-radius: 20px;
    border: none;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    background: #fff;
}

.premium-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12);
}

/* Header stylisé */
.premium-header {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding: 2rem;
}

/* Liste des fonctionnalités */
.feature-item {
    transition: all 0.2s ease;
    padding: 8px;
    border-radius: 8px;
}

.feature-item:hover {
    background-color: rgba(13, 110, 253, 0.04); /* Bleu très léger au survol */
}

.check-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background-color: #e0f2fe; /* Bleu ciel très clair */
    color: #0ea5e9; /* Bleu cyan moderne */
    border-radius: 50%;
    margin-right: 12px;
    font-size: 0.75rem;
    flex-shrink: 0;
}

/* Colonne Prix (Dark Gradient) */
.price-panel {
    background: linear-gradient(145deg, #1e293b, #0f172a); /* Bleu nuit profond */
    color: white;
    position: relative;
    overflow: hidden;
}

/* Effet de cercle décoratif en arrière-plan du prix */
.price-panel::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 70%);
    border-radius: 50%;
}

/* Texte prix avec dégradé */
.price-text-gradient {
    background: linear-gradient(to right, #ffffff, #94a3b8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Bouton CTA "Glow" */
.btn-glow {
    background: linear-gradient(90deg, #3b82f6 0%, #2563eb 100%);
    border: none;
    box-shadow: 0 4px 15px rgba(37, 99, 235, 0.4);
    transition: all 0.3s ease;
}

.btn-glow:hover {
    background: linear-gradient(90deg, #2563eb 0%, #1d4ed8 100%);
    box-shadow: 0 6px 20px rgba(37, 99, 235, 0.6);
    transform: translateY(-2px);
}