/*
Theme Name: Astitva Vedant Yatra
Theme URI: https://astitvavedantyatra.com
Description: Child theme of Hello Elementor for Astitva Vedant Yatra — Char Dham & Uttarakhand tours. Bakes in the pine/blue/saffron palette and Fraunces + Public Sans typography from the build blueprint so every Elementor page inherits the design.
Author: Astitva Vedant Yatra
Template: hello-elementor
Version: 1.0.0
Text Domain: astitva-child
*/

/* -------------------------------------------------------------------------
   Design tokens — pulled straight from the build blueprint (Section 0).
   These are the single source of truth. Elementor Global Colors/Fonts are
   also registered in functions.php so the editor picker matches these.
   ------------------------------------------------------------------------- */
:root {
	--av-pine:    #1F4739; /* Primary   */
	--av-blue:    #17324A; /* Secondary */
	--av-saffron: #D9862B; /* Accent    */
	--av-ink:     #1C2420; /* Text      */
	--av-stone:   #EDE6D6; /* Section backgrounds */
	--av-paper:   #FAF6EC; /* Page background     */

	--av-font-heading: "Fraunces", Georgia, "Times New Roman", serif;
	--av-font-body:    "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

	--av-radius: 12px;
	--av-shadow: 0 6px 24px rgba(28, 36, 32, 0.10);
}

/* -------------------------------------------------------------------------
   Base
   ------------------------------------------------------------------------- */
body {
	font-family: var(--av-font-body);
	color: var(--av-ink);
	background-color: var(--av-paper);
	font-weight: 400;
	line-height: 1.65;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--av-font-heading);
	color: var(--av-pine);
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: -0.01em;
}

a {
	color: var(--av-pine);
	text-decoration: none;
	transition: color 0.15s ease;
}
a:hover { color: var(--av-saffron); }

/* -------------------------------------------------------------------------
   Buttons — primary (pine) and accent (saffron) variants.
   Elementor buttons pick these up via the global colors; these rules give
   plain theme buttons and links the same look.
   ------------------------------------------------------------------------- */
.elementor-button,
.wp-block-button__link,
button.av-btn {
	font-family: var(--av-font-body);
	font-weight: 600;
	letter-spacing: 0.01em;
	border-radius: var(--av-radius);
	transition: transform 0.12s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}
.elementor-button:hover,
.wp-block-button__link:hover {
	transform: translateY(-1px);
	box-shadow: var(--av-shadow);
}

/* Accent button helper — add CSS class "av-btn-accent" to any Elementor button */
.av-btn-accent .elementor-button,
.elementor-button.av-btn-accent {
	background-color: var(--av-saffron);
	color: #fff;
}
.av-btn-accent .elementor-button:hover,
.elementor-button.av-btn-accent:hover {
	background-color: #c2761f;
}

/* -------------------------------------------------------------------------
   Section helpers — apply these CSS classes on Elementor Sections.
   ------------------------------------------------------------------------- */
.av-bg-pine    { background-color: var(--av-pine)  !important; color: #fff; }
.av-bg-blue    { background-color: var(--av-blue)  !important; color: #fff; }
.av-bg-stone   { background-color: var(--av-stone) !important; }
.av-bg-paper   { background-color: var(--av-paper) !important; }
.av-bg-pine h1, .av-bg-pine h2, .av-bg-pine h3,
.av-bg-blue h1, .av-bg-blue h2, .av-bg-blue h3 { color: #fff; }

/* Card treatment for duplicated Image Box / Icon Box package + team cards */
.av-card {
	background: #fff;
	border-radius: var(--av-radius);
	box-shadow: var(--av-shadow);
	overflow: hidden;
}

/* -------------------------------------------------------------------------
   Layered-mountain hero — drop a Section, give it CSS class "av-hero".
   The SVG mountains are painted as a background so no extra widget is needed.
   ------------------------------------------------------------------------- */
.av-hero {
	position: relative;
	background-color: var(--av-blue);
	background-image:
		url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'><path fill='%231F4739' fill-opacity='0.9' d='M0,224L120,208C240,192,480,160,720,165.3C960,171,1200,213,1320,234.7L1440,256L1440,320L0,320Z'/></svg>"),
		url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'><path fill='%23163528' fill-opacity='0.85' d='M0,288L160,256C320,224,640,160,960,154.7C1120,152,1280,192,1360,213.3L1440,235L1440,320L0,320Z'/></svg>");
	background-repeat: no-repeat, no-repeat;
	background-position: bottom, bottom;
	background-size: 100% auto, 100% auto;
	color: #fff;
}
.av-hero h1, .av-hero h2 { color: #fff; }
.av-hero .av-hero-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(23,50,74,0.55) 0%, rgba(23,50,74,0.15) 60%);
	pointer-events: none;
}

/* -------------------------------------------------------------------------
   Nice defaults for the widgets the blueprint leans on
   ------------------------------------------------------------------------- */
.elementor-accordion .elementor-tab-title,
.e-n-accordion-item-title {
	font-family: var(--av-font-heading);
	color: var(--av-pine);
}

/* Departure-date status dots used with Icon List (Section 3.7) */
.av-status-open      { color: var(--av-pine)    !important; }
.av-status-limited   { color: var(--av-saffron) !important; }
.av-status-soldout   { color: #b23b3b           !important; }