/*
Theme Name:   Hello Elementor Child – EIH Magazin
Description:  Minimaler Hello-Elementor-Child-Theme für EIH. Lädt nur die Design-Tokens für das Magazin und verändert das bestehende Website-Styling nicht aktiv.
Template:     hello-elementor
Version:      1.0.0
Text Domain:  hello-elementor-child-eih-magazin
*/

/*
 * Absichtlich leer.
 * Das vorhandene Website-Design bleibt unverändert.
 * Die Magazin-Design-Tokens liegen unter:
 * /assets/css/01-tokens.css
 */
/* =========================================================
   EIH MAGAZIN - CONTAINER FIX
   Grid und Cards des Plugins bleiben unverändert
   ========================================================= */

/* Elementor Section که Magazin داخلش قرار دارد */
.elementor-section:has(.custom-magazin-grid) > .elementor-container {
    width: calc(100vw - 80px) !important;
    max-width: 1600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Elementor Parents */
.elementor-column:has(.custom-magazin-grid),
.elementor-widget-wrap:has(.custom-magazin-grid),
.elementor-widget-theme-post-content:has(.custom-magazin-grid),
.elementor-widget-theme-post-content:has(.custom-magazin-grid) > .elementor-widget-container {
    width: 100% !important;
    max-width: none !important;
}

/* فقط عرض Grid؛ ساختار خود Plugin دست نمی‌خورد */
.custom-magazin-grid {
    width: 100% !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    left: auto !important;
    right: auto !important;
    transform: none !important;
}

/* Tablet */
@media (max-width: 1024px) {
    .elementor-section:has(.custom-magazin-grid) > .elementor-container {
        width: calc(100vw - 40px) !important;
    }
}

/* Mobile */
@media (max-width: 600px) {
    .elementor-section:has(.custom-magazin-grid) > .elementor-container {
        width: calc(100vw - 24px) !important;
    }
}
/* Magazin spacing */
.custom-magazin-grid {
    width: calc(100% - 80px) !important;
    max-width: 1500px !important;
    margin-left: auto !important;
    margin-right: auto !important;

    gap: 24px !important;
}