/* Explain: Base reset and typography defaults for the website. - */
* {
    box-sizing: border-box;
}

html {
    background: var(--background-color);
    scroll-behavior: smooth;
}

body {
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Subtle reveal animation class for Alpine/Scroll */
[x-cloak] {
    display: none !important;
}

/* Base Headings */
h1, h2, h3, h4, h5, h6 {
    letter-spacing: -0.02em;
}

.heading-accent {
    color: var(--accent-color);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 0.875rem;
    font-weight: 600;
}

/* Google Translate Overrides for seamless native look */
.goog-te-banner-frame,
.goog-te-banner-frame.skiptranslate, 
.skiptranslate > iframe { display: none !important; }
.goog-te-menu-value { display: none !important; }
.goog-tooltip { display: none !important; }
.goog-tooltip:hover { display: none !important; }
.goog-text-highlight { background-color: transparent !important; border: none !important; box-shadow: none !important; }
body { top: 0 !important; position: relative !important; }
#google_translate_element { display: none !important; }

/* Custom Language Toggles */
.ta-title { display: none; }
.lang-tamil .en-title { display: none; }
.lang-tamil .ta-title { display: inline; }