:root { /* Responsive */
    --small-desktop: "only screen and (max-width: 1440px)";
    --big-tablet: "only screen and (max-width: 1200px)";
    --tablet: "only screen and (max-width: 1024px)";
    --phones: "only screen and (max-width: 768px)";
    --small-phones: "only screen and (max-width: 576px)"; /* Colors */
    --color-primary: #EF7D00;
    --color-secondary: #000;
    --color-white: #fff;
    --color-black: #000; /* Font */
    --default-font: 'Montserrat', sans-serif;
    --regular-weight: 400;
    --medium-bold-weight: 500;
    --semi-bold-weight: 600;
    --bold-weight: 700;
    --extra-bold-weight: 800; /* Sizes */
    --base-size: 1.8rem;
    --primary-title-size: 4.8rem;
    --secondary-title-size: 2.4rem;
    --small-size: 1.6rem;
    --xs-size: 1.4rem;
}

body {
    font-family: var(--default-font);
}

h1, h2, h3, h4, h5, h6, p {
    margin-top: 0 !important;
    margin-block-end: 0 !important;
}

a:focus {
    outline: none !important;
}

#single-page-container h1 {
    margin-bottom: 48px !important;
    @media only screen and (max-width: 1200px) {
        margin-bottom: 24px !important;
    }
}

#single-page-container h2 {
    margin-bottom: 40px !important;
    @media only screen and (max-width: 1200px) {
        margin-bottom: 24px !important;
    }
}

#single-page-container h3 {
    margin-bottom: 32px !important;
    @media only screen and (max-width: 1200px) {
        margin-bottom: 24px !important;
    }
}

#single-page-container p {
    margin-bottom: 30px !important;
    @media only screen and (max-width: 1200px) {
        margin-bottom: 24px !important;
    }
}

img {
    display: block;
}

/*** BUTTONS ***/
.elementor-button-link, .wpcf7-submit, #product-container .single_add_to_cart_button {
    background-color: var(--color-primary) !important;
    color: var(--color-white) !important;
    border-radius: 5px;
    border: 1px solid transparent !important;
    text-decoration: none !important;
}

.elementor-button {
    position: relative;
}

.storitve-section .button-with-tyre .elementor-button {
    padding: 15px 36px !important;
}

.storitve-section .button-with-tyre {
    position: absolute;
    bottom: -25px;
}

.storitve-section .button-with-tyre .elementor-button span {
    text-align: left;
    width: 100%;
}

.button-with-tyre .elementor-button-text:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: -10px;
    right: 25px;
    background-image: url('/wp-content/themes/gumezivic/assets/icons/tyre_icon_box.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 70px;
    height: 70px;
    transition: right 0.6s ease;
}

.button-with-tyre:hover .elementor-button-link {
    background-color: var(--color-primary) !important;
    color: var(--color-white) !important;
}

.button-with-tyre .elementor-button.hovered .elementor-button-text:after {
    right: 0px;
    animation: spin 0.6s ease;
}

.button-with-tyre .elementor-button.unhovered .elementor-button-text:after {
    animation: spin-backward 0.6s ease;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes spin-backward {
    from {
        transform: rotate(360deg);
    }
    to {
        transform: rotate(0deg);
    }
}

@media only screen and (max-width: 768px) {
    .button-with-tyre .elementor-button-text:after {
        display: none !important;
    }

    .storitve-section .button-with-tyre .elementor-button span {
        text-align: center;
    }
}

.elementor-button-link {
    width: 100% !important;
    padding: 18px !important;
    font-size: var(--base-size) !important;
    font-weight: var(--regular-weight) !important;
}

.elementor-button-link strong {
    font-weight: var(--bold-weight) !important;
}

.wpcf7-submit {
    padding: 16px 90px !important;
    font-size: var(--xs-size) !important;
    font-weight: var(--regular-weight) !important;
}

.wpcf7-form.sent .wpcf7-response-output {
    color: #46b450;
}

.wpcf7-form.invalid .wpcf7-response-output {
    color: #ffb900;
}

.wpcf7-submit:hover, .elementor-button-link:hover, #product-container .single_add_to_cart_button:hover {
    background-color: var(--color-white) !important;
    color: var(--color-primary) !important;
    border: 1px solid var(--color-primary) !important;
}

@media only screen and (max-width: 1024px) {
    .elementor-button-link {
        font-size: var(--small-size) !important;
    }
}

/*** FORMS ***/
input {
    width: 256px;
    height: 50px;
    padding: 16px 0 16px 24px;
    font-size: var(--xs-size) !important;
    color: #0C0D0D;
    border-radius: 5px;
}

.wpcf7-list-item {
    margin: 0;
}

select, input {
    outline: 0 !important;
}

select {
    padding-left: 13px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('/wp-content/themes/gumezivic/assets/icons/select_arrow_down.svg');
    background-position: right 1.5rem top 50%;
    background-repeat: no-repeat;
    border: 1px solid #D2D2D2;
}

input[type='checkbox'] {
    margin: 0 8px 0 0 !important;
    padding: 0 !important;
    width: 14px !important;
    height: 14px !important;
    border: none !important;
    border-radius: 2px !important;
}

.newsletter-form-flex {
    display: flex;
    justify-content: space-between;
}

.acceptance-checkbox {
    margin-top: 27px;
    color: var(--color-white);
    font-size: var(--xs-size);
}

.wpcf7-not-valid-tip {
    font-size: var(--xs-size);
}

.wpcf7-response-output {
    font-size: var(--xs-size);
    color: var(--color-white)
}

.contact-form input, .contact-form textarea {
    width: 100%;
    font-size: var(--small-size) !important;
    border: 1px solid #D2D2D2 !important;
}

.contact-form input {
    height: 65px;
}

.contact-form p {
    font-size: var(--xs-size);
    line-height: 24px;
}

.contact-form .acceptance-checkbox {
    display: flex;
    margin-top: 40px !important;
    color: var(--color-black);
    padding-left: 18px;
}

.contact-form .acceptance-checkbox input[type='checkbox'] {
    margin-right: 16px !important;
}

.contact-form .wpcf7-submit {
    margin-top: 20px;
    font-size: var(--base-size) !important;
}

#single-page-container .contact-form p {
    margin-bottom: 24px !important;
}

.contact-form .wpcf7-response-output {
    color: #dc3232;
}

@media only screen and (max-width: 1024px) {
    .newsletter-form-flex {
        flex-wrap: wrap;
    }

    #single-page-container .contact-form p {
        margin-bottom: 16px !important;
    }

    .newsletter-form-flex .flex-row {
        width: 48%;
    }

    .newsletter-form-flex .submit-row {
        margin: 48px auto 0 auto;
        width: 100%;
        max-width: 300px;
    }

    .newsletter-form-flex input {
        width: 100%;
    }

    .contact-form input[type='text'], .contact-form input[type='tel'], .contact-form input[type='email'] {
        height: 50px !important;
        font-size: var(--xs-size) !important;
    }

    .contact-form textarea {
        font-size: var(--xs-size) !important;
    }

    .contact-form .wpcf7-submit {
        height: 50px !important;
        font-size: var(--small-size) !important;
    }
}

@media only screen and (max-width: 576px) {
    .newsletter-form-flex .flex-row {
        width: 100%;
        margin-bottom: 10px;
    }
}

/*** BREADCRUMBS ***/
.rank-math-breadcrumb {
    display: flex;
}

.rank-math-breadcrumb:before {
    margin-right: 10px;
    content: url('/wp-content/themes/gumezivic/assets/icons/tyre.svg');
}

.rank-math-breadcrumb a, .rank-math-breadcrumb span {
    font-size: var(--xs-size);
}

.rank-math-breadcrumb a {
    color: var(--color-black) !important;
    text-decoration: none !important;
}

.rank-math-breadcrumb .separator {
    padding: 0 5px !important;
}

/*** TABLES ***/
table {
    width: 100%;
}

table tr:first-child td {
    padding-top: 20px !important;
}

table tr {
    border-bottom: 1px solid #D2D2D2;
}

table td {
    font-size: var(--base-size);
    font-weight: var(--bold-weight);
    padding: 30px 22px 30px 22px;
}

table thead {
    background: var(--color-black);
}

table th {
    padding: 22px;
    font-size: 20px;
    color: var(--color-primary);
    text-align: left;
}

table th:last-child {
    padding-left: 0;
}

th, td {
    width: 50%;
    text-align: left;
}

.pogosta-vprasanja .featured-image-banner img, .platisca .featured-image-banner img {
    object-position: center calc(100% + 5px) !important;
}

.featured-image-banner img {
    height: -webkit-fill-available !important;
}

.kontakt .banner-single-page .e-flex {
    padding-right: 0px !important;
}

.banner-single-page .elementor-widget-theme-post-excerpt {
    max-width: 765px !important;
}

.banner-single-page .elementor-widget-theme-post-excerpt .elementor-widget-container {
    height: 80px !important;
}

.banner-single-page-inner {
    max-width: 1362px !important;
    margin: auto !important;
    max-height: 250px;
}

#google-map .i4ewOd-pzNkMb-tJHJj {
    display: none !important;
}

.heading-underline-center .elementor-heading-title:after {
    content: '';
    height: 5px;
    width: 100px;
    background: var(--color-black);
    position: absolute;
    bottom: 26px;
    left: 50%;
    transform: translateX(-50%);
}

.pwb-brands-col3 {
    flex-direction: column-reverse;
}

.pwb-brands-col3 p {
    display: flex;
    margin-top: 16px !important;
    flex-direction: column;
    text-align: center;
}

.pwb-pagination-wrapper {
    display: none !important;
}

.pwb-brands-col3 a {
    color: var(--color-black) !important;
    text-decoration: none !important;
    font-weight: var(--bold-weight) !important;
    line-height: normal !important;
}

.pwb-brands-col3 small {
    line-height: normal !important;
}

.pwb-brands-col3 a {
    line-height: normal !important;
}

.pwb-brands-col3 img {
    border: 1px solid #D2D2D2 !important;
    border-radius: 5px !important;
    height: 120px !important;
    object-fit: contain;
}

.woocommerce-mini-cart__empty-message {
    font-size: 20px !important;
}

.woocommerce-info::before {
    color: var(--color-primary);
}

.woocommerce-info {
    border-top-color: var(--color-primary);
}

@media only screen and (max-width: 1200px) {
    table th {
        font-size: var(--base-size);
        padding: 16px;
    }

    table td {
        font-size: 16px;
        padding: 16px;
    }

    tr td:nth-child(2), tr th:nth-child(2) {
        text-align: right;
    }

    table tr:first-child td {
        padding-top: 16px !important;
    }

    .map-container {
        height: 500px !important;
    }
}

@media only screen and (max-width: 1024px) {
    .pwb-brands-cols-outer {
        justify-content: space-between;
    }
}

@media only screen and (max-width: 768px) {
    table th {
        font-size: 16px;
    }

    table td {
        font-size: var(--xs-size);
        padding: 8px 16px;
    }

    table tr:first-child td {
        padding-top: 8px !important;
    }

    .map-container {
        height: 400px !important;
    }

    .banner-single-page .elementor-widget-theme-post-excerpt .elementor-widget-container {
        height: auto !important;
    }

    .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 {
        width: 25% !important;
    }
}

@media only screen and (max-width: 576px) {
    .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 {
        width: 47% !important;
    }
}

/*** ACCOUNT ***/


.woocommerce-orders-table th, .woocommerce-orders-table td {
    width: auto;
}

.woocommerce-orders-table tr:first-child td{
    padding-top: 10px !important;
}

.woocommerce-MyAccount-content .woocommerce-Addresses{
    margin-top: 24px;
}

.woocommerce-orders-table tbody th, .woocommerce-orders-table tbody td{
    font-size: var(--small-size);
}

@media only screen and (max-width: 768px) {
    .woocommerce-orders-table .woocommerce-orders-table__cell {
        width: 100%;
        padding: 10px !important;
    }
}

/*** COOKIES ***/
.cky-cookie-audit-table table {
    border-collapse: collapse;
}



.cky-cookie-audit-table td,
.cky-cookie-audit-table th {
    border: 1px solid var(--color-secondary) !important;
    padding: 12px;
    width:auto;
}

.cky-cookie-audit-table td{
    font-weight: var(--regular-weight);
    font-size: var(--small-size);
}


@media (max-width: 768px) {

    .cky-table-wrapper {
        overflow-x: scroll;
    }

    .cky-cookie-audit-table {
        min-width: 700px;
        width: 100%;
        border-collapse: collapse;
    }

    .cky-cookie-audit-tableth:last-child {
        padding-left: 0;
    }

    .cky-cookie-audit-table th,
    .cky-cookie-audit-table td {
        padding: 8px 30px 8px 8px;
        text-align: left !important;
    }

    .cky-cookie-audit-table th:last-child {
        padding-left: 22px;
    }

    .cky-cookie-audit-table th:nth-child(1),
    .cky-cookie-audit-table td:nth-child(1) {
        width: 10%;
    }

    .cky-cookie-audit-table th:nth-child(2),
    .cky-cookie-audit-table td:nth-child(2) {
        width: 10%;
    }

    .cky-cookie-audit-table th:nth-child(3),
    .cky-cookie-audit-table td:nth-child(3){
        width: 80%;
    }

}