/**
* Theme Name: Tactiko Child
* Description: This is a child theme of Tactiko, generated by Merlin WP.
* Author: <a href="https://wpopal.com/">Opalthemes</a>
* Template: tactiko
* Version: 1.1.3
*/


/* Addng this to stop text from wrapping in the ADDITIONAL INFORMATION section */
.woocommerce-product-attributes-item__label {
	white-space: nowrap;
}

/* Target only the checkbox square of the active category */
.cat-item.current-cat > a::before {
    background-color: var(--primary) !important; /* Matches your grey fill */
    border-color: var(--primary) !important;
    display: inline-block !important;
}

/* Ensure the 'plus' toggle/dropdown background remains transparent */
.cat-item.current-cat .acc-btn,
.cat-item.current-cat .acc-btn::before,
.cat-item.current-cat .acc-btn::after {
    background-color: transparent !important;
}

/* 1. Universal Pill Styling (Restored Natural Padding) */
.single-product .stock.wclt_lead_time,
.single-product .stock.available-on-backorder,
.single-product .stock.in-stock {
    color: #ffffff !important;
    padding: 6px 14px !important; 
    border-radius: 4px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 11px !important; /* Slightly smaller to fit better in the list */
    line-height: 1 !important;
    display: inline-block !important;
    white-space: nowrap !important;
    position: relative !important;
    margin: 0 !important;
    text-align: center !important;
}

/* 2. Color Assignments */
.single-product .stock.wclt_lead_time,
.single-product .stock.available-on-backorder {
    background-color: #f39c12 !important; /* Orange */

}


.single-product .stock.in-stock {
    background-color: #2ecc71 !important; /* Green */
}

/* 3. THE ALIGNMENT FIX: Use Flex on the Table Cell */
.woocommerce-grouped-product-list-item__label {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important; /* This is the ONLY gap control you need now */
    flex-wrap: wrap !important;
}

/* 4. Reset inner wrappers that cause "ghost" padding */
.woocommerce-grouped-product-list-item__label a,
.woocommerce-grouped-product-list-item__label .inline-grouped-stock {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 5. THE KILL SWITCH: Prevent Duplicates */
.woocommerce-grouped-product-list-item__price .stock.available-on-backorder,
.woocommerce-grouped-product-list-item__price .stock.in-stock,
.woocommerce-grouped-product-list-item__price .stock.wclt_lead_time, /* ADDED THIS */
.single-product .summary > .stock.available-on-backorder,
.single-product .summary > .stock.wclt_lead_time { /* ADDED THIS */
    display: none !important;
}

/* 6. Desktop Variation Nudge (-10px for the big price) */
@media (min-width: 769px) {
    .single-product .stock.wclt_lead_time,
    .single-product .woocommerce-variation-availability .stock {
        top: -10px !important; 
    }
}




/* Green for In Stock */
.shop-loop-stock-status .in-stock {
    color: #15D11C; 
}

/* Red for Out of Stock */
.shop-loop-stock-status .out-of-stock {
    color: #ce1126;
}

/* Style the stock text specifically for the shop loop */
.woocommerce ul.products li.product .stock {
    font-size: 0.85rem;
    font-weight: 700;
    margin-bottom: 8px;
    display: block;
}

/* Match your brand color for in-stock simple items */
.woocommerce ul.products li.product .in-stock {
    color: var(--wp--preset--color--primary, #2dbe60);
}


/* Filing in Filter checkboxes instead if outline */

li.chosen a:before {
	box-shadow: none;
	background-color: var(--primary);
}



/* Add the new text using the ::after pseudo-element */
.required::after {
    content: " Required";
    font-size: 14px; /* Set this to your preferred size */
    color: red;      /* Optional: keep it red for visibility */
}


/* Adds a space below each additional settings to clean it up, aligns price to right */

.woocommerce-variation-price {
    display: flex !important;
    justify-content: flex-end !important; /* This pushes everything to the right */
    align-items: center;
}

.wc-pao-subtotal-line .amount {
    margin-left: 15px;    /* Adjust this number for more or less space */
    display: inline-block; /* Ensures the margin is respected */
}

.wc-pao-addon-container {
	padding-bottom: 15px;
	
}

/* Convert standard Span with .custom-item-stock into a CSS button */
span.custom-item-stock {
    /* Required to apply height, padding, and alignment */
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    
    /* Apply your color and weight preferences */
    color: #ffffff !important; 
    background-color: #27ae60; /* Your brand green */
    font-size: 0.85em;
    font-weight: 600;
    
    /* Button Structure & Theme Height */
    height: 25px; /* Matches standard theme button height */
    padding: 0 10px;
    border-radius: 4px;
    
    /* Reset text defaults */
    text-decoration: none !important;
    line-height: 1;
    white-space: nowrap;
    border: none;
}


.reset_variations {
    display: inline-flex !important;
    align-items: center;
    /* Prevents the text from splitting into two lines */
    white-space: nowrap !important; 
    
    /* Ensuring enough width for the icon + text */
    min-width: fit-content;
    
    background-color: #2c2c2c;
    color: #ffffff !important;
    padding: 8px 15px;
    border-radius: 4px;
    text-decoration: none !important;
    font-weight: bold;
    font-size: 12px;
}

/* Optional: If the button is too close to the dropdown */
.reset_variations {
    margin-left: 10px;
}

/* Container: Ensures the list width matches content length (Fit-to-Width) */
.custom-variation-container {
    display: inline-block;
    min-width: 300px;
    max-width: 100%;
    clear: both;
}


/* List Reset */
.custom-variation-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Individual Item: Ensures layout */
.custom-variation-item {
    display: flex !important;
    align-items: center;
    box-sizing: border-box !important;
    padding: 15px !important;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: #fff;
    white-space: nowrap; /* Keeps content on one line */
    gap: 20px;
}

/* Internal Layout & Typography */
.custom-item-image-wrapper { flex-shrink: 0; margin-right: 20px; position: relative; width: 70px; height: 70px; }
.custom-item-content-wrapper { display: flex; flex-direction: column; gap: 6px; text-align: left; overflow: hidden;}
.custom-item-footer-row { display: flex; align-items: center; gap: 15px; margin-top: 5px; justify-content: flex-start; }


.custom-item-button { padding: 8px 16px; font-size: 0.9em; display: inline-block !important; }
.view-item-button { background: #A08F74; padding: 8px 16px; font-size: 0.9em; display: inline-block !important; }


/* --- Image Zoom (Desktop Only, safe for mobile) --- */
.variation-zoom { transition: all 0.3s ease; border-radius: 4px; display: block; width: 70px; height: auto; position: absolute; top: 0; left: 0; z-index: 1; }
@media (min-width: 1025px) { 
    .variation-zoom:hover { width: 400px !important; max-width: 400px; z-index: 999; box-shadow: 0 10px 30px rgba(0,0,0,0.3); transform: translate(-10%, -20%); cursor: pointer; }
}
@media (max-width: 1024px) { 
    .variation-zoom { position: static !important; width: 70px !important; }
    .custom-variation-item { white-space: normal !important; flex-wrap: wrap; }
}



.backorder_notification{
    display: none;
}
.backorder_notification_custom{
    display: block;
    margin-bottom:0px;
}

/* --- Global List/Table Layout --- */
.custom-woo-table-view ul.products {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

.custom-woo-table-view ul.products li.product {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background-color: #fff !important;
    border-bottom: 1px solid #333 !important;
    padding: 10px 0 !important;
    margin: 0 !important;
    width: 100% !important;
    float: none !important;
    clear: both !important;
    list-style: none !important;
}

.custom-woo-table-view li.product img,
.custom-woo-table-view li.product .woocommerce-placeholder {
    height: 80px !important; /* Scales images to 80px height */
    width: auto !important; 
    margin: 0 !important;
    object-fit: cover !important; /* Prevents stretching */
}

.e-n-accordion-item-title-header .e-n-accordion-item-title-text {
    color: #4B5320; font-weight: bold; font-size: 1.2em !important;
}


/* Change Lead Time color  */
.wclt_lead_time {
    color: #000000;
}