/*
Theme Name: Deda Enfold Child
Theme URI: https://deda.hr/
Description: Child tema za Enfold temu, namijenjena sigurnim prilagodbama webshopa Deda.hr.
Author: Deda.hr
Template: enfold
Version: 1.0.0
Text Domain: deda-enfold-child
*/

/*
 * Prilagođeni CSS dodavat ćemo ovdje.
 * Enfold automatski učitava stylesheet child teme nakon svojih osnovnih stilova.
 */

#top #header .av-main-nav > li > a {
    font-size: 16px;
}

#top #header .av-main-nav .sub-menu a {
    font-size: 15px;
    line-height: 1.5;
}

#top #header_meta .sub_menu a {
    font-size: 13px;
}

#top #av-burger-menu-ul a {
    font-size: 17px;
}

#top #socket .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px 24px;
}

#top #socket .copyright,
#top #socket .sub_menu_socket {
    float: none;
    margin: 0;
    position: static;
}

#top #socket .sub_menu_socket ul {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 20px;
    margin: 0;
}

#top #socket .sub_menu_socket li {
    float: none;
    border: 0;
    margin: 0;
    padding: 0;
}

#top #socket .sub_menu_socket a {
    display: inline-block;
    font-size: 13px;
    line-height: 1.5;
    padding: 8px 0;
}

@media (max-width: 767px) {
    #top #socket .container {
        align-items: flex-start;
        flex-direction: column;
    }

    #top #socket .sub_menu_socket {
        display: block !important;
        width: 100%;
    }

    #top #socket .sub_menu_socket a {
        min-height: 44px;
        padding: 12px 0;
    }
}

@media only screen and (max-width: 767px) {
    .responsive #top #deda-motivi .entry-content-wrapper {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px 16px;
    }

    .responsive #top #deda-motivi .entry-content-wrapper > .av-special-heading {
        grid-column: 1 / -1;
        margin: 0;
    }

    .responsive #top #deda-motivi .entry-content-wrapper::before,
    .responsive #top #deda-motivi .entry-content-wrapper::after {
        display: none;
    }

    .responsive #top #deda-motivi .flex_column {
        width: 100% !important;
        margin: 0 !important;
        min-width: 0;
        float: none;
    }

    .responsive #top #deda-motivi .avia-image-container img {
        width: 100%;
        height: auto;
        aspect-ratio: 4 / 5;
        object-fit: contain;
    }

    .responsive #top #deda-motivi h4 {
        font-size: 16px;
        line-height: 1.4;
        white-space: normal;
        overflow-wrap: break-word;
        margin-top: 12px;
    }

    #top #deda-contact-page .form_element,
    #top #sign-up .form_element {
        width: 100% !important;
        margin-left: 0 !important;
        float: none;
    }

    #top #deda-contact-page input[type="text"],
    #top #deda-contact-page select,
    #top #deda-contact-page textarea,
    #top #sign-up input[type="text"],
    #top .woocommerce-checkout input.input-text,
    #top .woocommerce-checkout select,
    #top .woocommerce-checkout textarea {
        font-size: 16px;
        min-height: 44px;
        box-sizing: border-box;
        max-width: 100%;
    }

    #top #deda-contact-page .button,
    #top #sign-up .button,
    #top .deda-filter-form .button {
        min-height: 44px;
    }

    #top #footer .widget,
    #top .woocommerce-order,
    #top .woocommerce-checkout .woocommerce-privacy-policy-text {
        overflow-wrap: anywhere;
    }
}