/*
Theme Name:   	Storefront Child Theme
Theme URI:    	https://github.com/stuartduff/storefront-child-theme
Author:       	Stuart Duff
Author URI:     http://stuartduff.com
Template:     	storefront
Description:  	This is a blank child theme for WooThemes StoreFront theme
Version:      	1.0.0
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront
Tags:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/
/*
 * Add your own custom css below this text.
 */

 body{
    font-size:18px;
 }

 .wc-product-table-wrapper {
    margin-top: 0 !important;
}

/* Peidab otsingukasti Barn2 tabeli filtri rippmenüüde seest */
.select2-container--default .select2-search--dropdown {
    display: none !important;
}

/* 1. Base / Mobile Styles (Under 768px) */
.col-full, 
.storefront-breadcrumb {
    max-width: 100%;
    padding-left: 1em !important;
    padding-right: 1em !important;
     margin-left: auto !important;
        margin-right: auto !important;
}


/* ==========================================================================
   DESKTOP ONLY: Size of the table buttons, selectboxes
   ========================================================================== */

.wc-product-table-controls .select2-container .select2-selection--single {
    height: 48px !important;
}

.wc-block-components-totals-shipping .wc-block-components-totals-item__value, .wc-block-checkout__shipping-option--free{
    display:none !important;
 }

 .wc-product-table-controls .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 48px !important;
 }

 .wc-product-table-controls .select2-container .select2-selection--single .select2-selection__arrow {
    height: 41px;
}

.wc-product-table-controls .wc-product-table-select-filters {
    margin-bottom: 20px !important;
}

.wc-product-table-controls .select2-container .select2-selection--single .select2-selection__placeholder {
    color: inherit;
    font-size: 20px;
}

.wc-product-table-controls .select2-container .select2-selection--single .select2-selection__arrow {
    height: 48px !important;
}

 /* ==========================================================================
   DESKTOP ONLY: Logo, Menu, and Mini Cart in a Single Row
   ========================================================================== */
@media (min-width: 768px) {

        .storefront-breadcrumb {
        padding: 1em 0;
    }

    .storefront-full-width-content.woocommerce-cart .entry-header, .storefront-full-width-content.woocommerce-checkout .entry-header, .storefront-full-width-content.woocommerce-account .entry-header, .storefront-full-width-content .woocommerce-products-header {
    text-align: center;
    padding: 1em !important;
}

.storefront-full-width-content .woocommerce-products-header {
        padding: 0 0 1em;
    }

    .storefront-sorting {
        margin-bottom: 0;
    }

    .site-header{
        padding-top:0;
        display: flex;
        justify-content: center;
        margin-bottom: 0 !important;
    }
    
    .col-full{
        padding: 0;
        margin-left: 2.617924em;
        margin-right: 2.617924em;
    }

    /* Target Storefront's internal header constraint row */
    .site-header .col-full {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        margin-left: 1em;
        margin-right:1em; 
        flex-grow: 1;
    }

    /* Reset default theme floats and absolute widths */
    .site-header .site-branding,
    .site-header .main-navigation,
    .site-header .site-header-cart {
        float: none !important;
        width: auto !important;
        margin-bottom: 0 !important;
    }

    .site-header .site-branding{
       margin-right: 1.5em !important; 
    }

    /* Give the primary navigation menu flexible breathing room in the middle */
    .site-header .main-navigation {
        flex-grow: 1 !important;
        margin-left: 40px !important;
        margin-right: 20px !important;
    }

    /* Ensure the inline navigation matches vertical center line */
    .site-header .main-navigation ul.nav-menu {
        padding-top: 0 !important;
    }

    /* Keep the cart visible and block elements inside from wrapping prematurely */
    .site-header .site-header-cart {
        display: block !important;
        white-space: nowrap !important;
    }

    .site-header-cart .cart-contents::after {
    height: unset !important;
    float: none !important;
    line-height: 1.618 !important;
}

.site-header-cart .widget_shopping_cart.sub-menu--is-touch-device {
    left: -200px !important;
}

.site-header-cart .widget_shopping_cart {

    width: 279% !important;
    
}

}

/* 3. Large Desktop Styles (1200px and up) */
@media screen and (min-width: 1200px) {
    .col-full, 
    .storefront-breadcrumb {
        max-width: 1400px; /* Caps width on desktop */
    }
}

@media (max-width: 767px) {

    .site-header .custom-logo-link img {
    max-width: 135px !important;
}

.home.post-type-archive-product .site-header {
    margin-bottom: 0.2em !important;
    padding: 5px !important;
}

    .site-header .site-branding {
       width:calc(100% - 220px); 
    }

    .wc-product-table-wrapper .wc-product-table-controls>div {
    display: flex;
    flex-direction: column;
    gap: 15px;
    }

    .wc-product-table .add-to-cart-button {
    display: flex !important;
    flex-direction: column;
    gap: 10px;
}

.wc-product-table .product .add-to-cart-wrapper a.button, .wc-product-table .product .add-to-cart-wrapper button.button, .wc-product-table .product .add-to-cart-wrapper button.button.disabled, .wc-product-table .product .quantity .minus, .wc-product-table .product .quantity .plus, .wc-product-table .product .quantity input.qty, .wc-product-table .product a.button {
    
    height: 41px !important;
}

table.wc-product-table.dtr-inline.collapsed>tbody>tr>td.dtr-control{
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    align-items: center;
}

table.wc-product-table.dtr-inline.collapsed>tbody>tr>td.dtr-control, table.wc-product-table.dtr-inline.collapsed>tbody>tr>th.dtr-control {
    padding-left: 0 !important;
}

table.wc-product-table.dtr-inline.collapsed>tbody>tr>td.dtr-control:before{
    position: static !important;
    font-size: 1.2em !important;
}

.wc-product-table ul.dtr-details>li .dtr-title {
    flex: 0 1 107px !important;
 }

}

/* Layout for Quantity Input with Buttons */
.wc-product-table .quantity {
    display: inline-flex;
    align-items: center;
}

.wc-product-table .quantity-btn:hover {
    background-color: #e0e0e0;
}

.wc-product-table .quantity input.qty {
    width: 45px !important;
    height: 35px;
    text-align: center;
    border-left: none;
    border-right: none;
    -moz-appearance: textfield;
}

/* Hide webkit spinner arrows for a clean look */
.wc-product-table .quantity input.qty::-webkit-outer-spin-button,
.wc-product-table .quantity input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Container alignment and full width */
.wc-product-table td.cart,
.wc-product-table form.cart .add-to-cart-button {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important; /* Force children to take full width */
    justify-content: center !important;
    width: 100% !important;
    box-sizing: border-box;
    gap: 20px !important;
}

/* Make Quantity Selector fill full width */
.wc-product-table form.cart .quantity {
    display: flex !important; /* Use flex instead of inline-flex */
    width: 100% !important;
    margin: 0 !important;
    gap: 3px;
}

/* Distribute input field dynamically while keeping buttons sized */
.wc-product-table .quantity-btn {
    width: 35px;
    flex-shrink: 0; /* Keeps buttons fixed-size */
    background-color: #b39b9b;
    color: white;
    font-weight: bold;
    font-size: 18px;
    cursor: pointer;
    line-height: 1;
    transition: background-color 0.2s ease;
}

.wc-product-table .quantity-btn:hover {
    background-color: #e2e2e2;
}

.wc-product-table .quantity-btn {
    flex-grow: 1 !important; /* Allows number input to expand and fill remaining space */
    /* width: 100% !important; */
    min-width: 0 !important;
    height: 35px;
    text-align: center;
    border-left: none !important;
    border-right: none !important;
    margin: 0 !important;
    padding: 0 !important;
    -moz-appearance: textfield;
}

.wc-product-table .quantity input.qty::-webkit-outer-spin-button,
.wc-product-table .quantity input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Force Add to Cart button to full column width */
.wc-product-table form.cart button.single_add_to_cart_button {
    width: 100% !important;
    max-width: 100% !important; /* Overrides previous 140px cap */
    margin: 0 !important;
    text-align: center;
    box-sizing: border-box;
}

.wc-venipak-shipping-logo {display:none;}