.elementor-29 .elementor-element.elementor-element-00b3c3d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29 .elementor-element.elementor-element-2c4cc11{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-c426227 *//* --- Modern Premium Calendar Container --- */
#mec_skin_109 {
    background-color: #ffffff;
    border-radius: 20px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08); /* Soft Premium Shadow */
    padding: 30px;
    font-family: 'Montserrat', sans-serif;
    border: 1px solid #eaeaea;
}

/* --- Search Bar & Filters Styling --- */
#mec_skin_109 .mec-search-form {
    background-color: #f9fbf9 !important; /* Very light green tint */
    padding: 15px;
    border-radius: 12px;
    margin-bottom: 30px;
    border: 1px solid #e0e0e0;
}

#mec_skin_109 .mec-text-input-search i, 
#mec_skin_109 .mec-date-search i {
    color: #4F6352 !important; /* Primary Color Icon */
}

/* --- Calendar Header (Month Name) --- */
#mec_skin_109 .mec-calendar-header h2 {
    color: #2C3E2F; /* Accent Color */
    font-family: 'Cinzel', serif; /* Premium Font matching your site */
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Navigation Arrows */
#mec_skin_109 .mec-month-navigator .mec-load-month-link {
    background: #f4f6f4;
    color: #4F6352 !important;
    border-radius: 50px;
    padding: 8px 15px;
    font-weight: 600;
    transition: all 0.3s ease;
}

#mec_skin_109 .mec-month-navigator .mec-load-month-link:hover {
    background: #4F6352;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(79, 99, 82, 0.3);
}

/* --- Calendar Grid Styling --- */
/* Weekday Names (Mon, Tue...) */
#mec_skin_109 .mec-calendar-day-head {
    color: #8DA38D !important; /* Secondary Color */
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    padding-bottom: 15px;
}

/* Days (Numbers) */
#mec_skin_109 .mec-calendar-day {
    font-weight: 500;
    color: #333333;
    border-radius: 12px; /* Modern Soft Edges */
    transition: all 0.3s ease;
    border: 1px solid transparent;
}

/* Hover Effect on Days */
#mec_skin_109 .mec-calendar-day:hover {
    background-color: #f0f4f0;
    color: #2C3E2F;
    border-color: #8DA38D;
}

/* Today & Selected Day */
#mec_skin_109 .mec-selected-day, 
#mec_skin_109 .mec-today {
    background-color: #4F6352 !important; /* Primary Color */
    color: #ffffff !important;
    box-shadow: 0 5px 15px rgba(79, 99, 82, 0.4);
    font-weight: bold;
    border-radius: 12px;
}

/* Events Indicator (Dots/Lines) */
#mec_skin_109 .mec-event-title {
    color: #2C3E2F;
    font-weight: 600;
}

#mec_skin_109 .mec-calendar-events-side {
    border-left: 3px solid #8DA38D; /* Secondary Color Bar */
}

/* --- Tooltip / Popup Styling (Jab event par hover karein) --- */
.mec-tooltip-box {
    background: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 20px 50px rgba(0,0,0,0.15) !important;
    border-top: 5px solid #4F6352 !important; /* Primary Top Border */
}

.mec-tooltip-box .mec-event-title {
    color: #2C3E2F !important;
    font-family: 'Cinzel', serif;
    font-size: 18px !important;
}

.mec-tooltip-box .mec-event-time {
    color: #8DA38D !important;
    font-weight: 600;
}

/* --- Mobile Responsiveness Fix --- */
@media only screen and (max-width: 767px) {
    #mec_skin_109 {
        padding: 15px;
    }
    #mec_skin_109 .mec-calendar-header h2 {
        font-size: 20px;
    }
}

/* --- 1. Search Bar Container Box --- */
.mec-wrap .mec-totalcal-box, 
.mec-wrap .mec-search-form {
    background-color: #f5f7f5 !important; /* Light Green Tint Background */
    border: 1px solid #8DA38D !important; /* Secondary Color Border */
    border-radius: 12px !important;
    padding: 20px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important;
}

/* --- 2. Input Fields & Dropdowns (Search & Date) --- */
.mec-wrap .mec-text-input-search input,
.mec-wrap .mec-date-search select,
.mec-wrap .mec-dropdown-search select {
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
    color: #333333 !important;
    font-family: 'Montserrat', sans-serif !important;
    padding: 10px !important;
    height: auto !important;
}

/* Active/Focus state for inputs */
.mec-wrap .mec-text-input-search input:focus,
.mec-wrap .mec-date-search select:focus {
    border-color: #4F6352 !important; /* Primary Green Focus */
    outline: none !important;
}

/* Icons inside search bar (Magnifying glass, Calendar icon) */
.mec-wrap .mec-text-input-search i,
.mec-wrap .mec-date-search i {
    color: #4F6352 !important; /* Dark Green Icon */
}

/* --- 3. View Switcher Buttons (Monthly, Weekly, Daily) --- */
/* General Button Style */
.mec-wrap .mec-totalcal-view span {
    border: 1px solid #8DA38D !important;
    color: #4F6352 !important;
    background-color: #ffffff !important;
    border-radius: 6px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    transition: all 0.3s ease !important;
}

/* Active Button (Selected View - e.g. Monthly) - Jo abhi Blue hai usay Green karein */
.mec-wrap .mec-totalcal-view span.mec-totalcalview-selected {
    background-color: #4F6352 !important; /* Primary Dark Green */
    color: #ffffff !important; /* White Text */
    border-color: #4F6352 !important;
    box-shadow: 0 4px 10px rgba(79, 99, 82, 0.3) !important;
}

/* Hover Effect on Buttons */
.mec-wrap .mec-totalcal-view span:hover {
    background-color: #8DA38D !important; /* Lighter Green on Hover */
    color: #ffffff !important;
    border-color: #8DA38D !important;
}/* End custom CSS */