/**
 * Organic Secrets — natural cosmetics color theme
 */
:root {
  --os-cream: #f6f1e8;
  --os-cream-dark: #efe9df;
  --os-white: #fffdf9;
  --os-forest: #2f4535;
  --os-forest-deep: #243528;
  --os-heading: #2d3b2f;
  --os-text: #4a4035;
  --os-text-muted: #6b6258;
  --os-sage: #5b8c6a;
  --os-sage-dark: #4a7356;
  --os-sage-light: #7aa88a;
  --os-gold: #b8956f;
  --os-gold-light: #d4bc9a;
}

body {
  background-color: var(--os-cream);
  color: var(--os-text);
}

h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
  color: var(--os-heading);
}

a {
  color: var(--os-sage);
}

a:hover, a:focus {
  color: var(--os-sage-dark);
}

.text-primary {
  color: var(--os-sage) !important;
}

/* Top bar & footer */
.bg-black,
.ftco-footer,
.ftco-navbar-light .nav-item .dropdown-menu {
  background: var(--os-forest) !important;
}

.ftco-footer {
  color: rgba(255, 253, 249, 0.88);
}

.ftco-footer a {
  color: rgba(255, 253, 249, 0.9);
}

.ftco-footer a:hover {
  color: var(--os-gold-light);
}

.ftco-footer-widget h2,
.ftco-footer-widget h2 a {
  color: var(--os-white) !important;
}

.ftco-footer-social li a {
  background: var(--os-sage) !important;
}

.ftco-footer-social li a:hover {
  background: var(--os-gold) !important;
}

/* Primary surfaces & buttons */
.bg-primary,
.btn-primary,
.thead-primary,
.block-27 .active span {
  background-color: var(--os-sage) !important;
  border-color: var(--os-sage) !important;
}

.product .text .pricing .price span {
  color: var(--os-sage-dark);
}

.btn-primary {
  color: var(--os-white) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--os-sage-dark) !important;
  border-color: var(--os-sage-dark) !important;
  color: var(--os-white) !important;
}

.btn-black {
  background-color: var(--os-forest) !important;
  border-color: var(--os-forest) !important;
  color: var(--os-white) !important;
}

.btn-black:hover {
  background-color: var(--os-sage) !important;
  border-color: var(--os-sage) !important;
}

.btn-custom {
  background: var(--os-sage) !important;
  border-color: var(--os-sage) !important;
}

.btn-custom:hover {
  background: var(--os-sage-dark) !important;
}

/* Light section backgrounds */
.bg-light,
.ftco-section.bg-light,
.contact-section.bg-light {
  background-color: var(--os-cream-dark) !important;
}

/* Navbar — inner pages (dark bar) */
.ftco_navbar.bg-dark,
.navbar-dark.ftco_navbar {
  background: var(--os-forest) !important;
}

.ftco-navbar-light.scrolled {
  background: var(--os-white) !important;
  box-shadow: 0 2px 20px rgba(47, 69, 53, 0.08);
}

.ftco-navbar-light.scrolled .nav-link {
  color: var(--os-heading) !important;
}

.ftco-navbar-light.scrolled .nav-item.active > a,
.ftco-navbar-light.scrolled .nav-link.active {
  color: var(--os-sage) !important;
}

.ftco-navbar-light.scrolled .nav-item.cta > a {
  background: var(--os-sage) !important;
  color: var(--os-white) !important;
}

.ftco-navbar-light.scrolled .nav-item.cta > a span {
  color: var(--os-white) !important;
}

/* Home hero slider — translucent text panel */
.owl-carousel.home-slider .slider-item .slider-text .one-third .overlay {
  background: linear-gradient(135deg, rgba(47, 69, 53, 0.35) 0%, rgba(91, 140, 106, 0.2) 100%) !important;
}

.owl-carousel.home-slider .slider-item .slider-text .text {
  background: rgba(47, 69, 53, 0.78);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding: 2rem 2.25rem;
  border-radius: 14px;
  border: 1px solid rgba(255, 253, 249, 0.18);
  box-shadow: 0 12px 40px rgba(36, 53, 40, 0.25);
  max-width: 560px;
}

.owl-carousel.home-slider .slider-item .slider-text .subheading {
  color: var(--os-gold-light) !important;
  background: rgba(91, 140, 106, 0.45) !important;
  padding: 4px 10px;
  border-radius: 4px;
}

.owl-carousel.home-slider .slider-item .slider-text .horizontal h1,
.owl-carousel.home-slider .slider-item .slider-text h1 {
  color: var(--os-white) !important;
  text-shadow: 0 1px 2px rgba(36, 53, 40, 0.3);
}

.owl-carousel.home-slider .slider-item .slider-text .horizontal p,
.owl-carousel.home-slider .slider-item .slider-text p {
  color: rgba(255, 253, 249, 0.92) !important;
}

.owl-carousel.home-slider .slider-item .slider-text .btn-custom {
  background: var(--os-sage) !important;
  border-radius: 30px;
  box-shadow: 0 4px 14px rgba(36, 53, 40, 0.2);
}

.owl-carousel.home-slider .slider-item .slider-text .btn-custom:hover {
  background: var(--os-sage-dark) !important;
}

@media (max-width: 991.98px) {
  .owl-carousel.home-slider .slider-item .slider-text .text {
    margin: 0 auto;
    max-width: 90%;
    padding: 1.5rem 1.75rem;
  }
}

/* Inner page hero banners (Shop, About, Blog, etc.) */
.hero-wrap.hero-bread {
  position: relative;
  background-position: center center;
  background-size: cover;
}

.hero-wrap.hero-bread::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(47, 69, 53, 0.55) 0%,
    rgba(47, 69, 53, 0.72) 100%
  );
  z-index: 0;
}

.hero-wrap.hero-bread .container {
  position: relative;
  z-index: 1;
}

.hero-wrap.hero-bread .slider-text .col-md-9 {
  background: rgba(47, 69, 53, 0.8);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding: 2.25rem 3rem;
  border-radius: 14px;
  border: 1px solid rgba(255, 253, 249, 0.18);
  box-shadow: 0 12px 40px rgba(36, 53, 40, 0.3);
  display: inline-block;
  max-width: 100%;
}

.hero-wrap.hero-bread .slider-text .bread {
  color: var(--os-white) !important;
  text-shadow: 0 1px 3px rgba(36, 53, 40, 0.35);
}

.hero-wrap.hero-bread .slider-text .breadcrumbs {
  margin-bottom: 0.75rem;
}

.hero-wrap.hero-bread .slider-text .breadcrumbs span {
  color: rgba(255, 253, 249, 0.88) !important;
}

.hero-wrap.hero-bread .slider-text .breadcrumbs span a {
  color: var(--os-gold-light) !important;
}

.hero-wrap.hero-bread .slider-text .breadcrumbs span a:hover {
  color: var(--os-white) !important;
}

.hero-wrap .slider-text .bread {
  color: var(--os-white) !important;
}

.hero-wrap .slider-text .breadcrumbs span {
  color: rgba(255, 253, 249, 0.88) !important;
}

.hero-wrap .slider-text .breadcrumbs span a {
  color: var(--os-gold-light) !important;
}

/* Deal / promo band */
.ftco-deal.bg-primary {
  background: linear-gradient(135deg, var(--os-forest) 0%, var(--os-sage-dark) 100%) !important;
}

/* Product cards */
.product {
  background: var(--os-white);
  border: 1px solid rgba(91, 140, 106, 0.12);
}

.product .text .cat span {
  color: var(--os-sage-dark);
}

.product .text h3 a {
  color: var(--os-heading);
}

.product .text h3 a:hover {
  color: var(--os-sage);
}

.product .icon span {
  color: var(--os-sage);
}

/* Services icons on home */
.ftco-services .services .icon span {
  color: var(--os-sage);
}

/* Forms */
.form-control:focus {
  border-color: var(--os-sage-light);
  box-shadow: 0 0 0 0.2rem rgba(91, 140, 106, 0.2);
}

/* Cart table header */
.table thead.thead-primary th {
  color: var(--os-white);
}

/* Loader spinner */
#ftco-loader .path {
  stroke: var(--os-sage) !important;
}

#ftco-loader .path-bg {
  stroke: var(--os-cream-dark) !important;
}

/* Blog & sidebar */
.sidebar-box,
.info.bg-white,
.contact-form.bg-white {
  background: var(--os-white) !important;
}

.block-27 a:hover,
.block-27 .active span {
  background: var(--os-sage);
  color: var(--os-white);
}

/* Subheadings in promo blocks */
.ftco-choose .text .subheading {
  color: var(--os-gold) !important;
}

.ftco-choose .text.text-white .subheading {
  color: var(--os-gold-light) !important;
}

/* Price accents */
.price-sale,
.product .price span {
  color: var(--os-sage-dark);
}

/* Testimonial quote */
.testimony-wrap .quote {
  background: var(--os-sage);
}

/* Breadcrumb on hero pages — covered by hero-bread panel rules above */

/* Navbar brand — theme colors on white / scrolled bar */
.ftco-navbar-light .navbar-brand,
.ftco-navbar-light .navbar-brand:hover,
.ftco-navbar-light .navbar-brand:focus {
  color: var(--os-forest) !important;
  font-weight: 800;
  letter-spacing: 0.02em;
}

.ftco-navbar-light.scrolled .navbar-brand,
.ftco-navbar-light.scrolled .navbar-brand:hover,
.ftco-navbar-light.scrolled .navbar-brand:focus,
.ftco-navbar-light.ftco-navbar-light-2 .navbar-brand,
.ftco-navbar-light.ftco-navbar-light-2 .navbar-brand:hover,
.ftco-navbar-light.ftco-navbar-light-2 .navbar-brand:focus {
  color: var(--os-sage-dark) !important;
}

.ftco-navbar-light.scrolled .nav-link {
  color: var(--os-heading) !important;
}

.ftco-navbar-light.scrolled .nav-item.active > .nav-link,
.ftco-navbar-light.scrolled .nav-link.active {
  color: var(--os-sage) !important;
}

/* Mobile nav */
@media (max-width: 991.98px) {
  .ftco-navbar-light {
    background: var(--os-forest) !important;
  }

  .ftco-navbar-light .navbar-brand,
  .ftco-navbar-light .navbar-brand:hover,
  .ftco-navbar-light .navbar-brand:focus {
    color: var(--os-white) !important;
  }
}
