/*
Theme Name: Study For Next School
Theme URI: https://www.studyfornext.com/2026/09/study-for-next-school-wordpress-theme.html
Author: Er. Yogendra Singh Rajput
Author URI: https://www.yogendrasinghrajput.com/
Description: A premium, modern, fully responsive, and highly customizable education theme built specially for schools, colleges, polytechnics, and ITIs. It features dynamic notice boards, a scalable courses layout, gallery integration, and advanced customizer options.
Version: 1.1.0
Requires at least: 5.0
Tested up to: 6.4
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: study-for-next-school
Tags: education, custom-menu, custom-logo, full-width-template, portfolio, theme-options, translation-ready, two-columns

Study For Next School WordPress Theme, Copyright 2026 Er. Yogendra Singh Rajput
Study For Next School is distributed under the terms of the GNU GPL.
*/

/* ==========================================
   1. CORE WordPress & RESET (Required)
   ========================================== */
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto; }
.alignright { float: right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* ==========================================
   2. WOOCOMMERCE PREMIUM RESETS (Conflict Fix)
   ========================================== */
.woocommerce ul.products::before, 
.woocommerce ul.products::after { 
    display: none !important; 
}

.woocommerce ul.products li.product { 
    width: 100% !important; 
    margin: 0 !important; 
    float: none !important; 
    list-style: none !important;
}

.woocommerce span.onsale { 
    display: none !important; 
}

/* ==========================================
   3. PREMIUM UI ELEMENTS (Chasma Lagao Style)
   ========================================== */
.widget select { 
    width: 100%; 
    padding: 10px; 
    border-radius: 10px; 
    border: 1px solid #f3f4f6;
    font-size: 13px;
    background-color: #f9fafb;
}

.add_to_cart_button, .product_type_simple {
    background: #000042 !important; 
    color: white !important;
    font-weight: 800 !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 14px !important;
    border-radius: 12px !important;
    width: 100% !important;
    display: block !important;
    text-align: center !important;
    transition: all 0.3s ease-in-out !important;
}

.add_to_cart_button:hover {
    background: #32b8c6 !important; 
    color: #000042 !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgba(50, 184, 198, 0.3);
}

.woocommerce-pagination ul {
    border: none !important;
    display: flex !important;
    gap: 8px !important;
    justify-content: center !important;
}

.woocommerce-pagination ul li {
    border: none !important;
}

.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span {
    padding: 10px 16px !important;
    background: white !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    color: #000042 !important;
    transition: all 0.3s ease;
}

.woocommerce-pagination ul li a:hover {
    border-color: #32b8c6 !important;
    color: #32b8c6 !important;
}

.woocommerce-pagination ul li span.current {
    background: #000042 !important;
    color: white !important;
    border-color: #000042 !important;
}

/* ==========================================
   4. SFN CUSTOM FIXES (Price Wrap & Sort UI)
   ========================================== */
.sfn-price-wrapper del {
    font-size: 14px !important;
    color: #94a3b8 !important;
    font-weight: 600 !important;
    margin-right: 8px !important;
    text-decoration: line-through !important;
}

.sfn-price-wrapper ins {
    text-decoration: none !important;
    color: #000042 !important;
}

.sfn-price-wrapper .amount {
    display: inline-block !important; 
}

.sfn-custom-sort-wrapper select {
    border: none !important;
    background-color: transparent !important;
    outline: none !important;
    box-shadow: none !important;
    color: #000042 !important;
    font-weight: 800 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    cursor: pointer !important;
    padding-right: 15px !important;
    appearance: none !important; 
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
}

/* ==========================================
   5. SINGLE PRODUCT PAGE (LENSKART STYLE)
   ========================================== */
.sfn-add-to-cart-wrapper .product_title,
.sfn-add-to-cart-wrapper .price,
.sfn-add-to-cart-wrapper .product_meta {
    display: none !important;
}

.sfn-custom-price-box ins {
    text-decoration: none !important;
    color: #000042 !important;
}

.sfn-custom-price-box del {
    font-size: 16px !important;
    color: #94a3b8 !important;
    text-decoration: line-through !important;
    margin-left: 10px !important;
}

.sfn-add-to-cart-wrapper form.cart {
    display: flex !important;
    gap: 15px !important;
    width: 100% !important;
    align-items: center !important;
}

.sfn-add-to-cart-wrapper .quantity input.qty {
    width: 60px !important;
    height: 54px !important;
    border: 2px solid #e2e8f0 !important;
    border-radius: 10px !important;
    text-align: center !important;
    font-weight: 800 !important;
    color: #000042 !important;
    outline: none !important;
}

.sfn-add-to-cart-wrapper button.single_add_to_cart_button {
    flex-grow: 1 !important; 
    background-color: #000042 !important; 
    color: #ffffff !important;
    height: 54px !important;
    border-radius: 12px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    text-transform: none !important; 
    border: none !important;
    cursor: pointer !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 66, 0.1) !important;
    transition: all 0.3s ease !important;
}

.sfn-add-to-cart-wrapper button.single_add_to_cart_button:hover {
    background-color: #32b8c6 !important;
    color: #000042 !important;
}

/* ==========================================
   6. RESPONSIVE VERTICAL GALLERY
   ========================================== */
.sfn-lenskart-gallery .woocommerce-product-gallery__wrapper {
    border: 1px solid #f1f5f9;
    border-radius: 16px;
    background: #ffffff;
    overflow: hidden;
}

.woocommerce-product-gallery img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

.sfn-lenskart-gallery .flex-control-nav.flex-control-thumbs img {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    cursor: pointer;
    background: #ffffff;
    transition: border-color 0.3s;
    width: 100% !important;
    height: auto !important;
}

.sfn-lenskart-gallery .flex-control-nav.flex-control-thumbs img:hover,
.sfn-lenskart-gallery .flex-control-nav.flex-control-thumbs img.flex-active {
    border: 2px solid #000042 !important;
}

@media (min-width: 768px) {
    .sfn-lenskart-gallery .woocommerce-product-gallery {
        display: flex !important;
        flex-direction: row-reverse !important;
        gap: 20px;
        align-items: flex-start;
    }
    
    .sfn-lenskart-gallery .woocommerce-product-gallery__wrapper {
        width: 85% !important;
        margin: 0 !important;
    }
    
    .sfn-lenskart-gallery .flex-control-nav.flex-control-thumbs {
        width: 15% !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .sfn-lenskart-gallery .flex-control-nav.flex-control-thumbs li {
        width: 100% !important;
        float: none !important;
    }
}

@media (max-width: 767px) {
    .sfn-lenskart-gallery .woocommerce-product-gallery__wrapper {
        margin-bottom: 15px !important;
    }
    
    .sfn-lenskart-gallery .flex-control-nav.flex-control-thumbs {
        display: flex !important;
        flex-direction: row !important;
        gap: 10px !important;
        overflow-x: auto !important;
        padding-bottom: 5px !important;
        margin: 0 !important;
    }
    
    .sfn-lenskart-gallery .flex-control-nav.flex-control-thumbs li {
        width: 22% !important;
        flex-shrink: 0;
        float: none !important;
    }
    
    .sfn-lenskart-gallery .flex-control-nav.flex-control-thumbs::-webkit-scrollbar {
        display: none;
    }
} 

/* ==========================================
   7. ULTIMATE MOBILE GRID FIX (SHOP & CATEGORY)
   ========================================== */
@media screen and (max-width: 767px) {
    /* Hard override to force 1-column layout on all product loops */
    .woocommerce ul.products, 
    .woocommerce-page ul.products,
    .site-main ul.products,
    .tax-product_cat ul.products,
    ul.products.columns-2,
    ul.products.columns-3,
    ul.products.columns-4 {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        padding: 0 15px !important;
        margin: 0 !important;
        gap: 20px !important;
    }
    
    .woocommerce ul.products li.product, 
    .woocommerce-page ul.products li.product,
    .tax-product_cat ul.products li.product,
    ul.products li.product {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        margin: 0 0 15px 0 !important;
        float: none !important;
        display: flex !important;
        flex-direction: column !important;
    }
}

/* ==========================================
   8. YITH WISHLIST PREMIUM ICON FIX
   ========================================== */
.yith-wcwl-add-to-wishlist span {
    display: none !important;
}

.yith-wcwl-add-button a {
    text-indent: -9999px; /* Hides ugly text */
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: #ffffff !important;
    border-radius: 50% !important;
    color: #000042 !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important;
    border: 1px solid #e2e8f0 !important;
    transition: all 0.3s ease !important;
}

.yith-wcwl-add-button a::before {
    text-indent: 0;
    display: block;
}

.yith-wcwl-add-button a:hover {
    background: #f43f5e !important; 
    color: white !important;
    border-color: #f43f5e !important;
    transform: scale(1.1);
}