/*
Theme Name: Pochampally Ikkat Premium Corporate Handloom Theme
Theme URI: https://pochampally.in/theme
Description: Custom, lightweight, fast-loading WordPress + WooCommerce theme for luxury Indian handloom e-commerce. Built with CSS custom properties, native AJAX elements, and optimized for mobile screens. Fully responsive.
Version: 1.1.0
Author: Pochampally Weaving Guild
Author URI: https://pochampally.in
Text Domain: pochampally-theme
Domain Path: /languages
Requires at least: 5.8
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* ==========================================================================
   0. LOCAL WEBFONT DECLARATIONS
   ========================================================================== */
@font-face {
    font-family: 'Cormorant Garamond';
    src: url('assets/fonts/cormorant-garamond/cormorant-garamond-normal-400.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Cormorant Garamond';
    src: url('assets/fonts/cormorant-garamond/cormorant-garamond-normal-500.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Cormorant Garamond';
    src: url('assets/fonts/cormorant-garamond/cormorant-garamond-normal-600.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Cormorant Garamond';
    src: url('assets/fonts/cormorant-garamond/cormorant-garamond-normal-700.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Cormorant Garamond';
    src: url('assets/fonts/cormorant-garamond/cormorant-garamond-italic-400.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('assets/fonts/plus-jakarta-sans/plus-jakarta-sans-normal-300.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('assets/fonts/plus-jakarta-sans/plus-jakarta-sans-normal-400.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('assets/fonts/plus-jakarta-sans/plus-jakarta-sans-normal-500.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('assets/fonts/plus-jakarta-sans/plus-jakarta-sans-normal-600.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('assets/fonts/plus-jakarta-sans/plus-jakarta-sans-normal-700.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* ==========================================================================
   1. GLOBAL STYLES & VARIABLE PALETTE
   ========================================================================== */
:root {
    --color-ivory: #FAF9F6;
    --color-charcoal: #1C1C1C;
    --color-muted-gold: #C5A059;
    --color-terracotta: #C85A32;
    --color-maroon: #800020;
    --color-white: #FFFFFF;
    --color-light-gray: #F2F0EA;
    --color-border: #E5E1D5;
    
    --font-serif: 'Cormorant Garamond', Georgia, serif;
    --font-sans: 'Plus Jakarta Sans', system-ui, sans-serif;
    
    --container-width: 1440px;
    --header-height: 80px;
}

body {
    background-color: var(--color-ivory);
    color: var(--color-charcoal);
    font-family: var(--font-sans);
    margin: 0;
    padding: 0;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

/* Base Typographic Hierarchy */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-serif);
    font-weight: 600;
    line-height: 1.25;
    color: var(--color-charcoal);
    margin: 0 0 1rem 0;
}

h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.5rem; }

a {
    color: inherit;
    text-decoration: none;
    transition: color 0.3s ease;
}

a:hover {
    color: var(--color-muted-gold);
}

.container {
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 0 2rem;
}

/* Sticky Mobile Bottom Navigation */
@media (max-width: 768px) {
    .container {
        padding: 0 1rem;
    }
}