/* Awesome CSS Code: Global | 14/08/2026 18:35 */

/* --- Code: Footer CK - Site Logo, Social & Copyright Menu [PC#137] --- */
.ck-site-footer-identity {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid #C4C4C4;
}
.dark .ck-site-footer-identity {
    border-bottom: 1px solid #404555;
}

.ck-site-footer-logo {
    width: 70px;
}



.ck-site-footer-copyright-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ck-site-footer-copyright {
    text-transform: uppercase;
    font-family: sans-serif;
    font-size: 12px;
    color: #7E7E7E;
}

.dark .ck-site-footer-copyright {
    color: #BABABB;
}

/*== SUR MOBILE ==*/
@media (max-width:1067px) {
    .ck-site-footer-copyright-container {
        flex-direction: column-reverse;
    }
    
    .ck-site-footer-copyright {
        margin-top: 20px;
    }
}  


/*=== FOOTER COPYRIGHT MENU ===*/
@media (max-width:1067px) {
    .ck-footer-menu-copyright {
        flex-flow: row wrap;
        justify-content: center;
    }
}

.ck-footer-menu-copyright {
    margin: 0px !important;
    display: inline-flex;
}
.ck-footer-menu-copyright .menu-item {
    list-style: none;
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 12px;
    line-height: 2;
}

.ck-footer-menu-copyright .menu-item:not(:last-child)::after {
    content: '';
    position: relative;
    display: inline-flex;
    width: 4px;
    height: 4px;
    margin-right: 5px;
    margin-left: 5px;
    background: #CECECE;
    top: -1px;
}
.dark .ck-footer-menu-copyright .menu-item:not(:last-child)::after {
    background: #454649;
}

.ck-footer-menu-copyright .menu-item a {
    color: #212121;
}
.dark .ck-footer-menu-copyright .menu-item a {
    color: #ffffff;
}

/* --- Code: Footer Column 1 Content [PC#119] --- */
.ck-footer-info-wrap {
	margin-bottom: 40px;
    line-height: 1.6;
	color: #212121;
}
.dark .ck-footer-info-wrap {
    line-height: 1.6;
	color: #ffffff;
}
	
.ck-footer-logo {
    width: 100px;
    margin-bottom: 10px;
}

.ck-footer-quote {
    font-weight: 700;
    font-size: 20px;
}

.ck-footer-description {
    margin-bottom: 5px;
    font-size: 14px;
}

.ck-footer-contact {
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
	width: fit-content;
    gap: 0px;
}

.ck-footer-contact-label {
    display: block;
    font-size: 15px;
    color: #6A6A6A;
}
.dark .ck-footer-contact-label {
    color: #999999;
}
	
.ck-footer-social-label {
    display: block;
    font-size: 15px;
    margin-bottom: 5px;
    color: #6A6A6A;
}
.dark .ck-footer-social-label {
    color: #999999;
}
	
.ck-footer-contact-link {
    color: #fff;
    text-decoration: none;
    font-family: monospace;
    font-size: 16px;
    transition: color 0.3s ease;
}

.ck-footer-contact-link:hover {
    color: #007bff;
}

.ck-footer-social-section {
    margin-top: 0px;
}

/* --- Code: WooCommerce Notices (Notifications) --- */
/* Etat Commun */
.woocommerce-message, 
.woocommerce-info, 
.woocommerce-error, 
.woocommerce-noreviews, 
p.no-comments {
	padding-left: 10px;
    padding-right: 10px;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-top: 5px !important;
    margin-bottom: 5px;
    margin-left: 0;
    border-radius: 5px;
	display: flex;
    gap: 5px;
    clear: both;
}
.woocommerce-message::before, 
.woocommerce-info::before, 
.woocommerce-error::before, 
.woocommerce-noreviews::before, 
p.no-comments::before {
    position: initial !important;
    color: inherit;
}

/* Etat Info, NoReviews, NoComments */
.woocommerce-info,
.woocommerce-noreviews, 
p.no-comments {
    background-color: #0060ff26 !important;
    color: #0060ff !important;
    border-left: 4px solid #0060ff !important;
}

/* Etat Success */
.woocommerce-message {
    background-color: #28a74526 !important;
    color: #28a745 !important;
    border-left: 4px solid #28a745 !important;
}

/* Etat Error */
.woocommerce-error {
    background-color: #d6363826;
    color: #d63638;
    border-left: 4px solid #d63638;
}

/* --- Code: Forminator Forms --- */
/*************** FORMINATOR GENERAL CODE ***************/ 
.forminator-row {
    margin-bottom: 20px !important;
}
.forminator-row.forminator-no-margin {
    margin-bottom: 0px !important;
    gap: 20px;
}

/* Login & Register Forms Labels */
.forminator-label {
	display: block !important;
    font-size: 14.5px !important;
    font-weight: 400 !important;
	margin-bottom: 0px !important;
	color: #212121 !important;
}
.dark .forminator-label {
	color: #ffffff !important;
}

.forminator-input {
    width: 100% !important;
    height: 40px !important;
    border-radius: 3px !important;
	color: #212121 !important;
}
.dark .forminator-input {
    color: #ffffff !important;
}

/* Forminator Checkbox */
.forminator-checkbox-box {
	background-color: transparent !important;
	color: #0060ff !important;
    border-color: #c4c4c2 !important;
}
.dark .forminator-checkbox-box {
    border-color: #404555 !important;
}
input:checked + .forminator-checkbox-box {
	background-color: transparent !important;
    border-color: #0060ff !important;
}

/* Forminator Checkbox Label */
.forminator-checkbox-label {
    font-size: 12px !important;
    margin-left: 5px !important;
	color: #212121 !important;
}
.dark .forminator-checkbox-label {
	color: #ffffff !important;
}

/* Forminator Button Radio */
.forminator-radio-bullet {
	background-color: transparent !important;
    border-color: #c4c4c3 !important;
}
.dark .forminator-radio-bullet {
    border-color: #404555 !important;
}
input:checked + .forminator-radio-bullet {
    background-color: transparent !important;
	border-color: #0060ff !important;
}
.forminator-radio-bullet:before {
    background-color: #0060ff !important;
}

/* Forminator Button Radio Label */
.forminator-radio-label {
    color: #212121; !important;
}
.dark .forminator-radio-label {
    color: #ffffff; !important;
}

/* Forminator Textarea */
.forminator-textarea {
    background: transparent !important;
    border-color: #c4c4c3 !important;
    color: #212121 !important;
}
.dark .forminator-textarea {
    border-color: #404555 !important;
    color: #ffffff !important;
}

/* Forminator "Lostpassword" Text */
.forminator-description-password {
    text-align: right;
    float: right !important;
    padding-top: 15px !important;
}

/* Forminator Submit Button */
.forminator-button-submit {
    background-color: #0060ff !important;
	color: #ffffff !important;
    border-radius: 3px !important;
    width: 100% !important;
    height: 40px !important;
	border: none !important;
	box-shadow: none !important;
}
.forminator-button-submit:hover {
    background-color: #0070ff !important;
}

/* Forminator Hidden Elements */
.forminator-hidden {
    display: none !important;
}
/************* END FORMINATOR GENERAL CODE *************/



/*************** FORMINATOR FIELDS FOCUS ***************/
.forminator-input:hover,
.forminator-textarea:hover {
    border: 1px solid #0060ff !important;
}
.forminator-input:focus,
.forminator-textarea:focus {
    border: 1px solid #0060ff !important;
	outline: 3px solid #0060ff45 !important;
}
/************* END FORMINATOR FIELDS FOCUS *************/



/******* FORMINATOR FORMS - PREVENTS FORM FLASH WHEN PAGE LOADING ********/
/*==== Login Form ====*/
form#forminator-module-324 {
    display: block !important;
	margin: 0px !important;
}
/* Force le masquage pour éviter le conflit */
div.forminator-custom-form-324[data-forminator-render="0"]:not(form) {
    display: none !important; 
}

/*==== Register Form ====*/
form#forminator-module-323 {
    display: block !important;
	margin: 0px !important;
}
/* Force le masquage pour éviter le conflit */
div.forminator-custom-form-323[data-forminator-render="0"]:not(form) {
    display: none !important; 
}

/*==== Contact Form ====*/
form#forminator-module-325 {
    display: block !important;
	margin: 0px !important;
}
/* Force le masquage pour éviter le conflit */
div.forminator-custom-form-325[data-forminator-render="0"]:not(form) {
    display: none !important; 
}
/******* END FORMINATOR FORMS - PREVENTS FORM FLASH WHEN PAGE LOADING ********/




/******** FORMINATOR ERROR, SUCCESS... MESSAGES BOXES **********/
.forminator-response-message {
    border-radius: 3px !important;
}

/* Forminator Error Message */
.forminator-response-message.forminator-error {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    background-color: #ffe5e5 !important;
    color: #d63638 !important; 
    border-left: 4px solid #d63638 !important;
}
.dark .forminator-response-message.forminator-error {
    background-color: #2c1515 !important;
    color: #ff8080 !important; 
}
.dark .forminator-response-message.forminator-error p {
    color: #ff8080 !important; 
}

/* Forminator Success Message */
.forminator-response-message.forminator-success {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    background-color: #edffef !important;
    color: #28a745 !important; 
    border-left: 4px solid #28a745 !important;
}
.dark .forminator-response-message.forminator-success {
    background-color: #1a301d !important;
    color: #70d481 !important; 
}
.dark .forminator-response-message.forminator-success p {
    color: #70d481 !important; 
}

/* Forminator Info Message */
.forminator-response-message.forminator-loading {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    background-color: #f0f7ff !important; 
    color: #0060ff !important; 
    border-left: 4px solid #0060ff !important;
}
.dark .forminator-response-message.forminator-loading {
    background-color: #1a2a40 !important; 
    color: #5090ff !important;
}
.dark .forminator-response-message.forminator-loading p {
    color: #5090ff !important;
}
/******** END FORMINATOR ERROR, SUCCESS... MESSAGES BOXES **********/









/********************** EXTRA CODE ***********************/
.woocommerce-ResetPassword.lost_reset_password {
    width: auto !important;
    margin: 0 auto;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
}
/********************** END EXTRA CODE *******************/

/* --- Code: Footer Widget Inside Mobile Drawer CSS --- */
.ck-footer-widget-inside-mobile-drawer-container {
    display: flex;
    gap: 10px; 
    width: 100%;
}

.ck-footer-widget-inside-mobile-drawer-container .widget-title {
    font-size: 14px;
    letter-spacing: 0;
    border-bottom: none !important;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 10px;
    font-weight: 600;
    text-transform: uppercase;
    color: #212121 !important;
}
.dark .ck-footer-widget-inside-mobile-drawer-container .widget-title {
    color: #bac1cb !important;
}
.ck-footer-widget-inside-mobile-drawer-container .widget_nav_menu ul li {
    margin-bottom: 15px !important;
    margin-left: 0px !important;
    padding-left: 0px !important;
}

.ck-footer-widget-inside-mobile-drawer-column {
    flex: 0 0 50% !important;
    min-width: 0;
}

.ck-footer-widget-inside-mobile-drawer-container .widget_nav_menu ul li::before {
    display: none !important;
}

.ck-footer-widget-inside-mobile-drawer-container .menu-item a {
    color: #212121 !important;
}
.dark .ck-footer-widget-inside-mobile-drawer-container .menu-item a {
    color: #ffffff !important;
}

/* --- Code: Vetto Site Header Desktop Mobile Menu CSS --- */
/*============================================
// MOBILE MENU BAR
// Moile Menu Bar and all elements
//===========================================*/
.ck-custom-mobile-header {
    background-color: #FFFFFF;
    color: #000000;
    padding: 10px 15px;
    position: sticky;
    top: 0;
    z-index: 999999;
	box-shadow: 0 1px 15px #f7f7f7;
}
.dark .ck-custom-mobile-header {
    background-color: #111418;
    color: #ffffff;
    box-shadow: 0 1px 15px #0f1316;
}

.ck-mobile-header-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ck-mobile-header-left {
    display: flex;
    align-items: center;
    gap: 0px;
}


.ck-mobile-header-right {
    display: flex;
    align-items: center;
    gap: 23px;
}


/* Ajustement du Logo sur mobile */
.ck-mobile-search-wrapper .ck-logo img {
    height: 30px; /* Taille réduite pour mobile */
    width: auto;
}

/* Style des icônes de droite */
.ck-mobile-header-right svg {
    cursor: pointer;
    display: block;
	color: #000000;
}
.dark .ck-mobile-header-right svg {
	color: #ffffff;
}

/* Masquer le header mobile sur desktop et vice-versa */
@media (min-width: 769px) {
    .ck-custom-mobile-header { display: none; }
}

@media (max-width: 768px) {
    .ck-custom-desktop-header,
    .ck-login-text,
    .ck-display-name {
        display: none !important;
    }
    
    .ck-mobile-logo-placement {
        width: 75px !important;
        margin-right: 20px;
    }
    
    .ck-mobile-header-right svg {
        width: 18px;
    }
}



/*============================================
// MOBILE MENU DRAWER
// Mobile Offcanvas
//===========================================*/
/* Hide Popup When Page Loading */
.ck-mobile-menu-drawer {
	display: none;
}
	
/* Popup Container */
.ck-mobile-menu-drawer-container {
	display: flex;
	position: fixed !important;
	top:0px;
	bottom:0;
	left:0;
	right:0;
	align-items:center;
	justify-content:center;
	width: 100% !important;
	height: 100% !important;
	z-index:99999;
	background-color:rgba(0,0,0,0.6);
}
	
.ck-mobile-menu-drawer-container .ck-search-container {
    margin-bottom: 25px;
}

.ck-mobile-menu-drawer-himself {
	display: block;
	position: relative;
    width:100%;
    height:100%;
	background-color: #ffffff;
	color: #212121 !important;
}
.dark .ck-mobile-menu-drawer-himself {
	background-color: #111418;
	color: #ffffff !important;
}

/*.ck-mobile-menu-drawer-close-button {
    font-weight: 400 !important;
    font-size: 27px !important;
    background-color: transparent;
    color: #ffffff;
    cursor: pointer;
    width: 40px;
    position: absolute;
    top: -3px;
    left: 3px;
    display: inline-flex;
    justify-content: center;
	z-index: 99999;
}*/

.ck-mobile-menu-drawer-content-area-container {
	position: relative;
    overflow-y: auto;
	overflow-x: hidden;
	height: 100% !important;
	padding-left: 20px;
    padding-right: 20px;
    padding-top: 60px;
	padding-bottom: 20px;
}
/******* END MENU MOBILE DRAWER ********/

/******* WIDGET ********/
.ck-mobile-menu-drawer-content_widget-wrapper {
    padding: 20px;
    background: #F5F5F5;
    margin-bottom: 15px;
    border-radius: 10px;
}
.dark .ck-mobile-menu-drawer-content_widget-wrapper {
    background: #1D2229;
}
.ck-mobile-menu-drawer-content_widget-title {
    position: relative;
    top: -8px;
    font-weight: 600;
}



/*============================================
// DESKTOP MENU BAR
// Desktop Big Menu Bar
//===========================================*/
/* Reset et conteneur */
.ck-container {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 20px;
}

/*--- BIG HEADER ---*/
.ck-big-header-wrapper {
	background: #003edd;
	color: #ffffff;
}

.ck-big-header-container {
	height: 70px;
}

.ck-big-header-left {
	width: 100%;
}

.ck-big-header-left,
.ck-big-header-right,
.ck-small-header-left,
.ck-small-header-right {
	display: flex;
	align-items: center;
	gap: 25px;
}

/* On donne de l'importance à la recherche */
.ck-search-wrapper {
	width: 100%;
	margin-right: 10px;
}

/*--- SMALL HEADER ----*/
.ck-small-header-wrapper {
	background: #191c20;
	color: #fff;
}

.ck-small-header-wrapper a {
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
}

.ck-small-header-container {
	height: 50px;
}

/* Pour Menu "Genre Musicaux" */
.ck-small-header-left {
    height: 100%;
}
.ck-small-header-right {
    height: 100%;
}

/* 
* ON NEUTRALISE LE STYLE DU HEADER DE STOREFRONT
* Puisque le Custom Header est injecté dans le template header de Storefront,
* on neutralise completement ses styles pour permettre aux styles du Custom Menu
* d'avoir toute la priorité.
*/

/* 1. On rend le header natif invisible architecturalement */
#masthead.site-header {
	all: unset;
	display: block; 
	width: 100%;
}
/* 2. On s'assure que rien ne dépasse */
#masthead.site-header .col-full {
	max-width: none !important;
	padding: 0 !important;
	margin: 0 !important;
}



/*============================================
// LOGIN/REGISTER USER AUTH
// Login Icon - Register Avatar - MyAccount Dropdown Menu
//===========================================*/
/********** MY CUSTOM DESKTOP MENU BAR - LOGIN/REGISTER **********/
/* Alignement des éléments de base */
.ck-login-icon-text-container, 
.ck-logged-in-link {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none !important;
    color: inherit;
    font-size: 14px;
    font-weight: 500;
}

/* Icon color */
.ck-login-icon-text-container svg {
    stroke: #FFFFFF; 
}
@media (max-width:768px) {
    .ck-login-icon-text-container svg {
        stroke: #000000; 
    }
    .dark .ck-login-icon-text-container svg {
        stroke: #FFFFFF; 
    }  
}
  
.ck-login-link {
    color: #212121;
    transition: opacity 0.3s;
}
.dark .ck-login-link {
    color: #FFFFFF;
}

/* Logique du Menu Deroulant */
.ck-logged-in-container {
    position: relative;
    cursor: pointer;
	height: 100%;
    display: flex;
}

.ck-myaccount-dropdown {
    position: absolute;
    top: 100%; /* S'affiche juste sous le header */
    right: 0;
    min-width: 220px;
	box-shadow: 0px -25px 25px #00000078;
    border-radius: 8px;
    z-index: 9999;
    padding: 10px 0;
    visibility: hidden;
    opacity: 0;
    transform: translateY(15px);
    transition: all 0.3s ease;
    background: #ffffff;
}
.dark .ck-myaccount-dropdown {
    background: #191c20;
}

/* Affichage au survol du parent .myaccount-menu-hover-show */
.myaccount-menu-hover-show:hover .ck-myaccount-dropdown {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

/* Styles de la liste du menu */
.ck-dropdown-list {
    list-style: none !important;
    padding: 0 !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-top: 0px !important;
    margin-bottom: -15px !important;
}

.ck-dropdown-list li a {
    display: block;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: #212121 !important;
    text-decoration: none !important;
    font-size: 14px;
    transition: background 0.2s;
}
.dark .ck-dropdown-list li a {
    color: #fff !important;
}

.ck-dropdown-list li a:hover {
    color: #0080ff !important; /* Couleur d'accentuation */
}

/* Styles de l'avatar et du texte */
.ck-logged-in-link img {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    object-fit: cover;
    min-width: 30px;
}
	
@media (max-width:768px) {
	.ck-logged-in-link img {
    	width: 20px;
    	height: 20px;
        min-width: 20px;
	}
	
	.myaccount-menu-hover-show .ck-arrow {
    	display: none;
	}
}

.ck-arrow {
    transition: transform 0.3s;
}

.myaccount-menu-hover-show:hover .ck-arrow {
    transform: rotate(180deg);
}

/* Séparateur pour l'item de déconnexion */
.ck-item-customer-logout {
    margin-top: 10px;
    padding-top: 3px;
    padding-bottom: 2px;
    /*background: #b90101;*/
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: #ffe5e5;
    border-bottom: 4px solid #d63638 !important;
}
li.ck-item-customer-logout a {
    color: #d63638 !important; 
}
li.ck-item-customer-logout a:hover {
    color: #d63638 !important;
}
        
.dark .ck-item-customer-logout {
    background: #2c1515; /*2c1515*/
    border-bottom: 4px solid #d63638 !important;
}
.dark li.ck-item-customer-logout a {
    color: #d63638 !important;
}
.dark li.ck-item-customer-logout a:hover {
    color: #d63638 !important; 
}

/*============================================
// SEARCH ICON SHORTCODE
// Search Icon
//===========================================*/
/* Icon color */
.ck-mobile-search-icon svg {
    stroke: #000000; 
}
.dark .ck-mobile-search-icon svg {
    stroke: #FFFFFF; 
}



/*============================================
// DESKTOP MENU BAR - MENU CATEGORY
// Menu "Genres Musicaux"
//===========================================*/
/***** MY CUSTOM DESKTOP MENU BAR - MENU "GENRES MUSICAUX" *****/
/* Le bloc noir visible, "GENRES MUSICAUX" Container */
.ck-category-menu-wrapper {
    position: relative;
    background-color: #000000 !important;
    color: #ffffff !important;
    min-width: 280px;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 15px;
    cursor: pointer;
    z-index: 100;
}

.ck-category-menu-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.ck-category-menu-left {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ck-category-menu-title {
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
}

/* --- LOGIQUE DU DROPDOWN --- */
.ck-category-menu-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #111111; /* Fond sombre comme sur votre image */
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
    z-index: 9999;
    
    /* Anti-Flash : Masqué par défaut */
    visibility: hidden;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.25s ease-in-out;
}

/* Affichage au survol */
.category-menu-hover-show:hover .ck-category-menu-dropdown {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

/* --- STYLE DE LA LISTE --- */
.ck-category-menu-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 5px 0 !important;
}

/* Ciblage très précis des liens pour écraser Storefront */
.ck-category-menu-list li a {
    display: block !important;
    padding: 12px 20px !important;
    color: #ffffff !important; /* Texte blanc sur fond sombre */
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border-bottom: 1px solid rgba(255,255,255,0.05) !important;
    transition: background 0.2s ease;
}

.ck-category-menu-list li:last-child a {
    border-bottom: none !important;
}

/* Effet au survol des liens */
.ck-category-menu-list li a:hover {
    background-color: #0047e0 !important; /* Votre bleu */
    color: #ffffff !important;
}

/* Animation de la flèche */
.ck-category-menu-arrow {
    transition: transform 0.3s ease;
}

.category-menu-hover-show:hover .ck-category-menu-arrow {
    transform: rotate(180deg);
}


/*============================================
// KEBAB MOBILE MENU DRAWER TRIGGER
// Kebab
//===========================================*/
.vetto-kebab-menu-trigger {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2px;
    width: 25px;
    height: 25px;
	margin-right: 10px; /*15*/
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    outline: none;
	margin-left: -8px;
	color: #000000 ;
}
.dark .vetto-kebab-menu-trigger {
color: #ffffff ;
}

/*============================================
// DESKTOP AND MOBILE WOOCOMMERCE CART ICON
// Desktop & Mobile Cart
//===========================================*/
/**** MY CUSTOM DESKTOP MENU BAR - CART ICON ****/
.ck-cart-icon-container {
    position: relative;
    display: flex;
    align-items: center;
}

/* Icon on Desktop Blue Menu Bar */
.ck-cart-icon-container svg {
    display: block;
	color: #ffffff; /* Icon sur fond bleu */
}
/* Mobile Light and Dark Menu Bar */
@media (max-width:768px) {
.ck-cart-icon-container svg {
    color: #000000;
}
.dark .ck-cart-icon-container svg {
    color: #ffffff;
}}

/* Card Icon Badge */
.ck-cart-count-badge {
    position: absolute;
    top: -8px;
    right: -10px;
    background-color: #ffffff;
    color: #0060ff;
    font-size: 11px;
    font-weight: bold;
    border-radius: 50%;
    min-width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
    line-height: 1;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

/* Texte "Panier" cacher par defaut/sur Mobile */
.ck-cart-icon-text {
    display: none;
}

/* Sur Desktop */
@media (min-width:769px) {
.ck-cart-icon-container {
    flex-direction: column;
}
.ck-cart-icon-text {
	display: inline-flex;
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
    position: relative;
    top: 5px;
}
.ck-cart-count-badge {
    top: -5px;
    right: -5px;
}}

/* Cache le badge si le panier est vide (optionnel) */
/*.ck-cart-count-badge:empty,
.ck-cart-count-badge[data-count="0"] {
    display: none;
}*/

/*============================================
// MY CUSTOM DESKTOP MENU BAR - CALL-TO-ACTION
// Le Contact Bloc sur Desktop
//===========================================*/
.ck-contact-block {
    display: flex;
    align-items: center;
    color: #ffffff;
    padding: 10px 18px;
    border-radius: 8px;
    gap: 12px;
    font-family: sans-serif;
    min-width: 210px !important;
}

.ck-contact-icon svg {
    width: 28px;
    height: 28px;
    color: #ffffff;
    display: block;
}

.ck-contact-content {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.ck-contact-top {
    font-size: 14px;
    font-weight: 500;
}

.ck-contact-top a, 
.ck-contact-top span {
    color: #ffffff;
    text-decoration: none;
    text-transform: capitalize;
}

.ck-contact-number {
    font-size: 14px;
    font-weight: 600;
    color: #ffffff !important;
    text-decoration: none;
}

/* Effet au survol */
.ck-contact-block:hover {
    filter: brightness(1.1);
    transition: 0.3s ease;
}

/* --- Code: PWA - Progresive Web App Intall Button [PCJ#41] --- */
/******* All Button CSS *******/ 
.ck-pwa-install-button {
	display: inline-flex;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 4px;
	margin-bottom: 4px;
	width: 100%;
	height: 40px;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	font-size: 14px;
	font-weight: 700 !important;
	background: #404555;
	color: #ffffff;
} 
.dark .ck-pwa-install-button {
	background: #ffffff;
	color: #212121;
}        
.ck-pwa-install-button:hover {
	opacity: 0.9;
}

.ck-pwa-install-button-cta {
    margin-right: 5px;
}
/***** End All Button CSS *****/


/* Buton "S'abonner" au Pied de Page */
.textwidget .ck-button-container {
    width: 260px !important;
}

/* --- Code: PWA - Progresive Web App Intall Popup [PCJ#48] --- */
/*======================================
// PWA INSTALL POPUP CSS
// Styles du popup d'installation
//=====================================*/
/* Popup Container */
.ck-pwa-install-popup-container {
    display: block;
    position: fixed;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 30px);
    max-width: 400px;
    height: auto;
    background: #ffffff;
    padding: 4px 12px 12px 12px;
    z-index: 999999;
    border-radius: 20px;
    box-shadow: 0px -12px 32px -8px rgb(0 0 0 / 60%);
    padding : 20px;
}
.dark .ck-pwa-install-popup-container {
    background: #1f2731;
    box-shadow: 0px -12px 32px -8px rgb(0 0 0 / 100%);
}
	
@media (min-width:500px) {
	.ck-pwa-install-popup-container {
		bottom: 30px;
        width: 400px;
        left: 30px;
        transform: none;
	}
}

.ck-pwa-install-popup-header {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 10px;
}

.ck-pwa-install-popup-title {
    font-size: 14px;
    margin-top: 0px;
    font-weight: 700;
}

.ck-pwa-install-popup-description {
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 1.2;
	width: 260px;
}

.ck-pwa-install-popup-button {
    width: 250px;
    position: relative;
}

.ck-pwa-install-popup-button-close {
    border: none;
    width: 18px;
    height: 18px;
    padding-top: 1px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 16px;
    background: #E7E7E7;
    color: #212121;
} 
.dark .ck-pwa-install-popup-button-close {
    background: #404555;
    color: #ffffff;
}

/* --- Code: Social Follow Platform [PC#118] --- */
.ck-social-follow-wrapper {
    display: flex !important;
    gap: 15px;
}

/* 1. Base du bouton */
.ck-social-follow-wrapper .ck-social-follow {
    margin-top: 10px;
    border-radius: 3px;
    display: grid;
    place-items: center;
    transition: all .25s cubic-bezier(.4,0,.2,1);
    background: transparent !important; 
}

/* 2. Forcer la couleur du SVG */
.ck-social-follow-wrapper .ck-social-follow svg {
    width: 15px;
    height: 15px;
    /*fill: currentColor !important;*/
    display: block;
}

.ck-social-follow-wrapper .ck-social-follow {
    color: #212121 !important; 
}
.dark .ck-social-follow-wrapper .ck-social-follow {
    color: #FFFFFF !important; 
}

/* 4. Effet de survol (Optionnel mais recommandé) */
.ck-social-follow-wrapper .ck-social-follow:hover svg {
    transform: scale(1.1);
}

/* --- Code: WooCommerce Classic Cart - Mini Cart CSS --- */
/*================================================================ 
   SIDE-CART ITEMS : OPTIMISATION VISUELLE
================================================================ */
/* Le conteneur qui enveloppe tout le mini-panier */
.widget_shopping_cart_content {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Structure de chaque item */
.custom-woocommerce-mini-cart-item {
    display: flex !important;
    align-items: flex-start;
    padding-left: 5px !important;
    padding-right: 0px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
	 transition: background 0.3s ease;
	background: transparent !important;
    border-bottom: 1px dotted #F1F1F1 !important;
}
.dark .custom-woocommerce-mini-cart-item {
    border-bottom: 1px dotted #404555 !important;
}

/* Image à gauche */
.custom-woocommerce-mini-cart-item-image {
    width: auto;
    height: auto;
    flex-shrink: 0;
    margin-right: 10px;
    overflow: hidden;
}
.custom-woocommerce-mini-cart-item-image img {
    width: 60px !important;
    height: 60px !important;
    object-fit: cover;
    border-radius: 3px;
    display: block;
    max-width: 100% !important;
}

/* Conteneur détails */
.custom-woocommerce-mini-cart-item-details {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    min-width: 0; /* Empêche le titre de pousser les bords */
}

/* Header : Titre + Bouton de suppression */
.custom-woocommerce-mini-cart-item-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 0px;
}

/* Store name */
.custom-woocommerce-mini-cart-item-store-name a {
    color: #0060FF !important;
}
.custom-woocommerce-mini-cart-item-store-name {
    margin-top: -6px;
    font-size: 13px;
}

.custom-woocommerce-mini-cart-item .product-title {
    font-weight: 500;
    font-size: 13.5px;
    line-height: 1.1;
    margin: 0;
    /* Troncage à 2 lignes si le titre est trop long */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.custom-woocommerce-mini-cart-item-link {
    color: inherit !important;
}

/* Store Catgory */
.custom-woocommerce-mini-cart-item-category a {
    font-size: 12px;
    color: #718096;
}

.custom-woocommerce-mini-cart-item-category {
    font-size: 12px;
}

/* Meta : Vendeur + Variations */
.custom-woocommerce-mini-cart-item-meta {
    margin-top: -3px;
}

/* Price & Quantity Container */
.custom-woocommerce-mini-cart-item .price-qty {
    display: flex;
    align-items: center;
}
/* Price & Quantity ("4 x 2500") */
.custom-woocommerce-mini-cart-item .price-qty .quantity {
    font-size: 12px;
    font-weight: 600;
    margin-top: 0px;
    color: #2dab38;
}

/* Vendor Name */
dd.variation-Vendeur P {
	font-size: 13px !important;
    font-weight: 400;
    color: #0060ff !important;
}
.dark dd.variation-Vendeur p {
    color: #0060ff !important;
}

/* Remove Button Container */
.custom-woocommerce-mini-cart-item-remove {
    display: flex;
    align-items: center;
}

/* Style de la poubelle (Remplacement propre du X) */
.custom-woocommerce-mini-cart-item .remove_from_cart_button {
    color: #666 !important;
    transition: all 0.2s ease-in-out;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.custom-woocommerce-mini-cart-item .remove_from_cart_button:hover {
    color: #ff4d4d !important;
    transform: scale(1.1);
}



/*===========================
BLOC PRIX > TOTAL PANIER
============================*/
/* Text "Sous total" */
.widget_shopping_cart_content .total strong {
	font-weight: 500;
}
/* Le Prix total */
.widget_shopping_cart_content .total .amount {
    font-size: 18px;
    font-weight: 700;
}


/*=========================
BLOC BOUTONS VOIR PANIER & COMMANDER
===========================*/
.widget_shopping_cart_content .buttons a {
    display: block;
    width: 100%;
    text-align: center;
    padding: 14px 20px !important;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
}

/* Bouton "Voir le panier" */
.widget_shopping_cart_content .buttons a:not(.checkout) {
    background-color: #2d3035 !important;
    color: #ffffff !important;
}
/* Bouton "Voir le panier" Hover */
.widget_shopping_cart_content .buttons a:not(.checkout):hover {
    background-color: #3d4148 !important;
}

/* Bouton "Commander" (Checkout) */
.widget_shopping_cart_content .buttons a.checkout {
    background-color: #2463EB !important; /* Bleu MarketKing */
    color: #ffffff !important;
	margin-top: 10px;
}
/* Bouton "Commander" (Checkout) Hover */
.widget_shopping_cart_content .buttons a.checkout:hover {
    background-color: #1d4ed8 !important;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(36, 99, 235, 0.3);
}



/*=========================
SI LE PANIER EST VIDE
===========================*/
.ck-side-cart-drawer-content .custom-mini-cart-empty-wrapper {
    display: block;
    position: relative;
    text-align: center;
    margin: auto 0;
}

.ck-side-cart-drawer-footer .custom-mini-cart-empty-wrapper {
    display: none;
}

.custom-empty-mini-cart-svg {
    margin-bottom: 20px;
    color: #a46497;
    background: #a4649726;
    border-radius: 100%;
    padding: 10px;
    padding-top: 15px;
}








/*================================================================
SCROLLER LES ELEMENTS DU PANIER A L'INTERIEUR DU DRAWWER
FIGER LE BLOC PRIX ET LES BOUTONS DANS LE DRAWER
================================================================*/

/* 1. PERMET AUX ITEMS DE SCROLLER */
/*.widget_shopping_cart_content .cart_list {
    flex-grow: 1;
    overflow-y: auto;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    scrollbar-width: thin;
}*/

/* 2. LE BLOC "PRIX TOTAL" FIGÉ EN BAS DU SIDE-CART */
/*.widget_shopping_cart_content .total {
    flex-shrink: 0;
    padding: 20px 0 10px 0;
    margin: 0 !important;
    border-top: 1px solid #2d3035 !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: inherit;
}*/

/* 3. LES BOUTONS FIGÉS EN BAS DU SIDE-CART */
/*.widget_shopping_cart_content .buttons {
    flex-shrink: 0;
    padding: 10px 0 20px 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0 !important;
}*/

/* --- Code: WooCommerce Classic Cart - Mini Cart Drawer [PCJ#102] --- */
/* ================================================================
   DRAWER SIDE-CART : SIGNATURE CK-
   ================================================================ */

/* --- BLOC 1 : CONTENEUR PRINCIPAL (LE TIROIR) --- */
#ck-side-cart-drawer-wrap {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 300px;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 999999999;
	background: #ffffff;
    color: #212121;

    /* Décalage initial : On pousse le bloc de 110% vers la droite (hors écran) */
    transform: translateX(110%); 
    
    /* GESTION DE LA FERMETURE :
       1. 'transform 420ms' : Durée de la glisse vers la droite.
       2. 'visibility 0s linear 420ms' : Crucial ! On attend la fin de l'anim (420ms) 
          avant de passer en 'hidden' pour que le fond ne disparaisse pas avant le contenu.
    */
    transition: transform 420ms ease-out, visibility 0s linear 420ms;
    
    visibility: hidden; 
    box-shadow: none;
    will-change: transform; /* Indique au navigateur d'utiliser le GPU pour la fluidité */
}
.dark #ck-side-cart-drawer-wrap {
	background: #191c20;
    color: #ffffff;
}
	
/* ÉTAT OUVERT DU TIROIR */
#ck-side-cart-drawer-wrap.open {
    transform: translateX(0); /* Retour à la position d'origine */
    visibility: visible;
    
    /* GESTION DE L'OUVERTURE :
       Ici, 'visibility' passe à '0s linear 0s' (instantané) pour que le bloc 
       soit visible dès le début du mouvement entrant.
    */
    transition: transform 420ms ease-out, visibility 0s linear 0s;
    box-shadow: -10px 0 30px rgba(0,0,0,0.5); /* L'ombre portée sur le site */
}

/* --- BLOC 2 : OVERLAY (L'ARRIÈRE-PLAN SOMBRE) --- */
#ck-side-cart-drawer-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 999999998; /* Juste un cran sous le drawer */
    opacity: 0;
    visibility: hidden;
    
    /* Synchronisation identique au drawer pour un effet monobloc */
    transition: opacity 420ms ease-out, visibility 0s linear 420ms;
}

/* ÉTAT OUVERT DE L'OVERLAY */
#ck-side-cart-drawer-overlay.open {
    opacity: 1;
    visibility: visible;
    transition: opacity 420ms ease-out, visibility 0s linear 0s;
}

/* --- BLOC 3 : HEADER (PARTIE HAUTE FIGÉE) --- */
.ck-side-cart-drawer-head {
    flex: 0 0 auto; /* Empêche le header de s'écraser */
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #f1f1f1;
}
.dark .ck-side-cart-drawer-head {
    border-bottom: 1px solid #404555;
}

.ck-side-cart-drawer-head-group {
    display: flex;
    align-items: center;
}

.ck-side-cart-drawer-head-icon {
    display: flex;
    width: 25px;
    margin-right: 6px;
    position: relative;
    top: -2px;
}

.ck-side-cart-drawer-head-title {
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 400;
}

#ck-side-cart-drawer-close {
    width: 20px;
    justify-content: center;
    display: flex;
    font-size: 20px;
    cursor: pointer;
}

/* --- BLOC 4 : CONTENU (ZONE LISTE PRODUITS SCROLLABLE) --- */
.ck-side-cart-drawer-content {
    flex: 1 1 auto; /* Prend tout l'espace disponible au centre */
    overflow-y: auto; /* Active le scroll si la liste est longue */
    padding-left: 10px !important;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    scrollbar-width: thin;
}

/* Nettoyage : On cache les totaux et boutons générés nativement dans cette zone */
.ck-side-cart-drawer-content .woocommerce-mini-cart__total, 
.ck-side-cart-drawer-content .woocommerce-mini-cart__buttons {
    display: none !important;
}

/* --- BLOC 5 : FOOTER (ZONE PRIX & BOUTONS FIGÉE) --- */
.ck-side-cart-drawer-footer {
    flex: 0 0 auto; /* Reste collé en bas */
    border-top: 1px solid #F1F1F1;
}
.dark .ck-side-cart-drawer-footer {
    border-top: 1px solid #404555;
}

/* Nettoyage : On cache la liste de produits qui pourrait apparaître dans le footer */
.ck-side-cart-drawer-footer .woocommerce-mini-cart.cart_list {
    display: none !important;
}

.ck-side-cart-drawer-footer .widget_shopping_cart_content {
    border: none !important;
    padding: 20px !important;
}

.ck-side-cart-drawer-footer .woocommerce-mini-cart__total.total {
    border-top: none !important;
    padding-top: 0 !important;
    margin-bottom: 15px !important;
}

/* Espacement du bloc boutons */
.ck-side-cart-drawer-footer .woocommerce-mini-cart__buttons.buttons {
    margin-bottom: 10px !important;
}

/* FIX FINAL : Désactivation des transitions internes des boutons WooCommerce.
   Empêche les boutons de "traîner" ou d'avoir un effet de retard lors de la glisse.
*/
.ck-side-cart-drawer-footer .woocommerce-mini-cart__buttons.buttons .button {
    transition: none !important; 
}

/* --- Code: Dark Mode Theme --- */
/*========== DARK MODE GENERAL CSS =========*/ 
/* The Body */
body.dark { 
	background-color: #111418 !important;
	color: #ffffff !important;
	transition: background-color 0.3s ease, color 0.3s ease;
}

/* Paragraph Color */
body.dark p { 
	color: #ffffff;
}

/* Titres H */
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6 {
	color: #ffffff;
}

/* Storefront Footer */
body.dark .site-footer {
	background-color: #16181C !important;
}


.site-footer h1, 
.site-footer h2, 
.site-footer h3, 
.site-footer h4, 
.site-footer h5, 
.site-footer h6, 
.site-footer .widget .widget-title, 
.site-footer .widget .widgettitle {
    color: #999999 !important;
}
/*========== DARK MODE GENERAL CSS =========*/

/* --- Code: Plugin "Awesome WooCommerce Search Engine" --- */
/*===============================================
// Awesome WooCommerce Search Engine Plugin
// Adapte CSS For Mobile et Desktop Header
=================================================*/
.ck-mobile-menu-drawer form.awse-search-form {
    margin-bottom: 20px !important;
}

.awse-search-bar-input {
	box-shadow: none !important;
	border-radius: 3px !important;
	background-color: transparent !important;
	color: #212121 !important;
	border: 1px solid #c4c4d5 !important;
}

/* Inputs Dark */
.dark .awse-search-bar-input {
	color: #ffffff !important;
	border: 1px solid #404555 !important;
}

/* Inputs Hover */
.awse-search-bar-input:hover {
	border: 1px solid #0060ff !important;
}

/* Inputs Focus */
.awse-search-bar-input:focus {
	border: 1px solid #0060ff !important;
	outline: 3px solid #0060ff45 !important;
}


/************** DESKTOP ***************/
@media (min-width:769px) {
	.ck-search-wrapper .awse-search-bar-input {
		background-color: #111418 !important;
		color: #FFFFFF !important;
		border: 0px !important;
		padding-left: 15px;
	}
	.ck-search-wrapper input.awse-search-bar-input::placeholder {
		color: #565b6d !important;
		text-align: center;
	}
	
	/* Inputs Dark */
	.dark .ck-search-wrapper .awse-search-bar-input {
		background-color: #111418 !important;
		color: #ffffff !important;
		border: 0px solid #0060ff !important;
	}
	
	/* Inputs Hover */
	.ck-search-wrapper .awse-search-bar-input:hover {
		border: 0px !important;
	}

	/* Inputs Focus */
	.ck-search-wrapper .awse-search-bar-input:focus {
		border: 0PX !important;
		outline: 0px solid #0060ff45 !important;
	}
}
/************ END DESKTOP *************/

/* --- Code: All Field --- */
/*********************** STOREFRONT FOCUS **********************/
/*========== GENERAL CSS ==========*/
a:focus {
    outline: none !important;
    box-shadow: none !important;
}
.dark a:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* L'icon Oeil qui affiche le mot de passe */
.show-password-input {
    top: 1px;
    background: transparent !important;
    color: #212121;
}
.dark .show-password-input {
    color: #FFFFFF;
}

.form-row label {
    color: #8b9097;
}
/*========== END GENERAL CSS ==========*/


/*========== THE FIELD INPUT ============*/
/* Inputs */
select,
textarea,
input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not(.qty):not(.ck-search-input):not(.awse-search-bar-input) {
	background-color: #ffffff !important;
	color: #212121 !important;
    border: 1px solid #c4c4d5 !important; /* DBDFEA c4c4d5 b5b8c1 */
	box-shadow: none !important;
	border-radius: 3px !important;
}

/* Inputs Dark */
.dark select,
.dark textarea,
.dark input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not(.qty):not(.ck-search-input):not(.awse-search-bar-input) {
	background-color: #111418 !important;
	color: #ffffff !important;
    border: 1px solid #404555 !important;
}

/* Inputs Hover */
select:hover,
textarea:hover,
input:hover:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not(.qty):not(.ck-search-input):not(.awse-search-bar-input) {
    border: 1px solid #0060ff !important;
}

/* Inputs Focus */
select:focus,
textarea:focus,
input:focus:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not(.qty):not(.ck-search-input):not(.awse-search-bar-input) {
    border: 1px solid #0060ff !important;
	outline: 3px solid #0060ff45 !important;
}
/*========== END THE FIELD INPUT ============*/


/* WooCommerce Login First Name, Last Name Fields */
@media (min-width: 768px) {
    .form-row-first,
	.form-row-last {
        width: 100% !important;
        float: none !important;
        margin-right: 0px !important;
    }
}








/* Country & City Select Field */
/*.wc-blocks-components-select .wc-blocks-components-select__container {
    background: transparent;
}*/
/*********************** STOREFRONT FOCUS **********************/


/******* OLD *********/
/*
input,
select,
textarea,
input[type=text],
input[type="email"],
input[type="number"],
input[type=tel], 
input[type=url], 
input[type=password], 
input[type=search],
.input-text {
	background-color: transparent !important;
    border: 1px solid #DBDFEA !important;
	box-shadow: none !important;
}
*/

/*
.dark input,
.dark select,
.dark textarea,
.dark input[type=text],
.dark input[type="email"],
.dark input[type="number"],
.dark input[type="tel"], 
.dark input[type="url"], 
.dark input[type="password"], 
.dark input[type="search"],
.dark .input-text {
	background-color: transparent !important;
    border: 1px solid #404555 !important;
}
*/

/*
select:hover,
textarea:hover,
input[type="email"]:hover,
input[type="number"]:hover,
input[type="tel"]:hover, 
input[type="url"]:hover, 
input[type="password"]:hover, 
input[type="search"]:hover,
.input-text:hover {
    border: 1px solid #0060ff !important;
}
*/

/*
input:focus,
select:focus,
textarea:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus, 
input[type="url"]:focus, 
input[type="password"]:focus, 
input[type="search"]:focus,
.input-text:focus {
    border: 1px solid #0060ff !important;
	outline: 3px solid #0060ff45 !important;
}
*/
/***** END OLD *******/



/********** SELECT2 FIELD *********/
/* Le Champ */
.select2-container .select2-selection--single {
    display: flex;
    align-items: center;
    height: 40px;
    border-radius: 3px !important;
}

/* La fleche */
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    top: 2px;
}

/* Le Pays Choisi */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #212121 !important;
}
body.dark .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #ffffff !important;
}
/********** END SELECT2 FIELD *********/


/****** SELECT2 DROPDOWN *****/
.select2-container--default .select2-selection--single {
    background: transparent !important;
	border: 1px solid #C4C4D5 !important;
}
body.dark .select2-container--default .select2-selection--single {
    background: transparent !important;
	border: 1px solid #404555 !important;
}

.select2-dropdown {
    margin-top: 7px !important;
	margin-bottom: 7px !important;
    padding: 10px !important;
	border: none !important;
	background-color: #f5f5f5 !important;
    color: #212121 !important;
}
body.dark .select2-dropdown {
	background-color: #1f2227 !important;
    color: #ffffff !important;
}

/* Select Country Field - Search Field in Country Dropdown */
.select2-search__field {
    height: 35px;
}
/******* END SELECT2 DROPDOWN *********/


/********** SELECT2 FOCUS **********/
.select2-container--default .select2-selection--single:hover,
.select2-search__field:hover {
    border: 1px solid #0060ff !important;
}
.select2-container--default .select2-selection--single:focus,
.select2-search__field:focus {
	border: 1px solid #0060ff !important;
    outline: 3px solid #0060ff45;
}
/********** SELECT2 FOCUS **********/

/* --- Code: Test --- */
/*****TEST MENU HEADER*******/
.ck-custom-mobile-header {
    background-color: #ffffff !important;
    color: #000000 !important;
    box-shadow: 0 1px 15px #f9f9f9 !important;   /* 00000012 */
}
.dark .ck-custom-mobile-header {
    background-color: #111418 !important;
    color: #ffffff;
    box-shadow: 0 1px 15px #0f1316 !important;
}

/* --- Code: Footer Storefront --- */
/* WP Widget */ 
.widget {
    margin: 0 0 27px;
}

/* Footer Widget Title */
.footer-widgets .widget .widget-title, 
.footer-widgets .widgettitle {
    font-size: 16px;
    letter-spacing: 0;
    border-bottom: none !important;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 10px;
    font-weight: 600;
    text-transform: uppercase;
}

.dark .site-info {
    color: #ffffff;
}

.site-footer ul li {
	padding-left: 0px !important;
}
.site-footer ul li::before {
	display: none !important;
}

.widget_nav_menu ul li {
	margin-bottom: 10px !important;
}

/* Foter Color Scheme */
.site-footer a:not(.button):not(.components-button) {
    color: #212121;
}
.dark .site-footer a:not(.button):not(.components-button) {
    color: #ffffff;
}

/*.site-footer a:hover {
    color: #0060ff !important;
}*/
.site-footer a:not(:has(svg)):hover {
    color: #0060ff !important;
}



/* Footer Columns 2 & 3 in Same Line */
@media (max-width: 767px) {
.block.footer-widget-2 {
    width: 45%;
    float: left;
    margin-right: 15px;
}
.block.footer-widget-3 {
    width: 45%;
    float: right;
    clear: right;
}
.block.footer-widget-4 {
    clear: both;
} }

/* --- Code: WooCommerce Default Spinner Modernized --- */
/* The Overlay */
.blockOverlay {
	background: #191C20 !important;
	opacity : 0.5 !important;
}

/* Remplacement du spinner Font Awesome Classic par un cercle linéaire */
.blockUI::before {
    /* On enlève l'icône Font Awesome */
    content: "" !important;
    font-family: none !important;
    
    /* Création du cercle */
    width: 35px !important;
    height: 35px !important;
    border: 3px solid rgba(255, 255, 255, 0.1) !important; /* Cercle de fond discret */
    border-top: 3px solid #ffffff !important;
    border-radius: 50% !important;
	z-index: 99999999 !important;
    
    /* Positionnement */
    position: absolute !important;
    top: 30% !important;
    left: 50% !important;
    margin-left: -17.5px !important; /* Moitié de la largeur */
    margin-top: -17.5px !important;  /* Moitié de la hauteur */
    
    /* Animation fluide */
    animation: ck-linear-spin 0.8s linear infinite !important;
}

/* Définition de l'animation */
@keyframes ck-linear-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* --- Code: Mobile Drawer - Sub-menus in Two Columns --- */
/**************** MAKE MOBILE SUB-MENU IN TWO COLOMNS **********************/ 
/*======================================
// MOBILE DRAWER MENU
// Tout menu ayant un submenu, inséré via le Widget "Menu de navigation",
// les submenus seront automatiquement disposé Cote à Cote
//=====================================*/
.ck-mobile-menu-drawer-content_widget-wrapper .menu {
    list-style: none !important;
    margin: 0px !important;
}

/* Menu Container */
.ck-mobile-menu-drawer-content_widget-wrapper .menu-item-has-children {
    flex: 0 0 50% !important;
    margin-bottom: 8px;
    margin-top: 8px;
    list-style: none !important;
}

/* Parent Menu */
.ck-mobile-menu-drawer-content_widget-wrapper .menu-item-has-children > a {
    color: #4f4f4f;
}
.dark .ck-mobile-menu-drawer-content_widget-wrapper .menu-item-has-children > a {
    color: #bac1cb !important;
}

/* Child Menu */
.ck-mobile-menu-drawer-content_widget-wrapper .menu-item-has-children .sub-menu {
    display: flex;
    flex-flow: row wrap;
    margin-left: 0px;
    margin-top: 5px;
    margin-bottom: 15px;
    padding-top: 0px;
    padding-left: 0px !important;
    border-top: 1px solid #DBDFEA;
    list-style: none !important;
}
.dark .ck-mobile-menu-drawer-content_widget-wrapper .menu-item-has-children .sub-menu {
    border-top: 1px solid #242730;
}

.ck-mobile-menu-drawer-content_widget-wrapper .menu-item-has-children .sub-menu a {
    color: #212121;
}
.dark .ck-mobile-menu-drawer-content_widget-wrapper .menu-item-has-children .sub-menu a {
    color: #ffffff;
}

/* Child Menu Each Item */
.ck-mobile-menu-drawer-content_widget-wrapper .menu-item-has-children ul.sub-menu li.menu-item {
    flex: 0 0 50% !important;
    margin-bottom: 8px;
    margin-top: 8px;
}
/*************** END MAKE MOBILE SUB-MENU IN TWO COLOMNS *****************/

/* --- Code: Storefront Frontend CSS --- */
.site-content {
    margin-top: 30px;
}

@media (max-width: 767px) {
.site-content {
    margin-top: 10px !important;
} }

/* Hide Breadcrumb */
.storefront-breadcrumb {
    display: none !important;
}

/* Link */
a {
    text-decoration: none !important;
}


/* Suppression globale du focus par défaut */
*:focus {
    outline: none !important;
    box-shadow: none !important;
}



/* Masquer le bouton "Voir le panier" qui surgit après l'ajout d'un produit au panier */
.added_to_cart.wc-forward {
    display: none !important;
}

/*========== FONT SIZE ===========*/
/* Taille de base du texte sur tout le site */
/* valeur par défaut ≈ 16px */
body {
    font-size: 14px; 
}

/* Paragraphes */
p {
    font-size: 14px;
}

/* Titres */
h1 { font-size: 24px; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1.1em; }
/*======== END FONT SIZE =========*/

/* --- Code: MarketKing Store Name --- */
.ck-marketking_vendor_store_name {
    margin-top: -2px;
    margin-bottom: -2px;
}

.ck-marketking_vendor_store_name a {
    color: #0060ff !important;
    font-size: 13.5px;
    font-weight: 400 !important;
}

/* --- Code: Hide Header and Footer on Specifics Pages --- */
/* ZikCloud Studio Page */
.page-id-3 .ck-custom-desktop-header,
.page-id-3 .ck-custom-mobile-header,
.page-id-3 .entry-header,
.page-id-3 .site-footer {
    display: none;
}

/* Login Page */
.page-id-112 .ck-custom-desktop-header,
.page-id-112 .ck-custom-mobile-header,
.page-id-112 .entry-header,
.page-id-112 .site-footer {
    display: none;
}

/* Register Page */
.page-id-114 .ck-custom-desktop-header,
.page-id-114 .ck-custom-mobile-header,
.page-id-114 .entry-header,
.page-id-114 .site-footer {
    display: none;
}

/* Cart Page */
.page-id-10 .entry-header {
    display: none;
}

/* Checkout Page */
.page-id-11 .entry-header {
    display: none;
}

/* ETC Scan Page */
.page-id-125 .entry-header,
.page-id-125 .site-footer {
    display: none;
}

/* Contact Page */
.page-id-67 .entry-header {
    display: none;
}

/* FAQ Vendeur Page */
.page-id-121 .entry-header {
    display: none;
}

/* FAQ Client Page */
.page-id-123 .entry-header {
    display: none;
}

/* LostPasword Page */
.page-id-117 .entry-header,
.page-id-117 .site-footer {
    display: none;
}

/* Verification du mail Page */
.page-id-119 .entry-header,
.page-id-119 .site-footer {
    display: none;
}