/*
Theme Name:   SME Theme - Child
Theme URI:    https://www.smedehradun.com/
Description:  Child theme for Hello Elementor. Custom header, footer and site-wide theme modes.
Author:       SME Dehradun
Template:     hello-elementor
Version:      4.0.0
Text Domain:  sme-theme-child
*/

/* ==========================================================================
   1. General site rules
   ========================================================================== */

.page .entry-title { display: none; }
.tags-links, .post-tags { display: none !important; }

a, a:link, a:visited, a:hover, a:focus, a:active {
	text-decoration: none !important;
	border-bottom: none !important;
}


/* ==========================================================================
   2. HOW THIS WORKS
   --------------------------------------------------------------------------
   Rules target STRUCTURE, not block names. Any <section> whose class starts
   with "sme-" is themed, along with its headings, text, cards and buttons.
   Blocks on pages not yet built are covered automatically.

   Sections 4 and 5 are mirror images. Some blocks are designed light and
   some dark, so BOTH modes must set text colour, not just background -
   otherwise white text survives into light mode and disappears.

   Section 6 lists blocks deliberately EXCLUDED from both.

   Dark:   page #0A1622  card #0E1E2D  raised #12222F  head #EAF2F3  body #8CA0AE
   Light:  page #F8FAFB  card #FFFFFF  raised #F8FAFB  head #17212B  body #6C7A89
   ========================================================================== */

html[data-sme-theme="light"] body { background: #FFFFFF; }
html[data-sme-theme="dark"]  body { background: #0A1622; }


/* ==========================================================================
   3. Header & footer
   ========================================================================== */

html[data-sme-theme="light"] .smehdr,
html[data-sme-theme="light"] .smeftr {
	--ink:      #FFFFFF;
	--ink-2:    #F2F7F8;
	--teal:     #0E9382;
	--amber:    #D8871F;
	--off:      #0A1622;
	--muted:    #5A6B78;
	--line:     rgba(14, 147, 130, 0.22);
	--hairline: rgba(10, 22, 34, 0.08);
}

html[data-sme-theme="light"] .smehdr__logoimg,
html[data-sme-theme="light"] .smeftr__logowrap img {
	box-shadow: 0 0 0 1px rgba(10, 22, 34, 0.10);
}

html[data-sme-theme="light"] .smehdr__logowrap::before {
	animation: none;
	box-shadow: 0 0 10px 1px rgba(14, 147, 130, 0.30);
}

html[data-sme-theme="light"] .smehdr__panel a {
	border-bottom-color: rgba(10, 22, 34, 0.08);
}


/* ==========================================================================
   4. DARK MODE
   ========================================================================== */

html[data-sme-theme="dark"] section[class*="sme-"] {
	background: #0A1622;
}

html[data-sme-theme="dark"] section[class*="sme-"] h1,
html[data-sme-theme="dark"] section[class*="sme-"] h2,
html[data-sme-theme="dark"] section[class*="sme-"] h3,
html[data-sme-theme="dark"] section[class*="sme-"] h4,
html[data-sme-theme="dark"] section[class*="sme-"] h5,
html[data-sme-theme="dark"] section[class*="sme-"] h6,
html[data-sme-theme="dark"] section[class*="sme-"] [class*="title"],
html[data-sme-theme="dark"] section[class*="sme-"] strong {
	color: #EAF2F3;
}

html[data-sme-theme="dark"] section[class*="sme-"] p,
html[data-sme-theme="dark"] section[class*="sme-"] li,
html[data-sme-theme="dark"] section[class*="sme-"] span,
html[data-sme-theme="dark"] section[class*="sme-"] [class*="text"],
html[data-sme-theme="dark"] section[class*="sme-"] [class*="desc"],
html[data-sme-theme="dark"] section[class*="sme-"] [class*="email"] {
	color: #8CA0AE;
}

html[data-sme-theme="dark"] section[class*="sme-"] [class*="card"],
html[data-sme-theme="dark"] section[class*="sme-"] [class*="panel"],
html[data-sme-theme="dark"] section[class*="sme-"] [class*="note"],
html[data-sme-theme="dark"] section[class*="sme-"] [class*="step"],
html[data-sme-theme="dark"] section[class*="sme-"] [class*="box"] {
	background: #0E1E2D;
	border-color: rgba(31, 194, 172, 0.15);
	box-shadow: 0 18px 45px rgba(0, 0, 0, 0.35);
}

html[data-sme-theme="dark"] section[class*="sme-"] [class*="feature"],
html[data-sme-theme="dark"] section[class*="sme-"] [class*="icon"],
html[data-sme-theme="dark"] section[class*="sme-"] [class*="stat"],
html[data-sme-theme="dark"] section[class*="sme-"] [class*="bottom"],
html[data-sme-theme="dark"] section[class*="sme-"] [class*="cf7"] {
	background: #12222F;
	border-color: rgba(31, 194, 172, 0.15);
}

html[data-sme-theme="dark"] section[class*="sme-"] [class*="label"],
html[data-sme-theme="dark"] section[class*="sme-"] [class*="badge"] {
	background: rgba(31, 194, 172, 0.12);
	color: #1FC2AC;
	border-color: rgba(31, 194, 172, 0.25);
	box-shadow: none;
}

html[data-sme-theme="dark"] section[class*="sme-"] [class*="item"] {
	border-bottom-color: rgba(255, 255, 255, 0.08);
}

html[data-sme-theme="dark"] section[class*="sme-"] input,
html[data-sme-theme="dark"] section[class*="sme-"] textarea,
html[data-sme-theme="dark"] section[class*="sme-"] select {
	background: #12222F;
	border-color: rgba(31, 194, 172, 0.20);
	color: #EAF2F3;
}
html[data-sme-theme="dark"] section[class*="sme-"] input::placeholder,
html[data-sme-theme="dark"] section[class*="sme-"] textarea::placeholder {
	color: #7A8B96;
}

/* Outline / ghost buttons — the ones without a solid fill. */
html[data-sme-theme="dark"] section[class*="sme-"] [class*="btn"]:not([class*="primary"]):not([class*="main"]) {
	background: #12222F;
	border-color: rgba(31, 194, 172, 0.30);
	color: #EAF2F3;
}


/* ==========================================================================
   5. LIGHT MODE  (mirror of section 4)
   ========================================================================== */

html[data-sme-theme="light"] section[class*="sme-"] {
	background: #F8FAFB;
}

html[data-sme-theme="light"] section[class*="sme-"] h1,
html[data-sme-theme="light"] section[class*="sme-"] h2,
html[data-sme-theme="light"] section[class*="sme-"] h3,
html[data-sme-theme="light"] section[class*="sme-"] h4,
html[data-sme-theme="light"] section[class*="sme-"] h5,
html[data-sme-theme="light"] section[class*="sme-"] h6,
html[data-sme-theme="light"] section[class*="sme-"] [class*="title"],
html[data-sme-theme="light"] section[class*="sme-"] strong {
	color: #17212B;
}

html[data-sme-theme="light"] section[class*="sme-"] p,
html[data-sme-theme="light"] section[class*="sme-"] li,
html[data-sme-theme="light"] section[class*="sme-"] span,
html[data-sme-theme="light"] section[class*="sme-"] [class*="text"],
html[data-sme-theme="light"] section[class*="sme-"] [class*="desc"],
html[data-sme-theme="light"] section[class*="sme-"] [class*="email"] {
	color: #6C7A89;
}

html[data-sme-theme="light"] section[class*="sme-"] [class*="card"],
html[data-sme-theme="light"] section[class*="sme-"] [class*="panel"],
html[data-sme-theme="light"] section[class*="sme-"] [class*="note"],
html[data-sme-theme="light"] section[class*="sme-"] [class*="step"],
html[data-sme-theme="light"] section[class*="sme-"] [class*="box"] {
	background: #FFFFFF;
	border-color: rgba(0, 151, 157, 0.10);
	box-shadow: 0 18px 45px rgba(20, 35, 55, 0.06);
}

html[data-sme-theme="light"] section[class*="sme-"] [class*="feature"],
html[data-sme-theme="light"] section[class*="sme-"] [class*="icon"],
html[data-sme-theme="light"] section[class*="sme-"] [class*="stat"],
html[data-sme-theme="light"] section[class*="sme-"] [class*="bottom"],
html[data-sme-theme="light"] section[class*="sme-"] [class*="cf7"] {
	background: #F8FAFB;
	border-color: rgba(0, 151, 157, 0.10);
}

html[data-sme-theme="light"] section[class*="sme-"] [class*="label"],
html[data-sme-theme="light"] section[class*="sme-"] [class*="badge"] {
	background: rgba(0, 151, 157, 0.08);
	color: #00979D;
	border-color: rgba(0, 151, 157, 0.20);
	box-shadow: none;
}

html[data-sme-theme="light"] section[class*="sme-"] [class*="item"] {
	border-bottom-color: rgba(0, 0, 0, 0.06);
}

html[data-sme-theme="light"] section[class*="sme-"] input,
html[data-sme-theme="light"] section[class*="sme-"] textarea,
html[data-sme-theme="light"] section[class*="sme-"] select {
	background: #FFFFFF;
	border-color: rgba(10, 22, 34, 0.12);
	color: #17212B;
}
html[data-sme-theme="light"] section[class*="sme-"] input::placeholder,
html[data-sme-theme="light"] section[class*="sme-"] textarea::placeholder {
	color: #7A8B96;
}

/* Outline / ghost buttons — dark text so they stay readable on white. */
html[data-sme-theme="light"] section[class*="sme-"] [class*="btn"]:not([class*="primary"]):not([class*="main"]) {
	background: #FFFFFF;
	border-color: rgba(0, 151, 157, 0.30);
	color: #17212B;
}


/* ==========================================================================
   5b. Solid-fill buttons keep white text in BOTH modes
   --------------------------------------------------------------------------
   These sit on a teal or amber fill, so the text must not follow the mode.
   ========================================================================== */

html[data-sme-theme] section[class*="sme-"] [class*="btn"][class*="primary"],
html[data-sme-theme] section[class*="sme-"] [class*="btn"][class*="main"] {
	color: #FFFFFF;
}


/* ==========================================================================
   6. EXCLUSIONS — blocks that stay dark in BOTH modes
   --------------------------------------------------------------------------
   Light text baked over video or dark gradients. Add future blocks here.
   ========================================================================== */

html[data-sme-theme] .sme-hero { background: transparent; }

html[data-sme-theme] .sme-blog-hero {
	background: linear-gradient(135deg, #07171C 0%, #0D242A 55%, #07171C 100%);
}

html[data-sme-theme] .sme-hero h1,
html[data-sme-theme] .sme-hero h2,
html[data-sme-theme] .sme-hero [class*="title"],
html[data-sme-theme] .sme-blog-hero h1,
html[data-sme-theme] .sme-blog-hero [class*="title"] {
	color: #FFFFFF;
}

html[data-sme-theme] .sme-hero p,
html[data-sme-theme] .sme-hero span,
html[data-sme-theme] .sme-hero [class*="desc"],
html[data-sme-theme] .sme-blog-hero p,
html[data-sme-theme] .sme-blog-hero [class*="desc"] {
	color: rgba(255, 255, 255, 0.92);
}

html[data-sme-theme] .sme-metric,
html[data-sme-theme] .sme-es-panel {
	background: #17212B;
}
html[data-sme-theme] .sme-metric h3 { color: #F1C40F; }
html[data-sme-theme] .sme-metric p,
html[data-sme-theme] .sme-metric small { color: #D5DCE2; }

html[data-sme-theme] .sme-contact-left {
	background: linear-gradient(135deg, #17212B, #223344);
}
html[data-sme-theme] .sme-contact-left h2,
html[data-sme-theme] .sme-contact-left strong { color: #FFFFFF; }
html[data-sme-theme] .sme-contact-left p,
html[data-sme-theme] .sme-contact-left span   { color: rgba(255, 255, 255, 0.78); }


/* ==========================================================================
   7. Your own additions below
   ========================================================================== */