/**
 * Light theme – applied when html has data-theme="light"
 */

/* Design system overrides */
html[data-theme="light"] {
  --primary-color: #f0ece5;
  --higer-secondary-color: #101720;
  --white-color: #2c2820;
}

/* Body and layout – use bg-alt as main background in light theme */
html[data-theme="light"] body {
  background:  url(../images/background/bg-alt.jpg) center top repeat;
  background-size: cover;
  background-attachment: fixed;
}

/* Section alt: use bg-alt.jpg in light theme */
html[data-theme="light"] .section-alt {
  background-image: url(../images/bg-alt.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/* Banner/slider: overlay on each slide (over image, under text) in light theme */
html[data-theme="light"] .banner-section.style-one .slide-item::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #f0ece5;
  opacity: 0.3;
  z-index: 1;
  pointer-events: none;
}

/* Header lower: no background in light theme; sticky header keeps background when scrolled */
html[data-theme="light"] .main-header .header-lower {
  background: transparent;
}
html[data-theme="light"] .main-header .sticky-header {
  background: var(--primary-color);
}

/* Video section overlay: no background in light theme */
html[data-theme="light"] .video__section__bg:before {
  background: transparent;
}

/* Video section: white text in light theme */
html[data-theme="light"] .video__section__bg,
html[data-theme="light"] .video__section__bg .right__tab__section,
html[data-theme="light"] .video__section__bg .main____title h1,
html[data-theme="light"] .video__section__bg .main____title h2,
html[data-theme="light"] .video__section__bg .sub____title,
html[data-theme="light"] .video__section__bg .body__four,
html[data-theme="light"] .video__section__bg .body__one,
html[data-theme="light"] .video__section__bg .right__tab__section h1,
html[data-theme="light"] .video__section__bg .right__tab__section h2,
html[data-theme="light"] .video__section__bg .right__tab__section h3,
html[data-theme="light"] .video__section__bg .right__tab__section h4,
html[data-theme="light"] .video__section__bg .right__tab__section p,
html[data-theme="light"] .video__section__bg .right__tab__section a {
  color: #fff;
}

/* Homepage right__tab__section.p_relative: dark text in light theme */
html[data-theme="light"] .right__tab__section.p_relative,
html[data-theme="light"] .right__tab__section.p_relative .main____title h1,
html[data-theme="light"] .right__tab__section.p_relative .main____title h2,
html[data-theme="light"] .right__tab__section.p_relative .sub____title,
html[data-theme="light"] .right__tab__section.p_relative .body__four,
html[data-theme="light"] .right__tab__section.p_relative .body__one,
html[data-theme="light"] .right__tab__section.p_relative h1,
html[data-theme="light"] .right__tab__section.p_relative h2,
html[data-theme="light"] .right__tab__section.p_relative h3,
html[data-theme="light"] .right__tab__section.p_relative h4,
html[data-theme="light"] .right__tab__section.p_relative p,
html[data-theme="light"] .right__tab__section.p_relative a {
  color: #2c2820;
}

/* Border styling in light theme */
html[data-theme="light"] .body___border .border__top,
html[data-theme="light"] .body___border .border__left,
html[data-theme="light"] .border__right,
html[data-theme="light"] .body___border .border__bottom {
  border-color: #d4cfc4;
}

/* Placeholder text for light background */
html[data-theme="light"] ::-webkit-input-placeholder {
  color: #5c5346;
}
html[data-theme="light"] ::-moz-placeholder {
  color: #5c5346;
}
html[data-theme="light"] :-ms-input-placeholder {
  color: #5c5346;
}
html[data-theme="light"] :-moz-placeholder {
  color: #5c5346;
}

/* Food block bottom: dark h4 in light theme */
html[data-theme="light"] .food__block__bottom h4 a {
  color: #2c2820;
}

/* Food left content: circle overlay and img__block border in light theme */
html[data-theme="light"] .food__left__content .food___img___block:before {
  background: #a71929;

}
html[data-theme="light"] .food__left__content .img__block {
  border-color: #c1afa4;
}

/* Breadcrumb / page-title: use bc-light.jpg and light beige overlay in light theme */
html[data-theme="light"] .page-title .parallax-bg,
html[data-theme="light"] .page-title .bg-layer.parallax-bg {
  background-image: url(../images/background/bc-light.jpg) !important;
}
html[data-theme="light"] .page-title:before {
  background: transparent;
}

/* Theme toggle link in nav – same style as other nav links */
.theme-toggle-link {
  cursor: pointer;
}
.theme-toggle-link:hover {
  color: var(--theme-color);
}