/**
 * Aux Délices Lorraines — CSS overrides for the basilico-coffee base theme.
 * Loaded after basilico-coffee stylesheets via siteSettings.layout.demoStylesheet.
 */

/* Brand colour tokens — matches basilico-coffee warm gold + dark brown palette */
:root {
  --base-color: #C3A27C;
  --ad-brand-primary: #C3A27C;
  --ad-brand-dark: #2D2723;
  --ad-brand-cream: #fdf7ee;
}

/* Dark mode overrides (mandatory for every demo) */
html[data-theme='dark'] {
  --base-color: #D4B896;
}

html[data-theme='dark'] body:has(.theme-basilico.theme-basilico-coffee) {
  background-color: #1a1512 !important;
  color: #e5e5e5 !important;
}

html[data-theme='dark'] body:has(.theme-basilico.theme-basilico-coffee) section,
html[data-theme='dark'] body:has(.theme-basilico.theme-basilico-coffee) .wg-about,
html[data-theme='dark'] body:has(.theme-basilico.theme-basilico-coffee) .wg-service,
html[data-theme='dark'] body:has(.theme-basilico.theme-basilico-coffee) .wg-menu,
html[data-theme='dark'] body:has(.theme-basilico.theme-basilico-coffee) .wg-testimonial {
  background-color: #1a1512 !important;
  color: #e5e5e5 !important;
}

html[data-theme='dark'] body:has(.theme-basilico.theme-basilico-coffee) h1,
html[data-theme='dark'] body:has(.theme-basilico.theme-basilico-coffee) h2,
html[data-theme='dark'] body:has(.theme-basilico.theme-basilico-coffee) h3,
html[data-theme='dark'] body:has(.theme-basilico.theme-basilico-coffee) h4,
html[data-theme='dark'] body:has(.theme-basilico.theme-basilico-coffee) h5,
html[data-theme='dark'] body:has(.theme-basilico.theme-basilico-coffee) h6 {
  color: #ffffff !important;
}

html[data-theme='dark'] body:has(.theme-basilico.theme-basilico-coffee) input,
html[data-theme='dark'] body:has(.theme-basilico.theme-basilico-coffee) textarea {
  background-color: #2D2723 !important;
  color: #e5e5e5 !important;
  border-color: #3d342d !important;
}

.header-top{display: none;}

/* ── Header social icons (Facebook / Instagram) ─────────────────────── */
.coffee-social-topbar {
  width: 100%;
  padding: 10px 0;
  background: transparent;
}
.coffee-social-topbar .themesflat-container {
  display: flex;
  justify-content: flex-end;
  width: 1320px;;
}
.coffee-social-topbar .header-social-links {
  display: inline-flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
}
.header-social-links {
  display: inline-flex;
  gap: 1rem;
  align-items: center;
}
.header-social-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 9999px;
  background: #f4e7d3;
  color: #2d2723;
  text-decoration: none;
  transition: transform 0.2s, background 0.2s, color 0.2s;
}
.header-social-links a:hover {
  background: #c3a27c;
  color: #fff;
  transform: translateY(-1px);
}
.header-social-links .visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.header-social-links i[class^="icon-"],
.header-social-links i[class*=" icon-"] {
  font-size: 18px;
  line-height: 1;
}

#header_main{
  margin-top:10px;
}

/* ── Mobile nav logo — same cream circle as header / footer ──────── */
.inner-mobile-nav .main-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 120px;
  background-color: #FAF1E3;
  border-radius: 50%;
  margin: 0 auto 20px;
  padding: 0;
}
.inner-mobile-nav .main-logo img {
  max-width: 85%;
  height: auto;
}

/* ── Footer logo — same cream circle as the header logo ───────────── */
.theme-basilico-footer-coffee .logo-footer {
  width: 147px;
  height: 147px;
  background-color: #FAF1E3;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin-bottom: 20px;
}
.theme-basilico-footer-coffee .logo-footer a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.theme-basilico-footer-coffee .logo-footer img {
  max-width: 85%;
  height: auto;
}

/* ── Home hero — reduce excessive padding ──────────────────────────── */
.page-title-home .page-title {
  padding-top: 200px;
  padding-bottom: 240px;
}
@media (max-width: 991px) {
  .page-title-home .page-title {
    padding-top: 150px;
    padding-bottom: 100px;
  }
}

/* ── Latest news card — overlaps hero by 100px on the right ─────────── */
.basilico-latest-news-wrap {
  position: relative;
  z-index: 10;
  margin-top: -200px;
}
.basilico-latest-news-card {
  position: relative;
  margin-left: auto;
  margin-right: 0;
  max-width: 380px;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 25px 60px rgba(12, 6, 2, 0.18);
  overflow: hidden;
}
.dark .basilico-latest-news-card {
  background: #1c120d;
  color: #fff;
}
.basilico-latest-news-card__image {
  position: relative;
  min-height: 220px;
}
.basilico-latest-news-card__image img {
  display: block;
  width: 100%;
  height: 220px;
  object-fit: cover;
}
.basilico-latest-news-card__image::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.65) 100%);
  pointer-events: none;
}
.basilico-latest-news-card__image .basilico-latest-news-card__title {
  position: absolute;
  left: 0;
  right: 0;
  top: 1.5rem;
  z-index: 2;
  color: #ffffff !important;
  padding: 0 1.5rem;
  text-align: center;
  text-shadow: 0 2px 10px rgba(0,0,0,0.5);
  font-size: 2.5rem;

  line-height: 1.2;
  font-weight: 700;
  color: #1c120d;
  margin: 0 0 0.75rem;
}
.dark .basilico-latest-news-card__image .basilico-latest-news-card__title {
  color: #ffffff !important;
}
.basilico-latest-news-card__body {
  padding: 1.5rem 1.75rem;
}
.basilico-latest-news-card__eyebrow {
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 0.85rem;
  font-weight: 600;
  color: #b69267;
  margin-bottom: 0.5rem;
}

.dark .basilico-latest-news-card__title {
  color: #fff;
}
.basilico-latest-news-card__description {
  font-family: 'DM Sans', sans-serif;
  font-size: 1.35rem;
  line-height: 1.6;
  color: #5a4434;
  margin: 0 0 1.25rem;
}
.dark .basilico-latest-news-card__description {
  color: rgba(255, 255, 255, 0.75);
}
.basilico-latest-news-card__body {
  text-align: center;
}
.basilico-latest-news-card__cta {
  display: inline-flex;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .basilico-latest-news-card {
    margin-top: -40px;
    max-width: 100%;
  }
}

.theme-basilico-header-coffee .menu-primary-menu > li > a {
  font-size:1.8rem;
}


.wg-about .content{
  width:380px;
  padding: 53px 42px 60px 42px
}

.wg-about .content p,.stylep-about-follow p{
  font-family: 'DM Sans';
  margin-bottom:10px;
}

/* Our-history page — private-event sections show a single horizontal image
   on the left; hide the stacked fallback second image. */
.private-event {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.private-event .image .img-2 {
  display: none !important;
}
.private-event .image .img-1 {
  width: 100%;
  height: auto;
  aspect-ratio: auto;
}

.stylep-about-follow{
  margin-top:3rem;
}

#site-logo{
  padding:7px !important;
}

.banner-page.shop-page{
  background-image: url(/assets/clients/aux-delices-lorraines/images/patisserie-foret-noire.jpg);
}

.banner-page > .item-1,.banner-page > .item-2{
  display: none;
}