/* Charte graphique Alain Kouassi Kouadio - Plaquiste */
/* Palette : Brun chaud #3C2A1E · Ambre #C9965A · Crème #F8F3EC · Blanc #FFF */

/* ===================== VARIABLES ===================== */
:root {
  --btn-text-color: #fff;
  --primary-color: #3c2a1e;
  --primary-color-dark: rgb(57, 40, 27);
  --secondary-color: #c9965a;
  --text-color: #3a2e26;
  --white-color: #ffffff;

  /* Override variables du thème */
  --elton-dark: #1a110a;
  --elton-secondary: #3a2e26;
  --elton-Silver: #c9b9a8;
  --elton-Silver-two: #c9b9a8;
  --elton-Gainsboro: #ece5d8;
  --elton-Orange: #c9965a;
  --elton-primary: #3c2a1e;
  --elton-primary-two: #4d3828;
  --elton-primarylight: #f7eee3;
  --elton-light: #ffffff;
  --elton-LightGray: #d8cfc4;
  --elton-bg-dark: #543a29;
  --elton-bg-SlateGray: #f8f3ec;
  --elton-bg-darkslategray: #3c2a1e;
  --elton-bg-lightgray: #f1e9dc;
  --elton-bg-Silver: #f1e9dc;
  --elton-bg-Silver-two: #f1e9dc;
  --elton-border-darkgray: #3c2a1e;
  --elton-border-LightGray: #d8cfc4;
}

/* ===================== BOUTONS ===================== */
.thm-btn,
.main-btn {
  background-color: var(--secondary-color) !important;
  color: var(--btn-text-color) !important;
  border-color: var(--secondary-color) !important;
}

.thm-btn:hover,
.main-btn:hover {
  background-color: var(--primary-color) !important;
  color: var(--btn-text-color) !important;
  border-color: var(--primary-color) !important;
}

/* ===================== SECTION TITLE ICON ===================== */
.section-title-icon span,
.section-title-icon i {
  color: var(--secondary-color) !important;
  font-size: 36px;
}

.ph.ph-hard-hat:before {
  color: var(--secondary-color) !important;
}

/* Icône dans le sous-titre du banner */
.banner-one-subtitle i {
  font-size: 18px;
  vertical-align: middle;
  margin-right: 6px;
}

/* Icônes dans le promo ticker */
.promo-one-single i {
  font-size: 20px;
  vertical-align: middle;
  margin-right: 6px;
}

.promo-one .ph {
  color: var(--secondary-color) !important;
}

/* ===================== HEADER ===================== */
header.main-header {
  background-color: var(--white-color) !important;
  box-shadow: 0 2px 12px rgba(60, 42, 30, 0.08) !important;
}

/* Suppression des shapes du header */
.main-header-top-wrapper {
  display: none !important;
}

.main-menu-list li a:hover {
  color: var(--secondary-color) !important;
}

/* ===================== BANNER ===================== */
.banner-one-bg {
  background: url('../images/customs/sasun-bughdaryan-Re1O5byZ8bY-unsplash.jpg')
    no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
}

.banner-one-bg-shape {
  background: linear-gradient(
    278deg,
    rgba(60, 42, 30, 0.73) 35%,
    rgba(60, 42, 30, 0.3) 100%
  ) !important;
  opacity: 1 !important;
}

/* ===================== ABOUT ===================== */

.about-one-shape-2,
.about-one-shape-3,
.testimonial-one-shape-2 {
  display: none !important;
}

.about-one-icon i {
  font-size: 52px;
  color: var(--secondary-color) !important;
  display: block;
}

/* Icônes phosphor dans les cartes about */
.about-one-single-icon i {
  font-size: 44px;
  color: var(--secondary-color) !important;
  display: block;
}

/* ===================== SERVICES ===================== */
.services-one {
  background: var(--elton-bg-SlateGray) !important;
}

.services-one-single-icon i,
.services-one-single-icon span {
  color: var(--secondary-color) !important;
}

.services-one-single-btn a {
  background-color: var(--secondary-color) !important;
  color: #fff !important;
  border-color: var(--secondary-color) !important;
}

.services-one-single-btn a:hover {
  background-color: var(--primary-color) !important;
  color: #fff !important;
  border-color: var(--primary-color) !important;
}

/* Hauteur uniforme des cartes carousel */
.services-one-slider .owl-item {
  display: flex;
  height: auto;
}

.services-one-slider .services-one-single-box {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 450px;
}

.services-one-single-text {
  flex-grow: 1;
}

/* ===================== PROMO TICKER ===================== */
.promo-one {
  background: var(--primary-color) !important;
}

/* ===================== TESTIMONIALS ===================== */
.testimonial-one {
  background: #ffffff !important;
}

.testimonial-one .section-title-title h2 {
  color: var(--primary-color) !important;
}

/* ===================== WHY CHOOSE ===================== */
.why-choose-two-bg {
  background: url('../images/customs/Drywall\ Installer\ Photo\ \(1\).jpg')
    no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
}

/* Icônes phosphor dans les badges why-choose */
.why-choose-two-bottom-content i {
  font-size: 38px;
  color: var(--secondary-color) !important;
  display: block;
  margin-bottom: 10px;
}

.why-choose-two-bottom-content span {
  color: var(--secondary-color) !important;
}

/* ===================== CONTACT ===================== */
.contact-page {
  background: var(--elton-bg-SlateGray) !important;
}

.google-map-embed iframe {
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(60, 42, 30, 0.12);
}

.contact-page-contact-details p {
  line-height: 1.6;
}

/* ===================== GALERIE ===================== */
.gallery-section {
  background: #ffffff !important;
}

/* ===================== FOOTER ===================== */
.footer-one {
  background-color: var(--primary-color) !important;
}

/* ===================== LIENS ===================== */
a {
  color: var(--secondary-color);
}

a:hover {
  color: var(--primary-color);
}

/* ===================== SCROLL ===================== */
html {
  scroll-behavior: smooth;
}