/*
 * Theme Name:   IGNOU Store Theme
 * Theme URI:    https://ignoustore.example.com
 * Description:  Amazon-inspired standalone WooCommerce theme for selling IGNOU solved assignments, question papers & study materials. Built for high performance and conversion.
 * Author:       IGNOU Store Dev
 * Author URI:   https://ignoustore.example.com
 * Version:      2.0.0
 * License:      GNU General Public License v2 or later
 * License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain:  ignou-starter
 * Tags:         e-commerce, education, woocommerce, ignou, assignments, full-width-template
 * Requires at least: 6.0
 * Tested up to: 6.7
 * Requires PHP: 7.4
 *
 * Amazon-Inspired Color Palette:
 * --color-header-bg:      #131921  (Dark Navy)
 * --color-header-text:    #ffffff  (White)
 * --color-search-btn:     #febd69  (Amazon Gold)
 * --color-cta-btn:        #f0c14b  (CTA Gold)
 * --color-body-bg:        #f3f3f3  (Light Gray)
 * --color-card-bg:        #ffffff  (White)
 * --color-link-accent:    #007185  (Teal)
 */

/* ==========================================================================
   CSS Custom Properties (Design Tokens)
   ========================================================================== */
:root {
    /* Primary palette - High contrast around logo */
    --ignou-primary:          #1E293B; /* Neutral Deep Slate for UI elements */
    --ignou-header-bg:        #ffffff; /* Pure White Header */
    --ignou-header-text:      #0F172A; /* Ultra Dark Slate text */
    --ignou-search-btn:       #2563EB; /* Strong Royal Blue (High Contrast) */
    --ignou-search-btn-hover: #1D4ED8;
    --ignou-cta-btn:          #ea580c; /* Bold Orange for Sales */
    --ignou-cta-btn-hover:    #c2410c;
    --ignou-body-bg:          #F4F6F9; /* Clean Light Blue-Gray */
    --ignou-card-bg:          #ffffff;
    --ignou-link:             #2563EB; /* Crisp Web Blue */
    --ignou-link-hover:       #1D4ED8;

    /* Secondary palette */
    --ignou-star-yellow:      #ffa41c; /* Amazon Star Yellow */
    --ignou-price-red:        #b12704; /* Price Red */
    --ignou-sale-red:         #cc0c39; /* Sale Red */
    --ignou-success-green:    #067d62; /* Success Green */
    --ignou-border:           #E2E8F0;
    --ignou-border-dark:      #CBD5E1;
    --ignou-text-dark:        #0f1111;
    --ignou-text-muted:       #565959;
    --ignou-announcement-bg:  #232f3e;
    --ignou-nav-bg:           #232f3e;

    /* Typography */
    --ignou-font-primary:     'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --ignou-font-heading:     'Outfit', 'Inter', sans-serif;

    /* Spacing */
    --ignou-radius:           4px;
    --ignou-radius-lg:        8px;
    --ignou-radius-xl:        12px;
    --ignou-shadow:           0 2px 5px rgba(0,0,0,.08);
    --ignou-shadow-hover:     0 4px 16px rgba(0,0,0,.15);
    --ignou-shadow-card:      0 1px 3px rgba(0,0,0,.1);

    /* Transitions */
    --ignou-transition:       all .2s cubic-bezier(.4,0,.2,1);
    --ignou-transition-fast:  all .15s ease;
    --ignou-transition-slow:  all .35s cubic-bezier(.4,0,.2,1);

    /* Layout */
    --ignou-max-width:        1440px;
    --ignou-content-width:    1200px;
}

/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');

/* ==========================================================================
   Base Reset & Typography (Standalone — no parent theme)
   ========================================================================== */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html {
    font-size: 16px;
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
}

body {
    font-family: var(--ignou-font-primary);
    background-color: var(--ignou-body-bg);
    color: var(--ignou-text-dark);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--ignou-font-heading);
    font-weight: 700;
    line-height: 1.2;
    color: var(--ignou-text-dark);
}

h1 { font-size: 2rem; }
h2 { font-size: 1.5rem; }
h3 { font-size: 1.25rem; }
h4 { font-size: 1.1rem; }

a {
    color: var(--ignou-link);
    text-decoration: none;
    transition: var(--ignou-transition-fast);
}
a:hover {
    color: var(--ignou-link-hover);
    text-decoration: underline;
}

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

ul, ol { list-style: none; }

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
}

button { cursor: pointer; }

/* Screen reader only */
.screen-reader-text {
    position: absolute !important;
    width: 1px; height: 1px;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
    clip-path: inset(50%);
    word-wrap: normal !important;
}

/* Selection */
::selection {
    background: var(--ignou-search-btn);
    color: var(--ignou-header-bg);
}

/* Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #bbb; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #999; }