/*
Theme Name: Hello Elementor Child
Theme URI: https://kamagrahit.com/
Template: hello-elementor
Author: KamagraHit
Description: Child tema za Hello Elementor - Schema optimizacija
Version: 1.0.0
License: GPL v2 or later
Text Domain: hello-elementor-child
*/

/* ============================================================
   KAMAGRAHIT — OUTFIT VARIABLE WOFF2
   LATIN + LATIN EXT / 100–900
   ============================================================ */

/* LATIN EXT — č ć š ž đ i prošireni latin znakovi */
@font-face {
    font-family: "Outfit";
    src: url("/wp-content/uploads/elementor/fonts/outfit/outfit-variable-latin-ext.woff2") format("woff2");
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    unicode-range:
        U+0100-02BA,
        U+02BD-02C5,
        U+02C7-02CC,
        U+02CE-02D7,
        U+02DD-02FF,
        U+0304,
        U+0308,
        U+0329,
        U+1D00-1DBF,
        U+1E00-1E9F,
        U+1EF2-1EFF,
        U+2020,
        U+20A0-20AB,
        U+20AD-20C0,
        U+2113,
        U+2C60-2C7F,
        U+A720-A7FF;
}


/* LATIN — osnovna slova, brojevi i interpunkcija */
@font-face {
    font-family: "Outfit";
    src: url("/wp-content/uploads/elementor/fonts/outfit/outfit-variable-latin.woff2") format("woff2");
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    unicode-range:
        U+0000-00FF,
        U+0131,
        U+0152-0153,
        U+02BB-02BC,
        U+02C6,
        U+02DA,
        U+02DC,
        U+0304,
        U+0308,
        U+0329,
        U+2000-206F,
        U+20AC,
        U+2122,
        U+2191,
        U+2193,
        U+2212,
        U+2215,
        U+FEFF,
        U+FFFD;
}


/* ============================================================
   KAMAGRAHIT — PRODUCT SORTING v2.0
   Archive Products / Responsive
   ============================================================ */


/* ============================================================
   SORTING WRAPPER
   ============================================================ */

.elementor-widget-woocommerce-archive-products
.woocommerce-ordering {
    display: flex !important;
    justify-content: flex-end !important;

    width: 100% !important;

    margin: 0 0 22px !important;
    padding: 0 !important;
}


/* ============================================================
   SORTING SELECT
   ============================================================ */

.elementor-widget-woocommerce-archive-products
.woocommerce-ordering select.orderby {

    -webkit-appearance: none !important;
    appearance: none !important;

    width: 240px !important;
    min-width: 240px !important;
    height: 46px !important;

    margin: 0 !important;

    padding:
        0 42px
        0 16px !important;

    border:
        1px solid #D8D2C8 !important;

    border-radius:
        13px !important;

    background-color:
        #FAF9F6 !important;


    /* ========================================================
       CUSTOM ARROW
       ======================================================== */

    background-image:
        linear-gradient(
            45deg,
            transparent 50%,
            #1F1F1F 50%
        ),
        linear-gradient(
            135deg,
            #1F1F1F 50%,
            transparent 50%
        ) !important;

    background-position:
        calc(100% - 18px) 19px,
        calc(100% - 13px) 19px !important;

    background-size:
        5px 5px,
        5px 5px !important;

    background-repeat:
        no-repeat !important;


    /* ========================================================
       TYPOGRAPHY
       ======================================================== */

    color:
        #1F1F1F !important;

    font-family:
        "Outfit",
        Arial,
        sans-serif !important;

    font-size:
        15px !important;

    font-weight:
        600 !important;

    line-height:
        1 !important;


    /* ========================================================
       UI
       ======================================================== */

    box-shadow:
        none !important;

    outline:
        none !important;

    cursor:
        pointer !important;
}


/* ============================================================
   FOCUS
   ============================================================ */

.elementor-widget-woocommerce-archive-products
.woocommerce-ordering select.orderby:focus {

    border-color:
        #E31E24 !important;

    box-shadow:
        0 0 0 2px rgba(227, 30, 36, .10) !important;

    outline:
        none !important;
}


/* ============================================================
   TABLET
   ============================================================ */

@media (min-width: 768px) and (max-width: 1024px) {

    .elementor-widget-woocommerce-archive-products
    .woocommerce-ordering select.orderby {

        width:
            230px !important;

        min-width:
            230px !important;
    }

}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 767px) {

    .elementor-widget-woocommerce-archive-products
    .woocommerce-ordering {

        justify-content:
            flex-end !important;

        margin-bottom:
            18px !important;

        padding:
            0 12px !important;
    }


    .elementor-widget-woocommerce-archive-products
    .woocommerce-ordering select.orderby {

        width:
            210px !important;

        min-width:
            210px !important;

        height:
            44px !important;

        padding-left:
            14px !important;

        border-radius:
            12px !important;

        font-size:
            14px !important;

        background-position:
            calc(100% - 17px) 18px,
            calc(100% - 12px) 18px !important;
    }

}