/* =========================================================
   AMANDE DOUCE THEME OVERRIDE
   Primary (logo): #b5a98c
   Put this file AFTER css/style.css in HTML
   ========================================================= */

/* --- Palette --- */
:root{
  --ad-primary: #b5a98c;      /* logo */
  --ad-primary-2: #8f7f64;    /* plus foncé */
  --ad-accent: #d8cbb3;       /* clair */
  --ad-ink: #111111;
  --ad-text: #666666;
  --ad-bg-soft: #fbfaf8;      /* fond doux */
  --ad-border: #ece7df;
}

/* Selection */
::selection{ background: rgba(181,169,140,.35); color:#fff; }
::-moz-selection{ background: rgba(181,169,140,.35); color:#fff; }
::-webkit-selection{ background: rgba(181,169,140,.35); color:#fff; }

/* Global */
body{ color: var(--ad-text); }
a:hover{ color: var(--ad-primary-2); }

/* =========================
   SIDEBAR (à gauche)
   ========================= */
#betty-aside{
  /* Remplace le rose/orange (#e52e71 -> #ff8a00) :contentReference[oaicite:2]{index=2} */
  background: var(--ad-primary);
  background-image: linear-gradient(to bottom, #b5a98c 0%, #a99676 55%, #8f7f64 100%);
}

/* Menu liens */
#betty-aside #betty-main-menu > ul > li > a{
  color: rgba(255,255,255,.92);
  border-bottom: 2px solid rgba(255,255,255,.10);
}
#betty-aside #betty-main-menu > ul > li > a:hover,
#betty-aside #betty-main-menu > ul > li.active > a{
  color: #fff;
}

/* Logo (si ton logo est beige, on garde) */
#betty-aside .betty-logo h1 a,
#betty-aside .betty-logo span,
.betty-contact-info h5,
.betty-contact-info h6{
  color:#fff;
}

/* Social sidebar */
#betty-aside .betty-footer ul li{
  border: 2px solid rgba(255,255,255,.18);
}
#betty-aside .betty-footer ul li:hover{
  background-color: rgba(255,255,255,.12);
}

/* =========================
   TITRES / HEADINGS
   ========================= */
.betty-heading{
  /* Remplace #e52e71 :contentReference[oaicite:3]{index=3} */
  color: var(--ad-primary-2);
}
.betty-about-heading span,
.betty-contact-heading{
  color: var(--ad-primary-2);
}
.heading-meta{
  color: var(--ad-ink);
}

/* =========================
   BOUTONS (CTA)
   ========================= */
.btn-contact,
input[type="submit"],
input[type="reset"],
input[type="button"]{
  background: var(--ad-primary-2);
}
.btn-contact:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover{
  background: var(--ad-primary);
}

/* =========================
   SLIDER DOTS / NAV
   ========================= */
#betty-hero .flexslider .flex-control-nav li a.flex-active{
  border: 2px solid var(--ad-primary-2); /* remplace #e52e71 :contentReference[oaicite:4]{index=4} */
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span{
  background: var(--ad-primary-2);
}

/* =========================
   ICONS / BORDERS
   ========================= */
.betty-contact-info2 .icon{
  color: var(--ad-primary-2);
}
.team .info span{
  color: var(--ad-primary-2);
}
.team .info .social a{
  border: 1px solid var(--ad-primary-2);
  color: var(--ad-primary-2);
}
.team .info .social a:hover{
  background-color: var(--ad-primary-2);
  border-color: var(--ad-primary-2);
}

/* Makeup cards hover border (remplace #e52e71) :contentReference[oaicite:5]{index=5} */
.betty-makeup-container:hover{
  border-bottom: 3px solid var(--ad-primary-2);
}
.betty-makeup-img-area{
  color: var(--ad-primary-2);
}

/* Services price separators */
.services-price-info .title{
  color: var(--ad-primary-2);
  border-bottom: 1px dashed var(--ad-primary-2);
}
.services-price-info .title .price{
  color: var(--ad-primary-2);
}

/* Testimonials */
.testimonials .section-head h4{
  color: var(--ad-primary-2);
}
.testimonials .item-box .info i{
  color: var(--ad-primary-2);
}

/* =========================
   BACKGROUNDS SOFT
   ========================= */
.betty-makeup,
.betty-team,
.betty-home-blog{
  background-color: var(--ad-bg-soft);
}

/* =========================
   FOOTER
   ========================= */
#betty-footer2{
  /* remplace le footer rose :contentReference[oaicite:6]{index=6} */
  background: var(--ad-primary-2);
}

/* =========================
   MOBILE NAV BUTTON
   ========================= */
.betty-nav-toggle{
  background: var(--ad-primary-2);
}
.betty-nav-toggle:hover{
  background: var(--ad-primary);
}

/* =========================
   FORM / ALERT BORDER
   ========================= */
.alert-success{
  border: 1px solid var(--ad-primary-2); /* remplace #e52e71 :contentReference[oaicite:7]{index=7} */
}

/* (Optionnel) carte texte du slider : un peu plus premium */
#betty-hero .flexslider .slider-text > .slider-text-inner .desc{
  border-radius: 12px;
  box-shadow: 0 20px 60px rgba(0,0,0,.08);
}


