/*
Theme Name: Rasoomat Child
Template: hello-elementor
*/

/* =========================================================
   HELLO ELEMENTOR OVERRIDES (To Fix Layout Breaks)
   ========================================================= */

/* 1. Hello Theme ke Default Container Width ko khatam karein */
/* Yeh line ensure karegi ke hamara custom 1200px container full width mein chale */
body:not([class*="elementor-page-"]) .site-main,
.site-header .header-inner,
.site-footer .footer-inner {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 2. Hello Theme ki default Header/Footer styling hata dein */
/* Hum apna custom header.php aur footer.php use kar rahe hain, isliye unki styling zaroori nahi */
.site-header:not(.dynamic-header),
.site-footer:not(.dynamic-footer) {
    display: block !important; 
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

/* 3. Hello Theme ka Default Page Title (H1) hide karein */
/* Kyunki hamare Hero section mein already H1 hai */
.page-header .entry-title {
    display: none !important;
}

/* 4. Elementor ka default content wrapper theek karein */
.elementor-page .site-main {
    padding: 0 !important;
}

/* 5. Links ke underline ko fix karein (Hello theme default underline lagati hai) */
.page-content a, .comments-area a {
    text-decoration: none !important;
}

/* 6. WordPress Admin Bar (Top Black Bar) ke niche header adjust karein */
.admin-bar .site-header {
    top: 32px;
}
@media screen and (max-width: 782px) {
    .admin-bar .site-header {
        top: 46px;
    }
}