/* KSAR header — theme (divi-photography/inc/ksar-header.php) */
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600&display=swap");
:root {
  --ksar-header-offset: 124px;
  --ksar-header-menu-h: 70px;
  --ksar-header-promo-h: 54px;
}

html.et-fb {
  height: 100%;
  scrollbar-gutter: stable;
}

html:not(.et-fb) {
  height: 100%;
}

html,
body {
  min-height: 100%;
  background: #000;
}

body:not(.et-fb) {
  height: 100%;
  overflow: hidden !important;
}

body:not(.et-fb) header.et-l--header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: auto !important;
  z-index: 100000 !important;
  background: #000 !important;
  box-shadow: none !important;
}

body.admin-bar:not(.et-fb) header.et-l--header {
  top: 32px !important;
}

body:not(.et-fb) header.et-l--header .et_builder_inner_content {
  display: flex !important;
  flex-direction: column !important;
  background: #000 !important;
}

body:not(.et-fb) header.et-l--header .et_builder_inner_content > .et_pb_section:first-child {
  order: 2 !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: var(--ksar-header-promo-h);
  background: #ff0000 !important;
}

body:not(.et-fb) #main-header {
  order: 1 !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  width: 100% !important;
  min-height: var(--ksar-header-menu-h);
  height: var(--ksar-header-menu-h);
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: #000 !important;
  box-shadow: none !important;
  z-index: 2 !important;
}

body:not(.et-fb) #main-header .et_pb_row,
body:not(.et-fb) header.et-l--header .et_pb_section:first-child .et_pb_row {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body:not(.et-fb) #main-header .menu_conteneur {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-height: var(--ksar-header-menu-h);
  height: var(--ksar-header-menu-h);
  padding: 0 20px !important;
  background: #000 !important;
}

body:not(.et-fb) #main-header .et_pb_column,
body:not(.et-fb) #main-header .et_pb_menu,
body:not(.et-fb) #main-header .et_pb_menu_inner_container {
  margin: 0 !important;
}

body:not(.et-fb) #main-header .lwp-hide-mobile-menu {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  width: 100% !important;
}

body:not(.et-fb) #main-header .et_pb_menu,
body:not(.et-fb) #main-header .et_pb_menu_inner_container,
body:not(.et-fb) #main-header .et_pb_menu__wrap,
body:not(.et-fb) #main-header .et_pb_menu__menu,
body:not(.et-fb) #main-header .et-menu-nav {
  position: static !important;
  width: 100% !important;
}

body:not(.et-fb) #main-header .et_pb_menu__wrap {
  display: flex !important;
  justify-content: flex-end !important;
}

body:not(.et-fb) #main-header .et_pb_menu__menu {
  width: 0 !important;
  flex: 0 0 0 !important;
  overflow: visible !important;
}

body:not(.et-fb) #main-header .et-menu li {
  margin: 0 !important;
  padding: 0 !important;
}

body:not(.et-fb) #main-header .et-menu li > a {
  padding: 0 !important;
}

body:not(.et-fb) #main-header .menu-item-home {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 3 !important;
  width: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body:not(.et-fb) #main-header .et_pb_menu__wrap,
body:not(.et-fb) #main-header .et_pb_menu__menu,
body:not(.et-fb) #main-header .et-menu-nav,
body:not(.et-fb) #main-header .et-menu {
  align-items: center !important;
  min-height: var(--ksar-header-menu-h);
  height: var(--ksar-header-menu-h);
}

body:not(.et-fb) #main-header .et_pb_menu__logo-wrap,
body:not(.et-fb) #main-header .et_pb_menu__cart-button {
  display: flex !important;
  align-items: center !important;
}

body:not(.et-fb) #main-header .et_pb_menu__cart-button {
  display: flex !important;
  flex-direction: row-reverse !important;
  align-items: center !important;
  font-size: 21px !important;
  line-height: 1 !important;
}

body:not(.et-fb) #main-header .et_pb_menu__cart-button::after {
  font-size: 21px !important;
  line-height: 21px !important;
  margin-right: 10px !important;
}

body:not(.et-fb) #main-header .et_pb_menu__cart-count {
  background: transparent !important;
  color: #ad9568 !important;
  padding: 0 !important;
  margin-left: 0 !important;
  font-family: "Playfair Display", Didot, "Bodoni MT", "Libre Bodoni", Georgia, serif !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  letter-spacing: 0.02em !important;
}

/* Fallback immédiat avant JS : masque « Ksar Store » et affiche KSAR / FRANCE */
body:not(.et-fb) #main-header .menu-item-home > a:not([data-ksar-header-brand="1"]) {
  font-size: 0 !important;
  line-height: 0 !important;
  text-shadow: none !important;
  color: transparent !important;
  flex-direction: column !important;
}

body:not(.et-fb) #main-header .menu-item-home > a:not([data-ksar-header-brand="1"])::before,
body:not(.et-fb) #main-header .menu-item-home > a:not([data-ksar-header-brand="1"])::after {
  display: block;
  font-family: "Playfair Display", Didot, "Bodoni MT", "Libre Bodoni", Georgia, serif !important;
  color: #fff !important;
  text-shadow: none !important;
  line-height: 1 !important;
}

body:not(.et-fb) #main-header .menu-item-home > a:not([data-ksar-header-brand="1"])::before {
  content: "KSAR";
  font-size: clamp(22px, 2.8vw, 34px);
  font-weight: 500;
  letter-spacing: 0.24em;
  padding-left: 0.24em;
}

body:not(.et-fb) #main-header .menu-item-home > a:not([data-ksar-header-brand="1"])::after {
  content: "FRANCE";
  font-size: clamp(8px, 0.95vw, 11px);
  font-weight: 400;
  letter-spacing: 0.4em;
  padding-left: 0.4em;
  margin-top: 5px;
}

@media (max-width: 767px) {
  body:not(.et-fb) #main-header .menu-item-home > a:not([data-ksar-header-brand="1"])::before {
    font-size: clamp(18px, 5.2vw, 24px);
    letter-spacing: 0.2em;
    padding-left: 0.2em;
  }

  body:not(.et-fb) #main-header .menu-item-home > a:not([data-ksar-header-brand="1"])::after {
    font-size: clamp(7px, 2.2vw, 9px);
    letter-spacing: 0.34em;
    padding-left: 0.34em;
    margin-top: 4px;
  }
}

/* Nom header : KSAR / FRANCE (serif), remplace Ksar Store Chakra Petch */
body:not(.et-fb) #main-header .lwp-hide-mobile-menu a,
body:not(.et-fb) #main-header .et-menu .menu-item-home > a,
body:not(.et-fb) #main-header .current-menu-item > a {
  font-family: "Playfair Display", Didot, "Bodoni MT", "Libre Bodoni", Georgia, serif !important;
  text-shadow: none !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: auto !important;
}

body:not(.et-fb) #main-header .ksar-header-brand {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 1;
  color: #fff;
  pointer-events: none;
  vertical-align: middle;
}

body:not(.et-fb) #main-header .ksar-header-brand__ksar {
  font-family: inherit;
  font-size: clamp(22px, 2.8vw, 34px);
  font-weight: 500;
  letter-spacing: 0.24em;
  padding-left: 0.24em;
}

body:not(.et-fb) #main-header .ksar-header-brand__france {
  font-family: inherit;
  font-size: clamp(8px, 0.95vw, 11px);
  font-weight: 400;
  letter-spacing: 0.4em;
  padding-left: 0.4em;
  margin-top: 5px;
  opacity: 0.96;
}

@media (max-width: 767px) {
  body:not(.et-fb) #main-header .ksar-header-brand__ksar {
    font-size: clamp(18px, 5.2vw, 24px);
    letter-spacing: 0.2em;
    padding-left: 0.2em;
  }

  body:not(.et-fb) #main-header .ksar-header-brand__france {
    font-size: clamp(7px, 2.2vw, 9px);
    letter-spacing: 0.34em;
    padding-left: 0.34em;
    margin-top: 4px;
  }
}

@media (max-width: 980px) {
  :root {
    --ksar-header-offset: 104px;
    --ksar-header-menu-h: 56px;
    --ksar-header-promo-h: 48px;
  }

  body:not(.et-fb) #main-header .menu_conteneur {
    justify-content: center !important;
    padding: 0 14px !important;
  }
}

@media (max-width: 782px) {
  body.admin-bar:not(.et-fb) header.et-l--header {
    top: 46px !important;
  }
}