/* CSS variables for Master Color Palette */
:root {
    --color-primary: #D66A00;
    --color-secondary: #AD2B1F;
    --color-tertiary: #F7B500;
    --color-background: #F8F5F0;
    --color-sand: #EDE6DB;
    --color-text: #2C2C2C;
}

/* Shared Design System for Sattva Ashram */

/* Fonts & Icons Imports */
@import url('https://fonts.googleapis.com/css2?family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap');

/* Base Styles */
.material-symbols-outlined {
    display: inline-block;
    vertical-align: middle;
}

/* Breath Indicator Ornament Animation */
.breath-indicator {
    animation: breathe 8s ease-in-out infinite;
}

@keyframes breathe {
    0%, 100% {
        transform: scale(1);
        opacity: 0.3;
    }
    50% {
        transform: scale(1.1);
        opacity: 0.6;
    }
}

/* Earthen Sand Band */
.shlok-band {
    background-color: var(--color-sand);
}

/* Gentle Shadow for Premium Cards */
.gentle-shadow {
    box-shadow: 0 4px 20px rgba(34, 34, 34, 0.04);
}

/* Timeline line for About page */
.timeline-line {
    background: linear-gradient(to bottom, transparent, var(--color-primary) 15%, var(--color-primary) 85%, transparent);
}

/* Google Translate Custom Theme Overrides */
iframe.goog-te-banner-frame {
    display: none !important;
}
body {
    top: 0px !important;
}
.goog-te-gadget {
    display: none !important;
}
.goog-te-combo {
    display: none !important;
}
#goog-gt-tt {
    display: none !important;
}
.goog-tooltip-skiptranslate {
    display: none !important;
}
.goog-text-highlight {
    background-color: transparent !important;
    box-shadow: none !important;
}
.skiptranslate {
    display: none !important;
}
.goog-te-spinner-pos {
    display: none !important;
}
body > .skiptranslate {
    display: none !important;
}
#google_translate_element {
    display: none !important;
}
