/*
 Theme Name:   Swastham Ayurveda (Divi Child)
 Theme URI:    https://swasthamayurveda.in
 Description:  Child theme of Divi for Swastham Ayurvedic Chikitsalay & Panchakarma Center, Nagpur. Carries brand colors, typography and small layout tweaks on top of Divi — keeps Divi itself untouched so it can be safely updated.
 Author:       Swastham Ayurveda
 Template:     Divi
 Version:      1.0.1
 Text Domain:  swastham-divi-child
*/

/* ==========================================================================
   Brand tokens
   Palette: deep ayurvedic green (primary), warm turmeric gold (accent),
   soft sand background, near-black text for readability.
   Adjust these six values first if the brand ever changes — most of the
   theme below is built from them via Divi's own color pickers, so this
   block mainly covers what Divi doesn't expose a setting for.
   ========================================================================== */
:root {
	--sw-green-dark:  #234d2c;
	--sw-green:       #3f6b3f;
	--sw-green-light: #e8f0e4;
	--sw-gold:        #c8973a;
	--sw-sand:         #faf7f0;
	--sw-text:         #22281f;
}

body {
	color: var(--sw-text);
}

/* Header / navigation */
#main-header {
	background-color: #ffffff;
	box-shadow: 0 2px 10px rgba(0,0,0,0.06);
}
#top-menu li a {
	color: var(--sw-green-dark);
	font-weight: 600;
}
#top-menu li a:hover,
.nav li ul li a:hover {
	color: var(--sw-gold);
}

/* Buttons — matches Divi's .et_pb_button structure so it applies inside the builder too */
.et_pb_button,
button,
input[type="submit"] {
	background-color: var(--sw-green) !important;
	border: 2px solid var(--sw-green) !important;
	color: #fff !important;
	border-radius: 6px !important;
	letter-spacing: .02em;
	transition: background-color .2s ease, color .2s ease;
}
.et_pb_button:hover,
button:hover,
input[type="submit"]:hover {
	background-color: var(--sw-green-dark) !important;
	border-color: var(--sw-green-dark) !important;
	color: #fff !important;
}
.et_pb_button::after {
	display: none; /* remove Divi's default arrow glyph for a cleaner medical look */
}

/* Section backgrounds you can pick in the builder via CSS class */
.sw-section-tint {
	background-color: var(--sw-green-light) !important;
}
.sw-section-sand {
	background-color: var(--sw-sand) !important;
}

/* Testimonial / review module accents */
.et_pb_testimonial_portrait {
	border: 3px solid var(--sw-gold);
}

/* Footer */
#main-footer,
.et_builder_footer {
	background-color: var(--sw-green-dark) !important;
}
#footer-bottom {
	background-color: #1a3a20 !important;
}

/* WooCommerce brand alignment (Divi + WooCommerce integration) */
.woocommerce ul.products li.product .price,
.woocommerce span.price {
	color: var(--sw-green-dark);
	font-weight: 700;
}
.woocommerce a.button,
.woocommerce button.button,
.woocommerce #respond input#submit,
.woocommerce-page a.button {
	background-color: var(--sw-green) !important;
	color: #fff !important;
	border-radius: 6px !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover {
	background-color: var(--sw-green-dark) !important;
}
.woocommerce span.onsale {
	background-color: var(--sw-gold) !important;
}

/* Clinic Manager admin notice: hide the WP admin bar "New" post-type clutter
   from the Divi Builder for our custom clinic post areas (cosmetic only). */
#wpadminbar .ab-item[href*="swastham-clinic"] {
	font-weight: bold;
}

/* Mobile spacing tweak for the sticky Divi header used on inner pages */
@media (max-width: 767px) {
	#main-header { position: relative !important; }
}

/* Hide the default "Home" page-title bar on the front page — the hero
   section below already carries the heading, so a repeat title bar just
   adds visual clutter. */
body.home h1.entry-title.main_title { display: none; }