/*
Theme Name: Organic by Shreesha
Theme URI: http://organic-by-shreesha.local
Author: Shreesha Team
Description: "Ethereal Botany" - A gentle, nurturing theme.
Version: 2.0
*/

/* 1. IMPORT FONTS */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;600&family=Lato:wght@300;400;700&display=swap');

:root {
    /* --- NEW ETHEREAL PALETTE --- */
    --color-bg: #FDFBF7;           /* Creamy Linen */
    --color-primary: #6B8E23;      /* Sage Leaf */
    --color-secondary: #E6C2BF;    /* Dusty Rose */
    --color-accent: #D4AF37;       /* Soft Gold */
    --color-text: #4A4A4A;         /* Soft Charcoal */
    --color-card: #FFFFFF;         /* Pure White */
    
    /* --- SHADOWS & RADII --- */
    --shadow-soft: 0 10px 30px rgba(107, 142, 35, 0.08);
    --shadow-hover: 0 15px 40px rgba(107, 142, 35, 0.15);
    --radius-main: 16px;
    --radius-btn: 50px;
}

/* 2. BASE STYLES */
body {
    background-color: var(--color-bg);
    color: var(--color-text);
    font-family: 'Lato', sans-serif;
    line-height: 1.8;
    background-image: url("https://www.transparenttextures.com/patterns/paper-fibers.png"); /* Subtle Texture */
}

h1, h2, h3, h4, h5, .navbar-brand {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #2C3E50;
}

a { color: var(--color-primary); text-decoration: none; transition: all 0.3s ease; }
a:hover { color: var(--color-accent); }

/* 3. NAVBAR (Glassmorphism) */
.navbar {
    background: rgba(253, 251, 247, 0.85) !important;
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(0,0,0,0.05);
    padding: 20px 0;
}
.nav-link {
    font-size: 1.05rem;
    color: var(--color-text) !important;
    font-weight: 400;
    margin: 0 15px;
    position: relative;
}
.nav-link::after {
    content: ''; display: block; width: 0; height: 1px;
    background: var(--color-secondary); transition: width 0.3s;
    margin-top: 5px;
}
.nav-link:hover::after { width: 100%; }

/* 4. BUTTONS (Soft & Pill Shaped) */
.btn-success, .single_add_to_cart_button, .btn-buy-now {
    background-color: var(--color-primary) !important;
    border: none !important;
    border-radius: var(--radius-btn) !important;
    padding: 12px 35px !important;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    box-shadow: 0 4px 15px rgba(107, 142, 35, 0.3);
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.btn-success:hover, .single_add_to_cart_button:hover {
    background-color: #556B2F !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(107, 142, 35, 0.4);
}

/* 5. PRODUCT CARDS (Clean & Floating) */
.product-card, .card {
    border: none !important;
    border-radius: var(--radius-main) !important;
    background: var(--color-card) !important;
    box-shadow: var(--shadow-soft);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    overflow: hidden;
}
.product-card:hover {
    transform: translateY(-8px);
    box-shadow: var(--shadow-hover);
}
.product-card img {
    border-bottom: none !important;
    transition: transform 0.5s ease;
}
.product-card:hover img {
    transform: scale(1.05); /* Gentle Zoom */
}
.card-body h6 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.3rem;
    margin-bottom: 5px;
}

/* 6. HERO SECTION */
.hero-section {
    padding: 80px 0;
    background: radial-gradient(circle at top left, var(--color-secondary) 0%, transparent 40%),
                radial-gradient(circle at bottom right, var(--color-bg) 0%, transparent 40%);
}
.hero-section h1 { font-size: 4.5rem; color: #2C3E50; }

/* 7. FESTIVAL OVERRIDES (Modernized) */

/* --- DIWALI: GOLDEN GLASS --- */
body.fest-diwali {
    background-color: #1a0520;
    background-image: url("https://www.transparenttextures.com/patterns/stardust.png");
    color: #F8E71C;
}
body.fest-diwali .navbar {
    background: rgba(26, 5, 32, 0.9) !important;
    border-bottom: 1px solid #D4AF37;
}
body.fest-diwali .product-card {
    background: rgba(255, 255, 255, 0.05) !important; /* Glass Effect */
    backdrop-filter: blur(5px);
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    box-shadow: 0 0 20px rgba(212, 175, 55, 0.1);
}
body.fest-diwali h1, body.fest-diwali h2, body.fest-diwali .nav-link { color: #D4AF37 !important; }
.diwali-rocket { position: fixed; width: 3px; height: 15px; background: #fff; border-radius: 50%; box-shadow: 0 0 8px gold; z-index:0; }
.rocket-explosion { position: fixed; width: 6px; height: 6px; border-radius: 50%; filter: brightness(1.5); z-index:0; pointer-events:none;}


/* --- HALLOWEEN: MISTY SHADOW --- */
body.fest-halloween {
    background-color: #0a0a0a;
    background-image: none;
    color: #cfcfcf;
}
body.fest-halloween .navbar { background: rgba(10,10,10,0.95) !important; border-bottom: 1px solid #333; }
body.fest-halloween .product-card {
    background: rgba(30, 30, 30, 0.6) !important;
    border: 1px solid #444 !important;
    box-shadow: 0 0 30px rgba(0,0,0,0.8);
}
/* Fog & Mist */
body.fest-halloween::before {
    content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: radial-gradient(circle at 50% 120%, rgba(20, 4, 4, 0.9), transparent 70%);
    z-index: -2; animation: deepBreath 8s infinite alternate;
}
/* Mist Entity Styles */
.mist-entity {
    position: fixed; bottom: 0; width: 250px; height: 0;
    background: linear-gradient(to top, #000 10%, rgba(20,0,0,0.9) 60%, transparent 100%);
    filter: blur(12px); z-index: 9998; opacity: 0; transition: all 2s ease; pointer-events: none;
}
.mist-entity.manifest { opacity: 1; height: 140%; }
.mist-entity.manifest::after {
    content: ""; position: absolute; top: 35%; left: 50%; width: 10px; height: 10px;
    background: #ff0000; border-radius: 50%;
    box-shadow: 20px 0 20px #ff0000, -20px 0 20px #ff0000; /* Red Eyes */
    transform: translateX(-50%); opacity: 0.8; transition: opacity 2s;
}
.haunted-victim { animation: ghostShake 0.4s infinite; z-index: 9999; border-color: red !important; }
@keyframes deepBreath { 0% { opacity: 0.7; } 100% { opacity: 1; } }
@keyframes ghostShake { 0%,100% { transform:rotate(0deg); } 25% { transform:rotate(-2deg); } 75% { transform:rotate(2deg); } }
/* =========================================
   NEW SECTIONS (ADDED TO MATCH TEMPLATE)
   ========================================= */

/* Category Tile Hover Effect */
.category-tile img {
    transition: transform 0.6s ease;
}
.category-tile:hover img {
    transform: scale(1.1); /* Gentle Zoom */
}

/* Ensure Text on Tiles is Readable */
.category-tile h3 {
    text-shadow: 0 2px 10px rgba(0,0,0,0.3);
}

/* Founder Section Adjustment */
.object-fit-cover {
    object-fit: cover;
}
/* =========================================
   PARALLAX BANNER (THE COOL SCROLL EFFECT)
   ========================================= */
.parallax-banner {
    background-attachment: fixed; /* This makes the image stay still */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Make circular images pop on hover */
.rounded-circle:hover {
    transform: scale(1.1);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
/* =========================================
   BULLETPROOF FESTIVAL OVERRIDES
   ========================================= */

/* --- DIWALI OVERRIDES --- */
body.fest-diwali .bg-white,
body.fest-diwali .bg-light,
body.fest-diwali footer,
body.fest-diwali .py-5 {
    background-color: rgba(26, 5, 32, 0.7) !important;
    background: rgba(26, 5, 32, 0.7) !important;
    border-color: rgba(212, 175, 55, 0.3) !important;
}

body.fest-diwali .text-muted, 
body.fest-diwali .text-dark,
body.fest-diwali h2, body.fest-diwali h3, 
body.fest-diwali h5, body.fest-diwali h6 {
    color: #D4AF37 !important;
}

/* --- HALLOWEEN OVERRIDES --- */
body.fest-halloween .bg-white,
body.fest-halloween .bg-light,
body.fest-halloween footer,
body.fest-halloween .py-5 {
    background-color: transparent !important;
    background: transparent !important;
    border-color: #333 !important;
}

body.fest-halloween .text-muted, 
body.fest-halloween .text-dark,
body.fest-halloween h2, body.fest-halloween h3, 
body.fest-halloween h5, body.fest-halloween h6 {
    color: #cfcfcf !important;
}
/* --- GUDI PADWA: SAFFRON & MARIGOLD --- */
body.fest-gudipadva {
    background-color: #FFF5E6; /* Soft Peach/Cream */
    background-image: url("https://www.transparenttextures.com/patterns/natural-paper.png");
    color: #4A4A4A;
}

body.fest-gudipadva .navbar {
    background: rgba(255, 245, 230, 0.9) !important;
    border-bottom: 1px solid #FF9933;
}

body.fest-gudipadva .product-card {
    background: #FFFFFF !important;
    border: 1px solid #FFDB58 !important;
    box-shadow: 0 10px 25px rgba(255, 153, 51, 0.1);
}

body.fest-gudipadva h1, body.fest-gudipadva h2, body.fest-gudipadva .text-success {
    color: #FF9933 !important; /* Saffron Headings */
}

/* Bulletproof Overrides for Gudi Padwa */
body.fest-gudipadva .bg-white,
body.fest-gudipadva .bg-light,
body.fest-gudipadva footer,
body.fest-gudipadva .py-5 {
    background-color: transparent !important;
    background: transparent !important;
    border-color: #FFDB58 !important;
}

/* Falling Flower Petal Style */
.marigold-petal {
    position: fixed;
    top: -20px;
    font-size: 1.2rem;
    z-index: 9998;
    pointer-events: none;
    user-select: none;
}