/* 
   PUNARA Premium Eco-Conscious Theme
   Aesthetic: Minimal, Earthy, Professional, Sustainable
*/

:root {
    /* Earthy Color Palette */
    --earth-sage: #8fa18d;
    --earth-sage-light: #e8ede7;
    --earth-beige: #f5f2eb;
    --earth-sand: #e6dfd1;
    --earth-off-white: #faf9f6;
    --earth-olive: #6b705c;
    --earth-deep-forest: #1b261e;
    --earth-accent: #a5a58d;

    /* System Colors */
    --text-main: #000000;
    --text-muted: #000000;
    --bg-glass: rgba(245, 242, 235, 0.8);
    --border-glass: rgba(143, 161, 141, 0.3);
}

/* Global Text Darkening Overrides */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000000 !important;
}

p,
li,
div:not(header div):not(footer div) {
    color: #000000 !important;
}

/* Overriding Tailwind's light gray classes for better legibility */
.text-gray-400,
.text-gray-500 {
    color: #000000 !important;
}

.text-gray-600,
.text-gray-700 {
    color: #000000 !important;
}

.text-gray-800,
.text-gray-900 {
    color: #000000 !important;
    /* Pure black */
}

/* Ensure labels and other small text elements are dark */
label,
.label,
.text-sm:not(header .text-sm):not(footer .text-sm) {
    color: #000000 !important;
}

/* Protect white text on dark backgrounds (Header, Footer, Buttons) */
header a,
header h1,
header h2,
header span:not(.text-green-500),
footer p,
footer a,
footer h1,
footer span,
.buy-btn,
.punara-btn,
#add-to-cart-btn,
#buy-now-btn,
.top-nav a,
.sidebar a,
.hero-text,
.hero-text h2,
.hero-text p,
button[type="submit"]:not(.bg-gray-100 button) {
    color: #ffffff !important;
}

body {
    font-family: 'Poppins', sans-serif;
    color: var(--text-main) !important;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background-attachment: fixed;

    /* 
       Complex Layered Background:
       Layer 1-3: Subtle Organic Wave/Blobs (Sustainability & Circular Economy)
       Layer 4: Subtle Woven Texture (repeating linear gradients)
       Layer 5: Main Premium Gradient (Pale Linen to Sage)
    */
    background:
        /* Premium Nature Background (Outsourced) */
        linear-gradient(rgba(245, 242, 235, 0.75), rgba(232, 237, 231, 0.75)),
        url('https://images.unsplash.com/photo-1550147760-44c9966d6bc7?auto=format&fit=crop&w=1920&q=80');
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

/* Premium Card Aesthetics (Glassmorphism with Earthy Tones) */
.bg-white,
.amazon-card,
.impact-card,
.content-block,
.card,
.modal-content,
#login-method-section div,
.address-option {
    background: var(--bg-glass) !important;
    backdrop-filter: blur(16px) saturate(110%);
    -webkit-backdrop-filter: blur(16px) saturate(110%);
    border: 1px solid var(--border-glass) !important;
    box-shadow: 0 10px 40px rgba(107, 112, 92, 0.06) !important;
    border-radius: 24px !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

/* Interactive Card Effects */
.amazon-card:hover,
.impact-card:hover,
.content-block:hover,
.card:hover,
.address-option:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 45px rgba(107, 112, 92, 0.12) !important;
    background-color: rgba(250, 249, 246, 0.9) !important;
    border-color: rgba(143, 161, 141, 0.4) !important;
}

/* Header & Navigation Styling */
header {
    background-color: #2e6b3d !important;
    /* Keep brand identity but refine shadow */
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05) !important;
    backdrop-filter: none !important;
}

/* Refined Form Elements */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"],
select,
textarea {
    background-color: var(--earth-off-white) !important;
    border: 1.5px solid var(--earth-sand) !important;
    border-radius: 14px !important;
    padding: 14px 18px !important;
    color: var(--text-main) !important;
    font-size: 0.95rem !important;
    transition: all 0.3s ease !important;
}

input:focus,
select:focus,
textarea:focus {
    background-color: #ffffff !important;
    border-color: var(--earth-sage) !important;
    box-shadow: 0 0 0 4px rgba(143, 161, 141, 0.15) !important;
    outline: none !important;
}

/* Hero Section Refinement */
.search-section,
.hero-section,
.hero,
.video-section,
[class*="bg-gradient-to-r from-green-"] {
    background: linear-gradient(135deg, rgba(245, 242, 235, 0.6), rgba(232, 237, 231, 0.4)) !important;
    backdrop-filter: none !important;
    border: 1px solid var(--border-glass) !important;
    border-radius: 30px !important;
}

/* Unified Typography Colors */
.punara-green,
.text-green-600,
.text-green-700,
.text-green-800 {
    color: #265c34 !important;
    /* Strong contrast forest green */
}

/* Professional Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: var(--earth-off-white);
}

::-webkit-scrollbar-thumb {
    background: var(--earth-accent);
    border-radius: 10px;
    border: 2px solid var(--earth-off-white);
}

::-webkit-scrollbar-thumb:hover {
    background: var(--earth-sage);
}

/* Global Footer Styling */
footer,
.punara-footer {
    background-color: #2e6b3d !important;
    /* Brand Green - Matches Header */
    color: #ffffff !important;
    padding: 40px 20px !important;
    text-align: center !important;
    margin-top: auto;
}

footer a,
.punara-footer a {
    color: #a5d6a7 !important;
    text-decoration: underline;
}

footer a:hover,
.punara-footer a:hover {
    color: #ffffff !important;
}

/* Call to Action Section (Stay Updated) */
.punara-cta {
    background-color: #2e6b3d !important;
    /* Brand Green */
    color: #ffffff !important;
    padding: 60px 20px !important;
    text-align: center !important;
    backdrop-filter: none !important;
    /* Removing blur as per user request */
    border: none !important;
}

.punara-cta h2,
.punara-cta h3 {
    color: #ffffff !important;
}

/* Layout Utility for Sticky Footer */
.flex-grow {
    flex-grow: 1;
}

/* Mobile Optimizations */
@media (max-width: 768px) {
    body {
        background-attachment: scroll;
    }

    .bg-white,
    .amazon-card,
    .impact-card,
    .card {
        border-radius: 18px !important;
        padding: 20px !important;
    }
}