/*
 Theme Name:   Himanshu Saini Store Pro
 Theme URI:    https://sainisolutions.in/wplitetheme-pro/
 Description:  Default WP Lite Theme GeneratePress child theme
 Author:       Himanshu Saini
 Author URI:   https://sainisolutions.in
 Template:     generatepress
 Version:      1.1
*/

/* ===============================
   1. GENERAL SETTINGS
   =============================== */
a {
    text-decoration: none !important;
}

a:hover, a:focus, a:active {
    text-decoration: none !important;
}

/* ===============================
   2. SEARCH BAR
   =============================== */
#wp-block-search__input-1 {
    border-radius: 120px;
    border: 0;
}

.wp-block-search__inside-wrapper {
    border-radius: 120px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

/* ===============================
   3. IMAGE SCROLL EFFECT
   =============================== */
.images-scroll {
    position: relative;
    background-position: 0 0 !important;
    transition: 2s ease-in-out !important;
}

.images-scroll:hover {
    background-position: 0 100% !important;
}

.images-scroll .preview-badge {
    position: absolute;
    top: 10px;
    right: 14px;
    background: #ff1f1f;
    color: #fff;
    padding: 4px 14px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 2px;
    z-index: 5;
    box-shadow: 0 6px 18px rgba(0,0,0,0.2);
}

/* ===============================
   4. WHATSAPP FLOATING BUTTONS
   =============================== */
#whatsappFloatingButton, .whatsapp-float {
    position: fixed;
    right: 25px;
    background-color: #25d366;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    transition: transform 0.3s ease;
    box-shadow: 0 8px 20px rgba(0,0,0,0.3);
}

#whatsappFloatingButton {
    bottom: 75px;
    width: 50px;
    height: 50px;
    animation: whatsappButtonAnimation 0.5s;
}

.whatsapp-float {
    bottom: 90px;
    width: 55px;
    height: 55px;
}

#whatsappFloatingButton svg {
    width: 30px;
    fill: #fff;
}

.whatsapp-float img {
    width: 28px;
    height: 28px;
}

.whatsapp-float:hover {
    transform: scale(1.1);
}

@keyframes whatsappButtonAnimation {
    0% { transform: scale3d(0, 0, 0); }
    100% { transform: scale3d(1, 1, 1); }
}

/* ===============================
   5. WOOCOMMERCE PRICE & BREADCRUMBS
   =============================== */
.woocommerce ul.products li.product .price ins,
.woocommerce ul.products li.product .price ins span,
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins,
.wc-block-components-product-price__value {
    color: #e60023 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.woocommerce .woocommerce-breadcrumb {
    background: #e5e8ec;
    color: #000;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 700;
    margin-bottom: 20px;
}

.woocommerce ul.products li.product .price del,
.woocommerce div.product p.price del,
.wc-block-components-product-price__regular {
    color: #777 !important;
    font-weight: 400 !important;
    opacity: 1 !important;
    text-decoration: line-through;
}

.woocommerce .star-rating span {
    color: #faa105;
}

/* ===============================
   6. SINGLE PRODUCT PAGE
   =============================== */
.single-product .product_title {
    font-size: 26px;
    font-weight: 800;
    margin-bottom: 10px;
}

/* Hiding Categories/SKU Meta */
.single-product .product_meta {
    display: none !important;
}

.single-product .summary p.price {
    margin: 10px 0 20px;
    font-size: 20px;
}

/* Add to Cart Section */
.single-product form.cart {
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
}

.single-product .quantity input.qty {
    width: 70px;
    height: 52px;
    border-radius: 10px;
    border: 2px solid #111;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}

.single-product button.single_add_to_cart_button {
    flex: 1;
    height: 52px;
    background: #111 !important;
    color: #fff !important;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 700;
    border: none;
    transition: all 0.25s ease;
}

.single-product button.single_add_to_cart_button:hover {
    background: #000 !important;
    transform: translateY(-1px);
}

/* Custom Product Buttons (Blue) */
.custom-product-buttons {
    display: flex;
    gap: 10px;
    margin-top: 15px;
    width: 100%;
}

.gp-custom-btn {
    flex: 1;
    background-color: #0f172a !important;
    color: #ffffff !important;
    text-align: center;
    padding: 12px 15px;
    text-decoration: none;
    border-radius: 4px;
    font-weight: 600;
    font-size: 16px;
    transition: all 0.3s ease;
    display: block;
}

.gp-custom-btn:hover {
    background-color: #1e293b !important;
}

@media (max-width: 768px) {
    .single-product form.cart { flex-direction: column; }
    .single-product button.single_add_to_cart_button { width: 100%; }
    .custom-product-buttons { flex-direction: column; }
}

/* ===============================
   7. PRODUCT TABS (Description/Reviews)
   =============================== */
.single-product .woocommerce-tabs {
    display: block !important; /* Fixing the missing tabs issue */
    margin-top: 30px;
}

.single-product .woocommerce-Tabs-panel--description {
    max-width: 1000px;
    margin: 0 auto;
    padding: 40px 0;
}

.single-product .woocommerce-Tabs-panel--description h3::before {
    content: "";
    width: 6px;
    height: 22px;
    background: linear-gradient(180deg, #0bb7a7, #0ea5e9);
    border-radius: 10px;
    display: inline-block;
    margin-right: 10px;
}

.single-product .woocommerce-Tabs-panel--description ol {
    list-style: none;
    counter-reset: offer;
    padding: 0;
}

.single-product .woocommerce-Tabs-panel--description ol li {
    counter-increment: offer;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 18px;
    margin-bottom: 10px;
    background: linear-gradient(180deg, #ffffff, #f8fafc);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0,0,0,0.04);
    transition: 0.25s;
}

.single-product .woocommerce-Tabs-panel--description ol li::before {
    content: counter(offer);
    min-width: 30px;
    height: 30px;
    border-radius: 10px;
    background: linear-gradient(135deg, #0bb7a7, #0ea5e9);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}

/* ===============================
   8. SHOP & RELATED PRODUCTS GRID
   =============================== */
.woocommerce ul.products, 
.single-product .related ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    padding: 0;
}

.woocommerce ul.products::before, .woocommerce ul.products::after {
    display: none !important;
}

.woocommerce ul.products li.product,
.single-product .related ul.products li.product {
    list-style: none;
    width: 100% !important;
    float: none !important;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    transition: all .3s ease;
}

.woocommerce ul.products li.product:hover {
    border-color: #000;
    transform: translateY(-6px);
}

.woocommerce ul.products li.product .button {
    margin-top: auto;
    background: #000;
    color: #fff;
    border-radius: 8px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

@media (max-width: 1024px) {
    .woocommerce ul.products, .single-product .related ul.products { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
    .woocommerce ul.products, .single-product .related ul.products { grid-template-columns: repeat(2, 1fr); gap: 15px; }
}
@media (max-width: 480px) {
    .woocommerce ul.products { grid-template-columns: repeat(1, 1fr); }
}




/* ===============================
   11. NOTICES & BADGES
   =============================== */
.woocommerce-message, .woocommerce-error, .woocommerce-info {
    position: relative; padding: 15px 18px 15px 50px; border-radius: 8px;
    font-size: 14px; border-left: 4px solid; box-shadow: 0 6px 20px rgba(0,0,0,0.06); background: #fff;
}

.woocommerce-message { border-color: #22c55e; background: #09b0a3; color: #166534; }
.woocommerce-error { border-color: #ef4444; background: #09b0a3; color: #7f1d1d; }
.woocommerce-info { border-color: #3b82f6; background: #09b0a3; color: #1e3a8a; }

/* Badges */
.auto-off-badge {
    display: inline-block; background: #e6f9ed; color: #15803d;
    font-size: 13px; font-weight: 600; padding: 6px 10px; border-radius: 6px; margin: 6px 0 12px;
}
.auto-off-badge::before { content: "⚡"; margin-right: 5px; }

/* Fake Viewing */
.fake-viewers {
    margin: 15px 0; padding: 10px 14px; background: #f6fffa;
    border: 1px solid #b7ebd4; border-radius: 6px; font-size: 14px; color: #135200;
    display: flex; align-items: center; gap: 8px;
}

.viewer-dot {
    width: 10px; height: 10px; background: #22c55e; border-radius: 50%;
    animation: pulse-dot 1.5s infinite;
}

@keyframes pulse-dot {
    0% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.4); opacity: 0.6; }
    100% { transform: scale(1); opacity: 1; }
}



/* ============================================================
   MODERN WOOCOMMERCE TABS STYLING
   ============================================================ */

/* 1. Tabs Container aur List Styling */
.woocommerce div.product .woocommerce-tabs ul.tabs {
    display: flex;
    gap: 10px;
    padding: 0 0 15px 0 !important;
    margin: 0 0 30px 0 !important;
    border: none !important; /* Default border hatane ke liye */
    background: transparent !important;
    overflow-x: auto;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    display: none; /* Default line hatane ke liye */
}

/* 2. Individual Tab (Button Look) */
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    padding: 8px 24px !important;
    margin: 0 !important;
    transition: all 0.3s ease;
}

/* Tab Text Styling */
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: #64748b !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* 3. Active & Hover Tab Styling */
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover {
    background: #f1f5f9 !important;
    transform: translateY(-2px);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: #0f172a !important; /* Aapke buttons ka dark color */
    border-color: #0f172a !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: #ffffff !important;
}

/* 4. Tab Panel (Content Area) Styling */
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel {
    padding: 20px 0;
}

/* Redundant "Description" heading hide karne ke liye (jo tab ke andar dubara aata hai) */
.woocommerce-Tabs-panel > h2:first-child {
    display: none;
}

/* 5. Mobile Responsive Tabs */
@media (max-width: 768px) {
    .woocommerce div.product .woocommerce-tabs ul.tabs {
        flex-wrap: nowrap;
        white-space: nowrap;
        padding-bottom: 10px !important;
    }
    
    .woocommerce div.product .woocommerce-tabs ul.tabs li {
        padding: 8px 16px !important;
    }
}

.ss-read-full-wrap {
    text-align: center;
    margin-top: 18px;
}

.ss-read-full-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 12px 22px;
    background: #2563eb;
    color: #fff !important;
    font-size: 15px;
    font-weight: 600;
    border-radius: 30px;
    text-decoration: none;
    box-shadow: 0 10px 25px rgba(37,99,235,0.35);
    transition: all 0.3s ease;
}

.ss-read-full-btn:hover {
    background: #1e40af;
    transform: translateY(-2px);
}
.gp-breadcrumbs {
    background: #f1f5f9;
    padding: 8px 14px;
    border-radius: 6px;
    font-size: 13px;
    margin-bottom: 15px;
}

.gp-breadcrumbs a {
    color: #2563eb;
    text-decoration: none;
    font-weight: 500;
}

.gp-breadcrumbs span {
    color: #111827;
    font-weight: 600;
}

/* Social login wrapper */
.xoo-social-login {
    width: 100%;
    margin-top: 15px;
    text-align: center;
}

/* Nextend main container */
.xoo-social-login .nsl-container {
    width: 100% !important;
    display: flex;
    justify-content: center !important;
}

/* Buttons wrapper */
.xoo-social-login .nsl-container-buttons {
    width: 100%;
}

/* Google button full width */
.xoo-social-login .nsl-button {
    width: 100% !important;
    max-width: 100% !important;
    justify-content: center;
    box-sizing: border-box;
}

/* Anchor (clickable area) full width */
.xoo-social-login a {
    width: 100%;
    display: block;
}

/* Text & icon center alignment */
.xoo-social-login .nsl-button-label-container {
    flex: 1;
    text-align: center;
}
.xoo-social-login .nsl-button {
    border-radius: 6px;
    height: 48px;
    font-size: 15px;
    font-weight: 600;
}

/* Wrapper */
.xoo-social-login {
    width: 100%;
    margin-top: 18px;
    text-align: center;
}

/* Container */
.xoo-social-login .nsl-container {
    width: 100% !important;
    display: flex;
    justify-content: center !important;
}

/* Buttons wrapper */
.xoo-social-login .nsl-container-buttons {
    width: 100%;
}

/* Button */
.xoo-social-login .nsl-button {
    width: 100% !important;
    height: 50px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    justify-content: center;
    border: 1px solid #ddd;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    transition: all 0.25s ease;
}

/* Hover effect */
.xoo-social-login .nsl-button:hover {
    box-shadow: 0 6px 18px rgba(0,0,0,0.15);
    transform: translateY(-2px);
}

/* Clickable area */
.xoo-social-login a {
    width: 100%;
    display: block;
}

/* Text center */
.xoo-social-login .nsl-button-label-container {
    flex: 1;
    text-align: center;
}

.dashboard-boxes {
	display:none;
	
}

.wplt-myaccount-dashboard-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 25px;
}

/* Small & clean cards */
.wplt-dashboard-box {
    padding: 15px 15px;
    background: var(--background-color);
    border: 1px solid rgba(0, 0, 0, 0.08);
    text-align: center;
    text-decoration: none;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: none !important;
    transition: none !important;
}

/* Icons */
.wplt-dashboard-icon svg {
    width: 38px;
    height: 38px;
    fill: var(--primary-color);
    margin-bottom: 10px;
}

/* Labels */
.wplt-dashboard-label {
    font-size: 14px;
    font-weight: 500;
    color: var(--headline-color);
}

/* Tablet */
@media (max-width: 1024px) {
    .wplt-myaccount-dashboard-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile */
@media (max-width: 600px) {
    .wplt-myaccount-dashboard-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .wplt-dashboard-box {
        padding: 18px 12px;
    }

    .wplt-dashboard-icon svg {
        width: 32px;
        height: 32px;
        margin-bottom: 8px;
    }

    .wplt-dashboard-label {
        font-size: 13px;
    }
}

.woocommerce div.product form.cart div.quantity {
    float: left;
    margin: 0 4px 0 0;
    display: none;
}