/*
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: Kadence Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
Tags: translation-ready,accessibility-ready,two-columns,right-sidebar,left-sidebar,footer-widgets,blog,custom-logo,custom-background,custom-menu,rtl-language-support,editor-style,threaded-comments,custom-colors,featured-images,wide-blocks,full-width-template,theme-options,e-commerce
Version: 1.4.3.1770822699
Updated: 2026-02-11 15:11:39

*/

/**
 * ==============================================================================
 * TABLE OF CONTENTS
 * ==============================================================================
 * 1. My Account Dashboard
 * 2. Auth Pages Styling
 * 3. Mobile & Global Fixes
 * 4. Out of Stock Button Alert
 * 5. Best Sellers Shortcode Grid
 * 6. Global Dual Buttons (Shop Page)
 * 7. Request Return Button
 * 8. Product Gallery Image Height
 * ==============================================================================
 */

/*
 * 1. My Account Dashboard
 * Hides default WooCommerce sidebar and creates a CSS grid layout for account cards with hover effects.
 */

/* --- HIDE OLD MENU & TEXT --- */
.woocommerce-account .woocommerce-MyAccount-navigation {
    display: none !important;
}

.woocommerce-MyAccount-content>p,
.woocommerce-MyAccount-content>.woocommerce-Message {
    display: none !important;
}

/* --- GRID CONTAINER --- */
.woocommerce-account .woocommerce-MyAccount-content {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

/* --- WELCOME MESSAGE --- */
.linktro-welcome-msg {
    margin-bottom: 30px;
    text-align: center;
    display: block !important;
}

/* --- DASHBOARD GRID --- */
.linktro-dashboard-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 20px;
}

/* --- CARD STYLE --- */
.linktro-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    padding: 30px 20px;
    text-decoration: none !important;
    transition: all 0.2s ease;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.02);
}

.linktro-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
    border-color: #000;
}

.linktro-card .dashicons {
    font-size: 32px;
    width: 32px;
    height: 32px;
    color: #000;
    margin-bottom: 15px;
}

.linktro-card-title {
    color: #333;
    font-weight: 600;
    font-size: 13px;
    /* Slightly smaller for better fit */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    text-align: center;
}

/*
 * 2. Auth Pages Styling
 * Boxed layout for login/register forms, stacked input fields, and full-width black submit buttons.
 */

/* --- 1. THE CONTAINER (Boxed Look) --- */
.woocommerce-form-login,
.woocommerce-form-register {
    max-width: 450px !important;
    margin: 0 auto !important;
    /* Center it */
    padding: 40px !important;
    background: #fff !important;
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
}

/* --- 2. THE ROWS (Force Stacked Layout) --- */
/* We target the <p> tags you showed me */
form.woocommerce-form .form-row {
    display: flex !important;
    flex-direction: column !important;
    /* THIS fixes the side-by-side issue */
    align-items: flex-start !important;
    width: 100% !important;
    margin-bottom: 20px !important;
}

/* --- 3. THE LABELS (Bold & On Top) --- */
form.woocommerce-form .form-row label {
    margin-bottom: 8px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
}

/* --- 4. THE INPUTS (Big & Full Width) --- */
form.woocommerce-form input.input-text {
    width: 100% !important;
    padding: 12px 15px !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    height: auto !important;
    /* Prevent theme squashing */
    box-sizing: border-box !important;
}

/* --- 5. THE BUTTON (Full Width Black) --- */
form.woocommerce-form button.button {
    width: 100% !important;
    background-color: #000 !important;
    color: #fff !important;
    padding: 15px !important;
    font-size: 16px !important;
    border-radius: 4px !important;
    margin-top: 10px !important;
}

/* --- 6. THE "REMEMBER ME" CHECKBOX (The Exception) --- */
/* This needs to be a ROW, not a column */
form.woocommerce-form .woocommerce-form-login__rememberme {
    display: flex !important;
    flex-direction: row !important;
    /* Side-by-side */
    align-items: center !important;
    margin-top: 15px !important;
    width: 100% !important;
}

/* Prevent the checkbox from becoming 100% wide */
form.woocommerce-form .woocommerce-form-login__rememberme input {
    width: auto !important;
    margin-right: 10px !important;
}

/* --- SUBTLE REGISTER LINK --- */
.linktro-register-link {
    text-align: center;
    margin-top: 25px !important;
    /* Space it out from lost password */
    padding-top: 20px;
    border-top: 1px solid #eee;
    /* Subtle divider */
    font-size: 14px;
    color: #666;
    width: 100%;
}

.linktro-register-link a {
    color: #000;
    /* Linktro Black */
    font-weight: 700;
    text-decoration: none;
}

.linktro-register-link a:hover {
    text-decoration: underline;
}

/*
 * 3. Mobile & Global Fixes
 * Adjusts heading typography on mobile and toggles the mobile filter sidebar visibility.
 */

/* --- MOBILE HEADER FIX (Max Width 768px) --- */

.page-title,
.archive-title,
.entry-title {
    font-size: 2.5rem !important;
    line-height: 1.2 !important;
    margin-bottom: 10px !important;
    padding: 0 !important;
}

/* --- LINKTROTECH MOBILE FILTERS --- */

/* Desktop: Hide the mobile-specific filter block */
.linktro-mobile-filter-section {
    display: none !important;
}

/* Mobile: Show the filter block */
@media (max-width: 1024px) {
    .linktro-mobile-filter-section {
        display: block !important;
        margin-bottom: 20px;
        background: #fff;
        padding: 15px;
        border-bottom: 1px solid #eee;
    }

    /* We don't need to hide #secondary here anymore because the PHP snippet 
       removed the widgets, but we keep this to hide the empty container div */

    #secondary,
    .sidebar-inner-wrap {
        display: none !important;
    }
}

/*
 * 4. Out of Stock Button Alert
 * Forces out-of-stock related buttons to become unclickable and visually bright red.
 */
.product.outofstock .button,
.product.outofstock .add_to_cart_button,
.product.outofstock a.product_type_simple,
li.outofstock .button,
li.outofstock .add_to_cart_button {
    background-color: #ff4444 !important;
    /* Bright Red */
    color: #ffffff !important;
    /* White Text */
    border-color: #ff4444 !important;
    opacity: 1 !important;
    pointer-events: none;
    /* Make it unclickable */
}

/* Ensure hover doesn't change it back to blue */
.product.outofstock .button:hover,
.product.outofstock .add_to_cart_button:hover {
    background-color: #ff4444 !important;
    color: #ffffff !important;
}

/*
 * 5. Best Sellers Shortcode Grid
 * Modern grid layout for top products, including sale badge positioning and interactive card design.
 */
/* 1. Grid Layout */
.linktrotech-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-bottom: 40px;
    padding: 0;
}

@media (min-width: 992px) {
    .linktrotech-grid {
        grid-template-columns: repeat(4, 1fr);
        gap: 30px;
    }
}

/* 2. The Card Style */
.linktrotech-grid li.product {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    padding: 15px;
    text-align: center;
    list-style: none !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.3s ease;
    margin: 0 !important;
    position: relative;
    border: 1px solid #f0f0f0;
}

.linktrotech-grid li.product:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    border-color: #e0e0e0;
}

/* 3. Sale Badge & Wishlist Positioning */
.linktrotech-grid .onsale {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 10;
    margin: 0;
    border-radius: 4px;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 700;
}

/* 4. Image Area */
.linktrotech-grid li.product a.woocommerce-LoopProduct-link {
    display: block;
    margin-bottom: 15px;
}

.linktrotech-grid li.product img {
    margin: 0 auto;
    width: 100%;
    height: auto;
    object-fit: contain;
    display: block;
}

/* 5. Title & Price */
.linktrotech-grid li.product .woocommerce-loop-product__title {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 8px;
    line-height: 1.4;
    color: #2c3e50;
}

.linktrotech-grid li.product .price {
    color: #111;
    font-weight: 700;
    display: block;
    margin-bottom: 15px;
    font-size: 16px;
}

.linktrotech-grid li.product .price del {
    opacity: 0.5;
    font-weight: 400;
    margin-right: 5px;
}

/* 6. DUAL BUTTONS */
.linktrotech-buttons {
    display: flex;
    gap: 10px;
    margin-top: auto;
    width: 100%;
}

.linktrotech-grid li.product .button,
.linktrotech-grid li.product .add_to_cart_button,
.linktrotech-grid li.product .order-now-btn {
    flex: 1;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 10px 5px !important;
    font-size: 13px !important;
    border-radius: 4px;
    font-weight: 600;
    text-decoration: none;
    line-height: 1.2 !important;
    text-align: center;
    transition: background 0.3s ease;
}

.linktrotech-grid li.product .button,
.linktrotech-grid li.product .add_to_cart_button {
    background-color: #046bd2 !important;
    color: #fff !important;
}

.linktrotech-grid li.product .button:hover {
    background-color: #0352a1 !important;
}

.linktrotech-grid li.product .order-now-btn {
    background-color: #000 !important;
    color: #fff !important;
}

.linktrotech-grid li.product .order-now-btn:hover {
    background-color: #333 !important;
}

@media (max-width: 400px) {
    .linktrotech-buttons {
        flex-direction: column;
    }
}

/*
 * 6. Global Dual Buttons (Shop Page)
 * Flexbox styling for side-by-side 'Add to Cart' (Blue) and 'Order Now' (Black) buttons.
 */
/* 1. The Container */
.linktrotech-global-buttons {
    display: flex;
    gap: 10px;
    margin-top: 15px;
    width: 100%;
}

/* 2. Make buttons share space equally */
.linktrotech-global-buttons .button,
.linktrotech-global-buttons .order-now-btn {
    flex: 1;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 10px 5px !important;
    font-size: 13px !important;
    border-radius: 4px;
    font-weight: 600;
    line-height: 1.2 !important;
    text-align: center;
    transition: background 0.3s ease;
}

/* 3. "Add to Cart" = Blue (Targeting Woo classes) */
.linktrotech-global-buttons .add_to_cart_button,
.linktrotech-global-buttons .button.product_type_simple {
    background-color: #046bd2 !important;
    color: #fff !important;
}

.linktrotech-global-buttons .add_to_cart_button:hover {
    background-color: #0352a1 !important;
}

/* 4. "Order Now" = Black */
.linktrotech-global-buttons .order-now-btn {
    background-color: #000 !important;
    color: #fff !important;
}

.linktrotech-global-buttons .order-now-btn:hover {
    background-color: #333 !important;
}

/* 5. Mobile Adjustment */
@media (max-width: 400px) {
    .linktrotech-global-buttons {
        flex-direction: column;
    }
}

/*
 * 7. Request Return Button
 * Distinct red styling for the WhatsApp return logic in the Orders table.
 */
/* FIX 1: THE ORDERS LIST (Separate the buttons) */
.woocommerce-orders-table__cell-order-actions {
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap;
    justify-content: flex-end;
}

/* FIX 2: THE ORDER DETAILS PAGE (Fix table alignment) */
.shop_table.order_details tr td a.return_request {
    display: inline-block !important;
    margin: 5px 0 !important;
}

/* FIX 3: THE BUTTON STYLE (Make it RED) */
a.button.return_request {
    background-color: #d63638 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 4px !important;
    font-weight: 500 !important;
    padding: 8px 12px !important;
    line-height: 1 !important;
}

a.button.return_request:hover {
    background-color: #a00000 !important;
    text-decoration: none !important;
    color: #fff !important;
}

/*
 * 8. Product Gallery Image Height
 * Fixes unusual height sizing when product has multiple images
 */
.single-product .woocommerce-product-gallery .flex-viewport,
.single-product .woocommerce-product-gallery .splide__track,
.single-product .woocommerce-product-gallery .splide__list,
.single-product .woocommerce-product-gallery .splide__slide,
.single-product .woocommerce-product-gallery__wrapper,
.single-product .woocommerce-product-gallery__image {
    height: auto !important;
}

.single-product .woocommerce-product-gallery__image img {
    height: auto !important;
    object-fit: contain !important;
    max-height: 500px !important;
    width: auto !important;
    margin: 0 auto;
}

.single-product .woocommerce-product-gallery {
    height: auto !important;
    margin-bottom: 20px !important;
}

.product_title {
    font-size: 1.2rem !important;
    font-weight: 600 !important;
}

.woocommerce-product-details__short-description h2 {
    font-size: 1.2rem !important;
}

.woocommerce-LoopProduct-link-title {
    font-size: 1rem;
}