/*
Theme Name: Storefront Child
Theme URI: https://woocommerce.com/products/storefront/
Description: Motyw potomny dla Storefront
Author: Goweb
Author URI: https://goweb.com.pl
Template: storefront
Version: 1.0.0
Text Domain: storefront-child
*/
@font-face {
    font-family: 'Rubik';
    src: local('Rubik Bold'), local('Rubik-Bold'),
        url('assets/fonts/hinted-subset-Rubik-Bold.woff2') format('woff2'),
        url('assets/fonts/hinted-subset-Rubik-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
    src: local('Rubik Italic'), local('Rubik-Italic'),
        url('assets/fonts/hinted-subset-Rubik-Italic.woff2') format('woff2'),
        url('assets/fonts/hinted-subset-Rubik-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
    src: local('Rubik Bold Italic'), local('Rubik-BoldItalic'),
        url('assets/fonts/hinted-subset-Rubik-BoldItalic.woff2') format('woff2'),
        url('assets/fonts/hinted-subset-Rubik-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
    src: local('Rubik Light'), local('Rubik-Light'),
        url('assets/fonts/hinted-subset-Rubik-Light.woff2') format('woff2'),
        url('assets/fonts/hinted-subset-Rubik-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
    src: local('Rubik Light Italic'), local('Rubik-LightItalic'),
        url('assets/fonts/hinted-subset-Rubik-LightItalic.woff2') format('woff2'),
        url('assets/fonts/hinted-subset-Rubik-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
    src: local('Rubik Regular'), local('Rubik-Regular'),
        url('assets/fonts/hinted-subset-Rubik-Regular.woff2') format('woff2'),
        url('assets/fonts/hinted-subset-Rubik-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

::selection {
    background: #811616;
    color: #fff;
}

::-moz-selection {
    background: #811616;
    color: #fff;
}

html {
    scroll-behavior: smooth;
}

body,
button,
input,
select,
textarea,
.site-branding,
.main-navigation,
.storefront-breadcrumb,
.woocommerce,
.woocommerce-page,
h1, h2, h3, h4, h5, h6 {
	font-family: 'Rubik',"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

.single-product div.product, .woocommerce-tabs {
    overflow: visible !important;
}

input[type=text], input[type=number], input[type=email], input[type=tel], input[type=url], input[type=password], input[type=search], textarea, .input-text, button, input[type=button], input[type=reset], input[type=submit], .button, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link, .added_to_cart {
    border-radius: 12px !important;
	box-shadow: none !important;
}

.wc-block-grid__product-onsale, .onsale {
    border: 1px solid;
    border-color: #811616 !important;
    color: #811616 !important;
    background: #ffffff !important;
    padding: .2em 1em !important;
    border-radius: 12px !important;
}

.woocommerce-LoopProduct-link .onsale, .woocommerce-loop-product__link .onsale {
	border: none !important;
    color: #ffffff !important;
    background: #811616 !important;
}

@media (min-width: 768px) {

    /* cały górny pasek */
    .site-header .col-full {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
    }

    /* logo po lewej */
    .site-header .site-branding {
        order: 1;
        flex: 0 0 auto;
        margin-right: 20px;
    }

    /* wyszukiwarka na środku */
    .site-header .site-search {
        order: 2;
        flex: 1 1 auto;
        max-width: 520px;
        margin: 0 auto;
    }

    /* drugie menu po prawej */
    .site-header .secondary-navigation {
        order: 3;
        flex: 0 0 auto;
        margin-left: 20px;
    }

    /* formularz wyszukiwania */
    .site-header .site-search .woocommerce-product-search {
        display: flex;
        align-items: stretch;
        width: 100%;
        margin: 0;
    }

    /* pole tekstowe */
    .site-header .site-search .search-field {
        flex: 1 1 auto;
        min-width: 0;
        width: auto;
        margin: 0;
        border-radius: 4px 0 0 4px;
        border-right: 0;
    }

    /* przycisk po prawej */
    .site-header .site-search button[type="submit"] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: auto;
        margin: 0;
        padding: 0 18px;
        border-radius: 0 4px 4px 0;
        white-space: nowrap;
        text-indent: 0;
        overflow: visible;
        position: static;
    }

    /* jeśli Storefront dodaje ikonkę pseudo-elementem */
    .site-header .site-search button[type="submit"]::before {
        display: none;
    }
}