/* LMYC sitewide heritage touches — subtle warmth, less “modern SaaS” */

:root {
  --lmyc-heritage-gold: #b8924a;
  --lmyc-heritage-gold-soft: rgba(196, 163, 90, 0.5);
  --lmyc-heritage-ink: #2c2419;
  --lmyc-heritage-paper: #faf6ef;
  --lmyc-heritage-warm-shadow: rgba(48, 30, 16, 0.14);
  --lmyc-page-cream: #fffef4;
  --lmyc-page-cream-rgb: 255, 254, 244;
}

/* ── 1. Cream surfaces — all pages except homepage (mobile + desktop) ── */
html:not([data-theme="dark"]) body:not(.lmyc-home-page),
html:not([data-theme="dark"]) body:not(.lmyc-home-page).gradient,
html:not([data-theme="dark"]) body:not(.lmyc-home-page) #main-content,
html:not([data-theme="dark"]) body:not(.lmyc-home-page) :where(
  .color-scheme-1,
  .color-scheme-2,
  .color-scheme-4,
  .color-scheme-5,
  .color-scheme-d67a9f1f-02b2-4bef-9e37-5d5e7b055f75,
  .color-scheme-8354c606-fc56-4d54-b1ee-58332268cccc,
  .color-scheme-2d4ab598-3509-4efe-8efc-86eb2875aaee,
  .color-scheme-7d114e59-2b5e-4d4a-af07-145ca87e4b99,
  .color-scheme-c772bcb2-1b54-4688-b48e-a0e98c9276a6,
  .color-scheme-f8cc04ed-bbe2-43ec-92e1-5978c29b1ccd,
  .menu-drawer,
  .menu-drawer__submenu,
  .mega-menu__content,
  .shopify-section.section,
  .page-section,
  .rich-text,
  .image_link_blocks,
  .lmyc-space-stack-section,
  .lmyc-space-sanctuary-wrap,
  .lmyc-category-hero,
  .lmyc-category-classes,
  .lmyc-category-gallery,
  .lmyc-category-more,
  .lmyc-booking-widget-section,
  .lmyc-schedule-timetable-section,
  .lmyc-faq-page-main,
  .lmyc-faq-intro,
  .lmyc-subpage-hero,
  .lmyc-teacher-training-main,
  .lmyc-tt-page,
  .lmyc-tt-page__bg,
  .lmyc-collab-hub,
  .lmyc-collab-hub__bg,
  .lmyc-contact-page-main
):not(.footer):not(footer):not(.color-scheme-3) {
  --color-background: var(--lmyc-page-cream-rgb) !important;
  --gradient-background: var(--lmyc-page-cream) !important;
  --payment-terms-background-color: rgb(255 254 244) !important;
  background-color: var(--lmyc-page-cream) !important;
  background: var(--lmyc-page-cream) !important;
}

html:not([data-theme="dark"]) #main-content {
  color: #3a3228;
}

/* ── 2. Section kickers — timeless eyebrow labels ── */
html:not([data-theme="dark"]) #main-content .main-subheading:not(.lmyc-pink-eyebrow):not(.lmyc-lineage-role):not(.lmyc-founders-role):not(.lmyc-mansha-heading),
html:not([data-theme="dark"]) #main-content .lmyc-mission-card__label,
html:not([data-theme="dark"]) #main-content .lmyc-contact-panel__eyebrow,
html:not([data-theme="dark"]) #main-content .lmyc-contact-map__eyebrow,
html:not([data-theme="dark"]) #main-content .lmyc-category-hero__eyebrow,
html:not([data-theme="dark"]) #main-content .lmyc-subpage-hero .main-subheading:not(.lmyc-pink-eyebrow),
html:not([data-theme="dark"]) #main-content .lmyc-smile-hero__eyebrow,
html:not([data-theme="dark"]) #main-content .lmyc-smile-section__eyebrow {
  color: #6b5434 !important;
  letter-spacing: 0.14em;
}

/* Keep bright text on photo banners & dark founder panels */
html:not([data-theme="dark"]) #main-content .page-banner-text .main-heading,
html:not([data-theme="dark"]) #main-content .page-banner-text .main-subheading,
html:not([data-theme="dark"]) #team .lmyc-founders-bg .main-heading,
html:not([data-theme="dark"]) #team .lmyc-founders-bg .main-subheading,
html:not([data-theme="dark"]) #team .lmyc-founders-bg .team-title,
html:not([data-theme="dark"]) #team .lmyc-founders-bg .lmyc-founders-name,
html:not([data-theme="dark"]) #team .lmyc-founders-bg .lmyc-founders-role,
html:not([data-theme="dark"]) #team .lmyc-founders-bg .lmyc-mansha-heading {
  color: #ffffff !important;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.5);
}

html:not([data-theme="dark"]) #main-content .lmyc-kicker-with-star .main-subheading::after {
  display: none !important;
  content: none !important;
}

html:not([data-theme="dark"]) #main-content .title-bottom-space:not(.lmyc-kicker-with-star) .main-subheading::after {
  content: "";
  display: block;
  width: min(3.5rem, 18vw);
  height: 1px;
  margin: 0.55rem auto 0;
  background: linear-gradient(90deg, transparent, var(--lmyc-heritage-gold-soft), transparent);
}

/* ── 3. Section titles — warmer, editorial feel ── */
html:not([data-theme="dark"]) #main-content .title.h1,
html:not([data-theme="dark"]) #main-content .title.h2,
html:not([data-theme="dark"]) #main-content h2.title,
html:not([data-theme="dark"]) #main-content .lmyc-why-lmyc__heading,
html:not([data-theme="dark"]) #main-content .lmyc-section-heading-size.title {
  color: var(--lmyc-heritage-ink);
  letter-spacing: 0.015em;
}

html:not([data-theme="dark"]) #main-content .title.h1,
html:not([data-theme="dark"]) #main-content h2.title:not(.lmyc-hero-title) {
  font-family: "Playfair Display", var(--font-heading-family, Georgia, "Times New Roman", serif);
  font-weight: 500;
}

/* ── 4. Mission & quote cards — aged paper, softer corners ── */
html:not([data-theme="dark"]) .lmyc-mission-card__inner {
  border-radius: 4px !important;
  border-color: rgba(168, 132, 88, 0.28) !important;
  background:
    linear-gradient(158deg, rgba(253, 246, 236, 0.98) 0%, rgba(245, 232, 214, 0.95) 52%, rgba(238, 224, 202, 0.96) 100%) !important;
  box-shadow:
    0 18px 44px var(--lmyc-heritage-warm-shadow),
    0 4px 14px rgba(48, 30, 16, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
}

html:not([data-theme="dark"]) .lmyc-mission-card__label {
  font-family: "Playfair Display", Georgia, serif !important;
  font-style: italic;
  text-transform: none !important;
  letter-spacing: 0.08em !important;
  background: rgba(196, 163, 90, 0.12) !important;
  border-color: rgba(196, 163, 90, 0.35) !important;
  border-radius: 2px !important;
}

html:not([data-theme="dark"]) .lmyc-mission-card__quote p {
  font-family: var(--font-heading-family, Georgia, "Times New Roman", serif);
}

/* ── 5. Namasta & cream sections — faint paper grain ── */
html:not([data-theme="dark"]) .lmyc-namasta-callout,
html:not([data-theme="dark"]) .lmyc-mission-why-wrap {
  position: relative;
}

html:not([data-theme="dark"]) .lmyc-namasta-callout::before,
html:not([data-theme="dark"]) .lmyc-mission-why-wrap::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.04;
  mix-blend-mode: multiply;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.04' numOctaves='5'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)' opacity='0.55'/%3E%3C/svg%3E");
  z-index: 0;
}

html:not([data-theme="dark"]) .lmyc-namasta-callout > *,
html:not([data-theme="dark"]) .lmyc-mission-why-wrap > * {
  position: relative;
  z-index: 1;
}

/* ── 6. Content photography — gentle archival tint ── */
html:not([data-theme="dark"]) #main-content img:not([class*="logo"]):not([class*="icon"]):not(.lmyc-hero-logo):not([src*="brand"]):not([src*="svg"]) {
  filter: sepia(0.06) saturate(0.93) contrast(1.02);
}

html:not([data-theme="dark"]) #main-content .lmyc-vtp__thumb,
html:not([data-theme="dark"]) #main-content .linkblock_img img,
html:not([data-theme="dark"]) #main-content .lmyc-instagram-grid__item img {
  filter: sepia(0.08) saturate(0.9) contrast(1.03);
}

html:not([data-theme="dark"]) #main-content .lmyc-category-slideshow__slide img {
  filter: none !important;
}

/* ── 7. Tiles & cards — warmer shadow, less “app UI” ── */
html:not([data-theme="dark"]) #main-content .card,
html:not([data-theme="dark"]) #main-content .lmyc-workshops-events__tile,
html:not([data-theme="dark"]) #main-content .blog__post.article-card,
html:not([data-theme="dark"]) #main-content .lmyc-collab-banner {
  border-radius: 4px !important;
  box-shadow: 0 10px 28px var(--lmyc-heritage-warm-shadow) !important;
  border: 1px solid rgba(168, 132, 88, 0.14);
}

html:not([data-theme="dark"]) .lmyc-why-reasons li {
  border-bottom-color: rgba(168, 132, 88, 0.22) !important;
}

/* ── 8. Buttons — softer heritage shadow ── */
html:not([data-theme="dark"]) .button--primary,
html:not([data-theme="dark"]) .lmyc-cta-premium.button--primary,
html:not([data-theme="dark"]) a.lmyc-cta-premium.button--primary {
  box-shadow: 0 8px 22px rgba(48, 30, 16, 0.2) !important;
}

html:not([data-theme="dark"]) .button--secondary {
  border-color: rgba(168, 132, 88, 0.35) !important;
}

/* ── 9. Subpage heroes — soft warm wash (not category arch slideshow) ── */
html:not([data-theme="dark"]) .lmyc-subpage-hero__media::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(120, 78, 42, 0.08) 0%, rgba(90, 58, 32, 0.14) 100%),
    radial-gradient(ellipse at center, transparent 55%, rgba(18, 10, 6, 0.2) 100%);
  mix-blend-mode: multiply;
  z-index: 1;
}

html:not([data-theme="dark"]) .lmyc-subpage-hero__media {
  position: relative;
}

/* ── 10. Star divider — gold accent ── */
html:not([data-theme="dark"]) .lmyc-star-divider svg {
  color: var(--lmyc-heritage-gold);
  opacity: 0.82;
}

/* ── 11. Since 1998 in header — serif heritage badge ── */
html:not([data-theme="dark"]) .lmyc-header-bar-since {
  font-family: "Playfair Display", Georgia, serif;
  font-style: italic;
  letter-spacing: 0.12em;
}

@media (prefers-reduced-motion: reduce) {
  html:not([data-theme="dark"]) #main-content img {
    filter: none;
  }
}

@media screen and (max-width: 767px) {
  html:not([data-theme="dark"]) #main-content .title.h1,
  html:not([data-theme="dark"]) #main-content h2.title:not(.lmyc-hero-title) {
    letter-spacing: 0.01em;
  }
}