/*
Theme Name: Cherie Child
Theme URI: https://firstsight.design/cherie/beauty/
Template: cherie
Author: firstsight_design
Author URI: https://themeforest.net/user/firstsight_design
Description: Cherie is modern, convenient and highly thought-out WordPress theme with fascinating design.
Tags: one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,editor-style,featured-image-header,featured-images,flexible-header,full-width-template,post-formats,sticky-post,theme-options,translation-ready
Version: 1.0
*/

/* Add your custom CSS Here */

/* Stiluri personalizate pentru tema copil */
footer.art-main-footer {
 padding: 50px 0 0px 0;
}

.wp-block-image {
 margin: 0;
}

.art-blog-widget-area strong, 
footer.art-main-footer strong {
 font-size: 18px;
 text-align: center; /* Aliniere pe centru */
 display: block; /* Asigură centrare completă pe linie nouă */
}

.art-blog-widget-area,
footer.art-main-footer {
    font-size: 25px;
}

#menu-main-menu-1 .menu-link {
    font-size: 16px;
}

.art-heading-eight, footer.art-main-footer ul li a {
    font-size: 16px;
}

.has-medium-font-size {
    font-size: 16px !important;
}

/* Pentru mobile (lățime maximă 767px) */
@media (max-width: 767px) {
    footer.art-main-footer .footer-widget-area:nth-child(1) {
        flex: 0 0 80%; /* Coloana 1 ocupă 60% */
        max-width: 80%;
        margin: 0 auto; /* Centrare */
        order: 1; /* Prima în ordine */
    }

    footer.art-main-footer .footer-widget-area:nth-child(2) {
        flex: 0 0 50%; /* Coloana 2 ocupă 50% */
        max-width: 50%;
        order: 2; /* A doua în ordine */
    }

    footer.art-main-footer .footer-widget-area:nth-child(3) {
        flex: 0 0 50%; /* Coloana 3 ocupă 50% */
        max-width: 50%;
        order: 3; /* A treia în ordine */
    }

    footer.art-main-footer .footer-widget-area:nth-child(4) {
        flex: 0 0 100%; /* Coloana 4 ocupă 50% */
        max-width: 100%;
        margin: 0 auto; /* Centrare */
        order: 4; /* Ultima în ordine */
    }
}

/* Pentru tabletă (768px - 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
    footer.art-main-footer .footer-widget-area:nth-child(1) {
        flex: 0 0 40%; /* Coloana 1 - 60% */
        max-width: 40%;
        margin: 0 auto; /* Centrare */
        order: 1; /* Ordinea explicită */
    }

    footer.art-main-footer .footer-widget-area:nth-child(2) {
        flex: 0 0 40%; /* Coloana 2 - 33% */
        max-width: 40%;
        order: 3; /* Ordinea explicită */
    }

    footer.art-main-footer .footer-widget-area:nth-child(3) {
        flex: 0 0 60%; /* Coloana 3 - 33% */
        max-width: 60%;
        order: 4; /* Ordinea explicită */
    }

    footer.art-main-footer .footer-widget-area:nth-child(4) {
        flex: 0 0 60%; /* Coloana 4 - 33% */
        max-width: 60%;
        margin: 0 auto; /* Centrare */
        order: 2; /* Ordinea explicită */
    }
}

/* Pentru Desktop - ecrane peste 1025px */
@media (min-width: 1025px) {
    footer.art-main-footer .footer-widget-area:nth-child(1) {
        flex: 0 0 25%; /* Coloana 1 - 25% */
        max-width: 25%;
        order: 1; /* Ordinea explicită */
    }

    footer.art-main-footer .footer-widget-area:nth-child(2) {
        flex: 0 0 20%; /* Coloana 2 - 25% */
        max-width: 20%;
        order: 2; /* Ordinea explicită */
    }

    footer.art-main-footer .footer-widget-area:nth-child(3) {
        flex: 0 0 25%; /* Coloana 3 - 25% */
        max-width: 25%;
        order: 3; /* Ordinea explicită */
    }

    footer.art-main-footer .footer-widget-area:nth-child(4) {
        flex: 0 0 30%; /* Coloana 4 - 25% */
        max-width: 30%;
        order: 4; /* Ordinea explicită */
    }
}

footer.art-main-footer .art-main-footer-container {
    max-width: none !important;
}