/**
 * Taj Gold - Global Base Styles & Layout Container
 * File: wp-content/themes/gold-theme/assets/css/global.css
 */

*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    font-size: 16px;
    direction: rtl;
    text-align: right;
    scroll-behavior: smooth;
}

body {
    font-family: var(--taj-font-family);
    background-color: var(--taj-bg-creamy);
    color: var(--taj-brown-deep);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
}

a {
    color: inherit;
    text-decoration: none;
    transition: var(--taj-transition);
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

.taj-container {
    width: 100%;
    max-width: var(--taj-container-width);
    margin: 0 auto;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
}

/* Base Form Reset */
input, button, select, textarea {
    font-family: inherit;
}

/* Gold Text Gradient Utility */
.text-gold-gradient {
    background: var(--taj-grad-metallic);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Accessibility helpers */
.screen-reader-text {
    border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);
    height: 1px; margin: -1px; overflow: hidden; padding: 0;
    position: absolute; width: 1px; word-wrap: normal;
}
.skip-link:focus {
    clip: auto; clip-path: none; width: auto; height: auto; margin: 0;
    background: var(--taj-brown-deep); color: var(--taj-gold-bright);
    padding: 0.7rem 1.2rem; z-index: 100000; top: 8px; right: 8px; border-radius: var(--taj-radius-sm);
}
[hidden] { display: none !important; }

/* Shared glass surface */
.glass-panel {
    background: var(--taj-glass-bg);
    -webkit-backdrop-filter: var(--taj-glass-blur);
    backdrop-filter: var(--taj-glass-blur);
    border: var(--taj-glass-border);
    box-shadow: var(--taj-glass-shadow);
}