/* Ramana's v1.2.1 — Elementor visual stability layer.
   Intentionally scoped so Elementor remains fully editable without inheriting the default blue kit. */
:root{--green:#425b18;--green-dark:#293b0e;--sage:#eef1df;--cream:#fbf7ed;--paper:#fffdf8;--gold:#c99745;--gold-soft:#e7c684;--ink:#25310f;--muted:#69705b;--line:#dcdcc9;--shadow:0 20px 55px rgba(50,58,28,.12)}

/* Keep the approved typography/colors even when Elementor's active Kit loads after the theme. */
body.ramanas-elementor-built .ramanas-elementor-content .elementor-heading-title,
.ramanas-elementor-header .elementor-heading-title,
.ramanas-elementor-footer .elementor-heading-title,
.ramanas-elementor-woo .elementor-heading-title{
  color:var(--ink)!important;
  font-family:"Playfair Display",Georgia,serif!important;
  line-height:1.12!important;
  font-weight:600!important;
}
body.ramanas-elementor-built .ramanas-elementor-content .elementor-widget-text-editor,
body.ramanas-elementor-built .ramanas-elementor-content .elementor-widget-text-editor p,
.ramanas-elementor-header .elementor-widget-text-editor,
.ramanas-elementor-footer .elementor-widget-text-editor,
.ramanas-elementor-woo .elementor-widget-text-editor{
  font-family:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif!important;
  color:var(--muted)!important;
}
body.ramanas-elementor-built .ramanas-elementor-content a:not(.elementor-button),
.ramanas-elementor-header a:not(.elementor-button),
.ramanas-elementor-footer a:not(.elementor-button){color:inherit}

/* Elementor default boxed width is 1140px. The approved layout is deliberately wider. */
.ramanas-elementor-content .elementor-section.elementor-section-boxed>.elementor-container,
.ramanas-elementor-header .elementor-section.elementor-section-boxed>.elementor-container,
.ramanas-elementor-footer .elementor-section.elementor-section-boxed>.elementor-container,
.ramanas-elementor-woo .elementor-section.elementor-section-boxed>.elementor-container{
  max-width:1440px!important;
  width:100%!important;
}

/* Admin toolbar must not cover the editable sticky header. */
body.admin-bar .ramanas-elementor-header{top:32px!important}

/* Header */
.ramanas-elementor-header .r-el-topbar{background:var(--green-dark)!important;color:#fff!important}
.ramanas-elementor-header .r-el-topbar p{color:#fff!important}
.ramanas-elementor-header .r-el-main-header{background:#fffdf8!important}
.ramanas-elementor-header .r-el-logo{display:inline-flex!important;align-items:center!important}
.ramanas-elementor-header .r-el-logo img{width:auto!important;max-width:185px!important;max-height:66px!important;height:auto!important;object-fit:contain!important}
.ramanas-elementor-header .r-el-menu a{color:var(--ink)!important;font-family:"DM Sans",sans-serif!important}
.ramanas-elementor-header .r-el-header-actions a{color:var(--ink)!important}

/* Hero */
.ramanas-elementor-content .r-el-home-hero{background:linear-gradient(115deg,var(--cream) 0%,#f7f2e5 52%,#eef1dc 100%)!important}
.ramanas-elementor-content .r-el-hero-title .elementor-heading-title{color:var(--ink)!important;font-size:clamp(50px,5.7vw,86px)!important;letter-spacing:-.035em!important}
.ramanas-elementor-content .r-el-hero-title em{color:var(--green)!important}
.ramanas-elementor-content .r-el-hero-copy .elementor-widget-button{display:inline-block!important;width:auto!important;margin-right:10px!important;vertical-align:middle!important}
.ramanas-elementor-content .r-el-primary-btn .elementor-button{background:var(--green)!important;color:#fff!important;border-color:var(--green)!important}
.ramanas-elementor-content .r-el-secondary-btn .elementor-button,
.ramanas-elementor-content .r-el-outline-btn .elementor-button{background:transparent!important;color:var(--green)!important;border:1px solid var(--green)!important}
.ramanas-elementor-content .hero-carousel{max-width:610px;margin-inline:auto}

/* Trust strip */
.ramanas-elementor-content .r-el-trust-strip{background:#fff!important}
.ramanas-elementor-content .r-el-trust-item .elementor-heading-title{color:var(--ink)!important;font-family:"DM Sans",sans-serif!important;font-size:14px!important;font-weight:700!important}
.ramanas-elementor-content .r-el-trust-icon{color:var(--gold)!important}

/* Wellness cards */
.ramanas-elementor-content .r-el-wellness-grid{background:#fff!important}
.ramanas-elementor-content .r-el-wellness-card>.elementor-widget-wrap,
.ramanas-elementor-content .r-el-wellness-card>.elementor-element-populated{
  background:var(--cream)!important;
  border:1px solid #eee6d7!important;
  border-radius:28px!important;
  padding:28px!important;
  min-height:300px!important;
  align-content:flex-start!important;
}
.ramanas-elementor-content .r-el-wellness-card .elementor-heading-title{color:var(--ink)!important;font-size:27px!important}
.ramanas-elementor-content .r-el-wellness-icon{background:#fff!important;color:var(--green)!important}
.ramanas-elementor-content .r-el-card-link .elementor-button{background:transparent!important;color:var(--green)!important;padding:0!important}

/* Generic section headings */
.ramanas-elementor-content .r-el-section-head .elementor-heading-title,
.ramanas-elementor-content .r-el-products-head .elementor-heading-title{color:var(--ink)!important}
.ramanas-elementor-content .eyebrow{color:var(--gold)!important;font-family:"DM Sans",sans-serif!important}

/* Products and feature cards */
.ramanas-elementor-content .r-el-products-head,
.ramanas-elementor-content .r-el-products-section{background:var(--sage)!important}
.ramanas-elementor-content .r-el-feature-card>.elementor-widget-wrap,
.ramanas-elementor-content .r-el-feature-card>.elementor-element-populated,
.ramanas-elementor-content .r-el-ingredient-card>.elementor-widget-wrap,
.ramanas-elementor-content .r-el-ingredient-card>.elementor-element-populated,
.ramanas-elementor-content .r-el-testimonial>.elementor-widget-wrap,
.ramanas-elementor-content .r-el-testimonial>.elementor-element-populated{
  background:#fff!important;
}
.ramanas-elementor-content .r-el-feature-card .elementor-heading-title,
.ramanas-elementor-content .r-el-ingredient-card .elementor-heading-title{color:var(--ink)!important}

/* Story / why / ritual */
.ramanas-elementor-content .r-el-story-section{background:var(--paper)!important}
.ramanas-elementor-content .r-el-story-copy .elementor-heading-title{color:var(--ink)!important}
.ramanas-elementor-content .r-el-why-grid{background:#f6f2e7!important}
.ramanas-elementor-content .r-el-why-card .elementor-heading-title{color:var(--ink)!important}
.ramanas-elementor-content .r-el-ritual-section{background:#fff!important}
.ramanas-elementor-content .r-el-ritual-section .elementor-heading-title{color:var(--ink)!important}

/* Spotlight intentionally reverses colors. */
.ramanas-elementor-content .r-el-spotlight{background:var(--green-dark)!important}
.ramanas-elementor-content .r-el-spotlight .elementor-heading-title,
.ramanas-elementor-content .r-el-spotlight .elementor-widget-text-editor,
.ramanas-elementor-content .r-el-spotlight .elementor-widget-text-editor p{color:#fff!important}
.ramanas-elementor-content .r-el-spotlight .eyebrow{color:var(--gold-soft)!important}

/* Newsletter / footer */
.ramanas-elementor-content .r-el-newsletter{background:linear-gradient(130deg,#edf0db,#f5eedc)!important}
.ramanas-elementor-content .r-el-newsletter .elementor-heading-title{color:var(--ink)!important}
.ramanas-elementor-footer .r-el-footer-main{background:#f4f0e4!important}
.ramanas-elementor-footer .r-el-footer-main .elementor-heading-title{color:var(--gold)!important;font-family:"DM Sans",sans-serif!important}
.ramanas-elementor-footer .r-el-footer-bottom{background:#eee9da!important}

/* WooCommerce Elementor pages */
.ramanas-elementor-woo .r-el-internal-hero,
.ramanas-elementor-content .r-el-internal-hero{background:linear-gradient(120deg,var(--cream),#edf0df)!important}
.ramanas-elementor-woo .r-el-internal-hero .elementor-heading-title,
.ramanas-elementor-content .r-el-internal-hero .elementor-heading-title{color:var(--ink)!important}
.ramanas-elementor-woo .woocommerce a.button,
.ramanas-elementor-woo .woocommerce button.button,
.ramanas-elementor-woo .woocommerce input.button,
.ramanas-elementor-content .woocommerce a.button,
.ramanas-elementor-content .woocommerce button.button,
.ramanas-elementor-content .woocommerce input.button{background:var(--green)!important;color:#fff!important;border-radius:999px!important}

/* Editor canvas: avoid reveal/animation hiding blocks while editing. */
.elementor-editor-active .ramanas-elementor-content .reveal,
.elementor-editor-active .ramanas-elementor-header .reveal,
.elementor-editor-active .ramanas-elementor-footer .reveal{opacity:1!important;transform:none!important}

@media(max-width:1024px){
  .ramanas-elementor-content .elementor-section.elementor-section-boxed>.elementor-container,
  .ramanas-elementor-header .elementor-section.elementor-section-boxed>.elementor-container,
  .ramanas-elementor-footer .elementor-section.elementor-section-boxed>.elementor-container{max-width:100%!important}
}
@media(max-width:782px){body.admin-bar .ramanas-elementor-header{top:46px!important}}
@media(max-width:767px){
  .ramanas-elementor-content .r-el-hero-copy .elementor-widget-button{display:block!important;margin:0 0 10px!important;width:100%!important}
  .ramanas-elementor-content .r-el-hero-copy .elementor-widget-button .elementor-button{width:100%!important}
  .ramanas-elementor-header .r-el-logo img{max-width:150px!important;max-height:56px!important}
}