/*
Theme Name: Parijat Wellness
Theme URI: https://parijatwellness.com
Author: Parijat Health & Wellness Center
Author URI: https://parijatwellness.com
Description: WordPress theme for Parijat Health & Wellness Center — an Ayurvedic wellness store. Faithful conversion of the Parijat static site: same Tailwind-based design system, with products managed as WordPress posts, direct Buy-on-WhatsApp ordering (no cart flow), contact/join/newsletter forms that actually send, and a one-click setup wizard on activation.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: parijat-wellness
Tags: e-commerce, one-column, custom-menu, custom-logo, featured-images, translation-ready
*/

/* ==========================================================================
   Base styles shared by every page (the Tailwind CDN provides utilities;
   this file holds theme-level CSS + the few hand-written rules from the
   original static site).
   ========================================================================== */

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.stagger-in {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.stagger-in.visible {
    opacity: 1;
    transform: translateY(0);
}

.product-card-hover:hover {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
    transform: translateY(-4px);
}

.mobile-menu-open {
    max-height: 100vh !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.product-card:hover .buy-now-btn {
    transform: translateY(0);
    opacity: 1;
}

.favorite-btn.wishlist-active {
    background: #486500 !important;
    color: #fff !important;
}

#productGrid.list-view {
    grid-template-columns: 1fr;
}

#productGrid.list-view .product-card {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1.5rem;
}

#productGrid.list-view .product-card .relative {
    width: 220px;
    flex-shrink: 0;
}

#productGrid.list-view .product-card .p-6 {
    flex: 1;
}

.custom-scrollbar::-webkit-scrollbar {
    width: 4px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #486500;
    border-radius: 10px;
}

.tab-panel {
    display: none;
}

.tab-panel.active {
    display: block;
    animation: fadeSwap 0.35s ease;
}

.fade-swap {
    animation: fadeSwap 0.4s ease;
}

@keyframes fadeSwap {
    from {
        opacity: 0.3;
        transform: scale(0.98);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.active-nav-link {
    border-bottom-width: 2px;
    padding-bottom: 0.25rem;
}

.tonal-card {
    background-color: #F9FBF2;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.tonal-card:hover {
    box-shadow: 0 12px 32px rgba(61, 79, 23, 0.08);
    transform: translateY(-4px);
}

.timeline-line {
    position: relative;
}

.timeline-line::before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    height: 100%;
    background: linear-gradient(to bottom, #486500, #add458);
}

@media (max-width: 768px) {
    .timeline-line::before {
        left: 24px;
    }
}

.value-card:hover .value-icon {
    transform: scale(1.1) rotate(-5deg);
}

.team-card {
    transition: transform 0.3s ease;
}

.team-card:hover {
    transform: translateY(-6px);
}

/* Screen-reader skip link */
.skip-link {
    position: absolute;
    left: -9999px;
    top: 0;
    z-index: 100000;
}

.skip-link:focus {
    left: 8px;
    top: 8px;
    padding: 8px 16px;
    background: #486500;
    color: #fff;
    border-radius: 6px;
}

/* Keep images inside the WordPress editor content responsive */
.entry-content img {
    max-width: 100%;
    height: auto;
}