/*
Theme Name: Astra Child - PPCC
Theme URI: https://incpuducherry.in
Description: Custom child theme for Puducherry Pradesh Congress Committee website with PPCC Design Preview v2
Author: PPCC Dev Team
Author URI: https://incpuducherry.in
Template: astra
Version: 2.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
*/

/* This file is intentionally minimal - all styles are loaded from assets/css/ppcc_theme.css */
/* Additional custom styles can be added here if needed */

/* CRITICAL FIX: Force full-width layout - override any Astra boxed container settings */
body {
    max-width: none !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

html {
    background: #ffffff !important;
}

.site,
#page,
.ast-container {
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Ensure content areas are full width */
.site-content {
    width: 100% !important;
    max-width: 100% !important;
}

/* CRITICAL FIX: Mobile hamburger menu button - ensure proper dimensions */
#mobileMenuBtn {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
}

#mobileMenuBtn i,
#mobileMenuBtn svg {
    width: 24px !important;
    height: 24px !important;
}

/* CRITICAL FIX: Make "Haath Badlega Halaat" section text visible */
/* Target the h2 heading and paragraph in the specific section */
.site-content h2:contains("Haath Badlega Halaat"),
.site-content .elementor-widget-heading h2,
.elementor-section h2 {
    color: #000000 !important;
}

.site-content p,
.elementor-widget-text-editor p {
    color: #000000 !important;
}

/* Improve "Become a Volunteer" button styling */
a[href*="join-movement"],
.elementor-button-link[href*="join-movement"] {
    background-color: #0F55A5 !important;
    color: #ffffff !important;
    border: 2px solid #0F55A5 !important;
    padding: 12px 30px !important;
    font-weight: 600 !important;
    border-radius: 5px !important;
    transition: all 0.3s ease !important;
}

a[href*="join-movement"]:hover,
.elementor-button-link[href*="join-movement"]:hover {
    background-color: #ffffff !important;
    color: #0F55A5 !important;
    border-color: #0F55A5 !important;
}

/* CRITICAL FIX: Make hero banner overlay transparent to show background photos */
.hero-overlay,
.absolute.inset-0.hero-overlay,
div.absolute.inset-0.hero-overlay,
.swiper-slide .hero-overlay,
.swiper-slide div.absolute.inset-0.hero-overlay {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    background: none !important;
    background-image: none !important;
    pointer-events: none !important;
}

.swiper-slide::before,
.swiper-slide::after,
.elementor-background-overlay,
.slide-overlay {
    opacity: 0 !important;
    background: transparent !important;
}

/* Additional hero banner overlay removal */
.swiper-container .swiper-slide .elementor-background-overlay,
.hero-section .elementor-background-overlay,
.elementor-section-overlay {
    display: none !important;
}