/*
Theme Name: OneListing Pro Child - Muslim Map
Template: onelisting-pro
Description: Thème enfant Muslim Map - Couleurs violet/coral/lavande
Version: 2.1.0
*/

/* ============================================
   PALETTE MUSLIM MAP
   Violet primaire  : #502a68
   Violet secondaire: #b374f3
   Lavande tertiaire: #b1c3f5
   Coral accent     : #ff825e
   Texte            : #2e2a36
   ============================================ */

:root {

  /* ─── OneListing Pro ─── */
  --color-primary:          #502a68;
  --color-primary-rgb:      80, 42, 104;
  --color-secondary:        #f3eef7;

  --color-dark:             #2e2a36;
  --color-dark-rgba:        46, 42, 54;
  --color-body:             #5a5568;
  --color-gray:             #8a85a0;
  --color-light-gray:       #b8b3cc;
  --color-light:            #b8b3cc;
  --color-lighter:          #8a85a0;
  --color-white:            #ffffff;
  --color-white-rgba:       255, 255, 255;

  --color-border:           #e8e2f0;
  --color-border-light:     #f0ebf7;
  --color-border-gray:      #d4cce0;

  --color-bg-normal:        #faf9fc;
  --color-bg-light:         #f3eef7;
  --color-bg-lighter:       #f0ebf7;
  --color-bg-section:       #faf9fc;
  --color-bg-section2:      #eef2fd;

  --color-success:          #30B507;
  --color-info:             #b1c3f5;
  --color-warning:          #fa8b0c;
  --color-danger:           #f80718;
  --color-danger-rgba:      248, 7, 24;

  --color-header-bg:        #ffffff;

  --color-menu:             #5a5568;
  --color-menu-hover:       #ff825e;
  --color-menu-active:      #ff825e;
  --color-submenu:          #5a5568;
  --color-submenu-hover:    #ff825e;
  --bgcolor-submenu-hover:  #fff1ed;

  --color-add-listing-button-text:       #ffffff;
  --color-add-listing-button-text-hover: #ffffff;
  --bgcolor-add-listing-button:          #502a68;
  --bgcolor-add-listing-button-hover:    #3d1f50;

  --color-banner_title:           #ffffff;
  --color-breadcrumb-link:        rgba(255,255,255,0.85);
  --color-breadcrumb-link-hover:  #ff825e;
  --color-breadcrumb_separator:   rgba(255,255,255,0.6);
  --color-breadcrumb-active:      rgba(255,255,255,0.5);

  --bgcolor-footer:           #ffffff;
  --color-footer-divider:     #e8e2f0;
  --color-footer-title:       #2e2a36;
  --color-footer-text:        #5a5568;
  --color-footer-link:        #5a5568;
  --color-footer-link-hover:  #ff825e;

  /* ─── Directorist ─── */
  --directorist-color-primary:            #502a68;
  --directorist-color-primary-rgb:        80, 42, 104;
  --directorist-color-body:               #5a5568;
  --directorist-color-dark:               #2e2a36;
  --directorist-color-dark-rgb:           46, 42, 54;
  --directorist-color-white:              #ffffff;
  --directorist-color-gray:               #8a85a0;
  --directorist-color-light-gray:         #b8b3cc;
  --directorist-color-deep-gray:          #2e2a36;
  --directorist-color-bg-light:           #faf9fc;
  --directorist-color-ss-bg-light:        #f3eef7;
  --directorist-color-border:             #e8e2f0;
  --directorist-color-border-gray:        #d4cce0;
  --directorist-color-border-light:       #f0ebf7;
  --directorist-color-success:            #30B507;
  --directorist-color-danger:             #f80718;
  --directorist-color-warning:            #fa8b0c;
  --directorist-color-star:               #fa8b0c;
  --directorist-color-btn:                #502a68;
  --directorist-color-btn-primary-bg:     #ff825e;
  --directorist-color-btn-primary-hover:  #502a68;
  --directorist-color-btn-primary-border: #ff825e;
  --directorist-color-btn-primary-rgb:    255, 130, 94;
  --directorist-color-btn-secondary-bg:     #b374f3;
  --directorist-color-btn-secondary-hover:  #502a68;
  --directorist-color-btn-secondary-border: #b374f3;
  --directorist-color-marker-shape:         #ff825e;
  --directorist-color-marker-shape-rgb:     255, 130, 94;
  --directorist-color-marker-icon:          #ffffff;
  --directorist-color-badge-popular:        #502a68;
  --directorist-color-badge-new:            #ff825e;
  --directorist-color-badge-featured:       #b374f3;
  --akfe-primary:                           #502a68;

  /* ─── WooCommerce ─── */
  --woocommerce:           #502a68;
  --wc-primary:            #502a68;
  --wc-primary-text:       #ffffff;
  --wc-secondary:          #f3eef7;
  --wc-secondary-text:     #5a5568;
  --wc-highlight:          #ff825e;
  --wc-highligh-text:      #ffffff;
  --wc-content-bg:         #ffffff;
  --wc-subtext:            #8a85a0;
  --wc-form-border-color:  #d4cce0;
  --wc-form-border-radius: 8px;
  --wc-form-border-width:  1px;
  --wc-green:              #30B507;
  --wc-red:                #a00;
  --wc-orange:             #fa8b0c;
  --wc-blue:               #b1c3f5;

  /* ─── Complianz ─── */
  --rsp-dark-blue:       #502a68;
  --rsp-blue:            #b374f3;
  --rsp-blue-faded:      #f3eef7;
  --rsp-dark-blue-faded: #f3eef7;
  --button-accent-color: #502a68;
  --rsp-text-color:      rgba(46, 42, 54, 0.95);
}

#complianz {
  --rsp-brand-primary:        #502a68;
  --rsp-brand-secondary:      #ff825e;
  --rsp-brand-primary-faded:  #f3eef7;
}


/* ============================================================
   TYPOGRAPHIE — Urbanist (titres) + DM Sans (corps)
   ============================================================ */

body,
p, li, td, th, label,
input, select, textarea, button,
.woocommerce, .woocommerce-page,
#directorist, .atbd_wrapper {
  font-family: 'DM Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6,
.olp-listing-title, .olp-section-title,
.widget-title, .entry-title, .site-title,
.woocommerce-loop-product__title {
  font-family: 'Urbanist', sans-serif;
  color: #2e2a36;
}


/* ============================================================
   LIENS GLOBAUX
   ============================================================ */

a { color: #502a68; transition: color 0.2s ease; }
a:hover, a:focus { color: #ff825e; }


/* ============================================================
   WOOCOMMERCE
   ============================================================ */

/* Boutons principaux */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce #payment #place_order,
.woocommerce-checkout #payment #place_order {
  background-color: #502a68 !important;
  border-color: #502a68 !important;
  color: #ffffff !important;
  font-family: 'Urbanist', sans-serif !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  transition: background-color 0.2s ease !important;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce #payment #place_order:hover {
  background-color: #3d1f50 !important;
  border-color: #3d1f50 !important;
}

/* Boutons secondaires */
.woocommerce-message .button,
.woocommerce a.button.secondary {
  background-color: #ff825e !important;
  border-color: #ff825e !important;
  color: #ffffff !important;
  border-radius: 8px !important;
}

.woocommerce-message .button:hover,
.woocommerce a.button.secondary:hover {
  background-color: #ff6a42 !important;
  border-color: #ff6a42 !important;
}

/* Prix */
.woocommerce-Price-amount.amount,
.woocommerce ins .woocommerce-Price-amount {
  color: #ff825e !important;
  font-family: 'Urbanist', sans-serif !important;
  font-weight: 700 !important;
}

.woocommerce del .woocommerce-Price-amount {
  color: #b8b3cc !important;
}

/* Badge promo */
.woocommerce span.onsale {
  background-color: #ff825e !important;
  color: #ffffff !important;
  border-radius: 50px !important;
  font-family: 'Urbanist', sans-serif !important;
  font-weight: 700 !important;
}

/* Onglets produit */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: #502a68 !important;
  border-bottom-color: #502a68 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
  color: #ff825e !important;
}

/* Messages */
.woocommerce-message {
  border-top-color: #502a68 !important;
  background-color: #f3eef7 !important;
}

.woocommerce-info {
  border-top-color: #b1c3f5 !important;
  background-color: #eef2fd !important;
}

/* Formulaires */
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="tel"],
.woocommerce input[type="password"],
.woocommerce textarea,
.woocommerce select {
  border-color: #d4cce0 !important;
  border-radius: 8px !important;
  font-family: 'DM Sans', sans-serif !important;
}

.woocommerce input[type="text"]:focus,
.woocommerce input[type="email"]:focus,
.woocommerce input[type="tel"]:focus,
.woocommerce textarea:focus {
  border-color: #b374f3 !important;
  box-shadow: 0 0 0 3px rgba(80, 42, 104, 0.12) !important;
}

/* Pagination */
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover {
  background-color: #502a68 !important;
  border-color: #502a68 !important;
  color: #ffffff !important;
}

/* Bandeau store notice legacy */
.woocommerce-store-notice,
#woocommerce-store-notice {
  background-color: #502a68 !important;
}


/* ============================================================
   DIRECTORIST
   ============================================================ */

/* Liens actifs */
.directorist .nav-link.active,
.atbds_sidebar .nav-link.active {
  color: #502a68 !important;
  border-color: #502a68 !important;
}

/* Hover liens tableau */
.atbd_listing_table a:hover {
  color: #3d1f50 !important;
}

/* Select2 dropdown */
.select2-results__option--highlighted,
.select2-results__option[aria-selected="true"] {
  background-color: rgba(80, 42, 104, 0.10) !important;
  color: #502a68 !important;
}

/* Notice membership gradient */
.directorist-notice-membership {
  background: linear-gradient(135deg, #502a68 0%, #b374f3 100%) !important;
}


/* ============================================================
   COMPLIANZ
   ============================================================ */

.cmplz-btn.cmplz-accept,
.cmplz-btn.cmplz-manage-consent {
  background-color: #502a68 !important;
  border-color: #502a68 !important;
  color: #ffffff !important;
  border-radius: 8px !important;
}

.cmplz-btn.cmplz-accept:hover,
.cmplz-btn.cmplz-manage-consent:hover {
  background-color: #3d1f50 !important;
}

.cmplz-btn.cmplz-deny,
.cmplz-btn.cmplz-revoke {
  background-color: #fff1ed !important;
  border-color: #ff825e !important;
  color: #ff825e !important;
  border-radius: 8px !important;
}

.cmplz-btn.cmplz-deny:hover {
  background-color: #ff825e !important;
  color: #ffffff !important;
}

#complianz a, .cmplz-links a { color: #502a68 !important; }
#complianz a:hover, .cmplz-links a:hover { color: #ff825e !important; }

.cmplz-switch input:checked + .cmplz-slider {
  background-color: #502a68 !important;
}


/* ============================================================
   ÉLÉMENTS COMMUNS
   ============================================================ */

/* Inputs globaux */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="search"],
input[type="password"],
input[type="number"],
textarea,
select {
  border-radius: 8px !important;
  border-color: #d4cce0 !important;
  font-family: 'DM Sans', sans-serif !important;
  color: #2e2a36 !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

input:focus,
textarea:focus,
select:focus {
  border-color: #b374f3 !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(80, 42, 104, 0.12) !important;
}

/* Pagination globale */
.pagination .page-numbers.current {
  background-color: #502a68 !important;
  border-color: #502a68 !important;
  color: #ffffff !important;
}

/* Sélection texte */
::selection {
  background-color: rgba(80, 42, 104, 0.15);
  color: #2e2a36;
}

/* Focus accessible */
*:focus-visible {
  outline: 2px solid #502a68 !important;
  outline-offset: 2px !important;
}