.elementor-425 .elementor-element.elementor-element-c1805eb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-425 .elementor-element.elementor-element-6cc7f38{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-425 .elementor-element.elementor-element-f7e3f9b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-425 .elementor-element.elementor-element-8e1a2d4{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-425 .elementor-element.elementor-element-0c0280c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-425 .elementor-element.elementor-element-92488ba{width:100%;max-width:100%;padding:0px 0px 0px 0px;}body.elementor-page-425{padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-6cc7f38 *//* =========================================
   PART 1: HERO & GLOBAL STYLES (Menu Colors / Sweet Spot Position)
   ========================================= */

/* 1. FORCE COPPER UI */
:root { accent-color: #C48C6A !important; }

/* 2. PAGE BACKGROUND */
body, html, .elementor-page {
    background: linear-gradient(180deg, #FFFFFF 0%, #F9F1EB 50%, #E6D5CB 100%) !important;
    background-attachment: fixed !important;
}

/* 3. TRANSPARENT ELEMENTOR */
.elementor-section, .elementor-column, .elementor-container, .elementor-widget-wrap {
    background-color: transparent !important;
    box-shadow: none !important;
}

/* 4. PAGE WRAPPER (The Sweet Spot Position) */
.bw-page-wrapper {
    width: 100vw; 
    background: transparent !important;
    position: relative; 
    overflow-x: hidden; 
    
    /* Full Width Breakout */
    left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; 
    
    /* FIX: 120px padding (Kept from your approved code) */
    padding: 120px 20px 0; 
    
    margin-bottom: -30px;
}

/* 5. HERO SECTION */
.bw-content-container { 
    width: 100%; 
    max-width: 900px !important; 
    margin: 0 auto; position: relative; z-index: 2; 
}

/* Header Text */
.bw-header { 
    text-align: center; margin-bottom: 60px; 
    opacity: 1 !important; transform: none !important; 
}
.bw-header h1 { font-size: 56px; margin-bottom: 20px; } 
.bw-intro { 
    font-size: 16px; color: #6C5656; margin-bottom: 40px; 
    max-width: 600px; margin-left: auto; margin-right: auto; line-height: 1.8; 
}

/* 6. BREADCRUMBS (Menu Styling Match) */
.bw-breadcrumbs { 
    font-family: 'Poppins', sans-serif; /* Explicitly match Menu font */
    font-size: 10px; 
    text-transform: uppercase; 
    color: #8B7E7E; /* Menu Gray */
    
    margin-bottom: 40px; 
    text-align: center; 
    letter-spacing: 2px; 
    font-weight: 600; 
    display: block;
}

/* Links (Menu Colors) */
.bw-breadcrumbs a { 
    color: #8B7E7E; 
    text-decoration: none; 
    transition: 0.3s; 
}
.bw-breadcrumbs a:hover { 
    color: #C48C6A; /* Copper Hover */
}

/* Separator (The missing piece from the Menu page) */
.sep { 
    margin: 0 12px; 
    color: #C48C6A; 
    opacity: 0.5; 
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e1a2d4 *//* =========================================
   PART 2: CONTACT CARD & FORM (Final Polish)
   ========================================= */

/* 1. NUCLEAR OVERFLOW FIX (Crucial for Calendar) */
.bw-contact-card,
.bw-form-side,
.elementor-widget-metform,
.metform-form-content,
.elementor-widget-wrap,
.elementor-widget-container {
    overflow: visible !important;
    position: relative !important;
    z-index: auto !important;
}

/* 2. CARD LAYOUT */
.bw-contact-card { 
    display: flex; 
    width: 100%; max-width: 900px !important; 
    margin: 0 auto 80px auto !important;
    
    /* Glass Effect */
    background: rgba(255,255,255,0.85); 
    backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
    border-radius: 24px; 
    box-shadow: 0 20px 60px rgba(196,140,106,0.1); 
    border: 1px solid rgba(255,255,255,0.6); 
    
    opacity: 1 !important; transform: none !important; 
}

/* 3. LEFT SIDE (Sidebar Info) */
.bw-info-side { 
    flex: 1; background: rgba(255, 248, 244, 0.6); 
    border-right: 1px solid rgba(196,140,106,0.1); padding: 50px; 
    border-top-left-radius: 24px; border-bottom-left-radius: 24px;
}
.bw-sidebar-img { 
    width: 100%; height: 220px; object-fit: cover; 
    border-radius: 20px !important; overflow: hidden !important;
    margin-bottom: 30px; box-shadow: 0 10px 20px rgba(76,63,63,0.1); 
}

/* Sidebar Text & Socials */
.bw-contact-list { display: flex; flex-direction: column; gap: 25px; }
.bw-item .label { display: block; font-size: 10px; text-transform: uppercase; color: #C48C6A; font-weight: 700; margin-bottom: 5px; letter-spacing: 1px; }
.bw-item .value { font-size: 15px; color: #4C3F3F; line-height: 1.5; font-weight: 500; }
.bw-item a { text-decoration: none; color: #4C3F3F; transition: 0.3s; }
.bw-item a:hover { color: #C48C6A; }

.bw-socials { display: flex; gap: 15px; margin-top: 35px; }
.bw-socials a { 
    color: #C48C6A; border: 1px solid rgba(196,140,106,0.3); border-radius: 50%; 
    width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; 
    transition: 0.3s; text-decoration: none;
}
.bw-socials a:hover { background: #C48C6A; color: #fff; border-color: #C48C6A; }


/* 4. RIGHT SIDE (Form Container) */
.bw-form-side { flex: 1.5; padding: 60px 50px; background: transparent; position: relative; }
.bw-form-intro { margin-bottom: 30px; color: #6C5656; font-size: 15px; }
.bw-response-time { font-size: 12px; color: #999; font-style: italic; margin-top: 20px; text-align: center; }


/* 5. FORM INPUTS (TEXT ONLY - No Dropdown Styling) */
/* I have removed "select" from here so you can style Event Type/Budget in Elementor */

input.mf-input, textarea.mf-input { 
    border-radius: 12px !important; 
    border: 1px solid rgba(0,0,0,0.08) !important; 
    background: #fff !important; 
    padding: 0 15px !important; 
    font-size: 14px !important; color: #4C3F3F !important; 
    font-family: "Poppins", sans-serif !important;
    min-height: 50px !important; line-height: 50px !important;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.02) !important;
    transition: 0.3s !important; outline: none !important;
}

/* Labels */
.mf-input-label { 
    font-size: 11px !important; text-transform: uppercase !important; color: #6C5656 !important; 
    letter-spacing: 1px !important; font-weight: 700 !important; margin-bottom: 8px !important; display: block !important;
}

/* Focus State (Text Inputs Only) */
input.mf-input:focus, textarea.mf-input:focus { 
    border-color: #C48C6A !important; background: #fff !important; 
    box-shadow: 0 5px 15px rgba(196,140,106,0.1) !important; 
}

textarea.mf-input { padding-top: 15px !important; line-height: 1.5 !important; }


/* 6. SUBMIT BUTTON */
body .metform-btn, body .metform-btn.metform-btn-same-size {
    background: #C48C6A !important; 
    background-image: linear-gradient(135deg, #C48C6A 0%, #A86F4E 100%) !important;
    color: #ffffff !important; 
    border: none !important; border-radius: 50px !important; 
    padding: 15px 40px !important; font-size: 12px !important; 
    text-transform: uppercase !important; font-weight: 700 !important; letter-spacing: 2px !important; 
    margin-top: 20px !important; width: 100% !important; 
    box-shadow: 0 10px 20px rgba(196,140,106,0.2) !important;
}
body .metform-btn:hover { 
    background: #D49C7A !important; 
    background-image: linear-gradient(135deg, #D49C7A 0%, #B87F5E 100%) !important; 
    transform: translateY(-3px) !important; 
    box-shadow: 0 15px 30px rgba(196,140,106,0.4) !important; 
}


/* 7. DATE PICKER (EXACT MATCH TO WEDDING PAGE) */

/* Main Popup */
.flatpickr-calendar {
    font-family: "Poppins", sans-serif !important;
    border: none !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 40px rgba(196,140,106,0.15) !important;
    width: 310px !important;
    background: #FFFFFF !important;
    margin-top: 5px !important;
    padding-top: 0 !important; /* Fix for header gap */
    z-index: 999999 !important;
}

/* The Header (Month/Year) - COPPER */
.flatpickr-month {
    background: #C48C6A !important; 
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
    padding-top: 10px !important;
    height: 50px !important;
    overflow: hidden !important;
    margin-top: -1px !important; /* Pull up to close white gap */
}

/* Disable Month/Year Clicks (Arrows Only) */
.flatpickr-current-month {
    pointer-events: none !important; 
    cursor: default !important;
}
.numInputWrapper span.arrowUp, .numInputWrapper span.arrowDown { display: none !important; }
.flatpickr-prev-month, .flatpickr-next-month { pointer-events: auto !important; cursor: pointer !important; }

/* Remove Header Arrow */
.flatpickr-current-month .numInputWrapper span, 
.flatpickr-current-month .flatpickr-monthDropdown-months:hover { background: transparent !important; }
.flatpickr-current-month .flatpickr-monthDropdown-months { appearance: none !important; background-image: none !important; }

/* Text Colors in Header */
.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year {
    color: #FFFFFF !important; font-weight: 700 !important; font-family: "Poppins", sans-serif !important;
}

/* Arrows (White) */
.flatpickr-prev-month svg, .flatpickr-next-month svg {
    fill: #FFFFFF !important; width: 14px !important; height: 14px !important;
}

/* The Up Arrow (Triangle) - Copper */
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after { border-bottom-color: #C48C6A !important; }

/* Weekdays Row */
.flatpickr-weekdays {
    background: #FFFFFF !important; border-bottom: 1px solid rgba(0,0,0,0.05) !important;
}
span.flatpickr-weekday {
    background: #FFFFFF !important; color: #4C3F3F !important; font-weight: 700 !important; font-size: 12px !important;
}

/* The Days Grid */
.flatpickr-days {
    background: #FFFFFF !important;
    border-bottom-left-radius: 12px !important; border-bottom-right-radius: 12px !important;
    padding: 10px !important;
}

/* Day Numbers */
.flatpickr-day {
    color: #6C5656 !important; font-weight: 400 !important;
    border-radius: 50% !important; border: 1px solid transparent !important;
    transition: all 0.2s ease !important;
}
.flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay { color: #e6e6e6 !important; }

/* Hover State */
.flatpickr-day:hover {
    background: #FFF8F4 !important; color: #C48C6A !important; border-color: #FFF8F4 !important;
}

/* SELECTED DATE & TODAY (Circle Outline) */
.flatpickr-day.selected, .flatpickr-day.today, .flatpickr-day.selected:hover {
    background: transparent !important; 
    color: #C48C6A !important; 
    border: 1px solid #C48C6A !important; 
    font-weight: 700 !important;
}

/* Fix Blue Highlights */
.flatpickr-calendar, .flatpickr-days, .flatpickr-weekdays, .flatpickr-month {
    user-select: none !important; -webkit-user-select: none !important;
}
.flatpickr-day:focus { outline: none !important; background: transparent !important; }

/* MOBILE RESPONSIVENESS */
@media (max-width: 900px) {
  .bw-contact-card { flex-direction: column; }
  .bw-info-side { border-right: none; border-bottom: 1px solid rgba(0,0,0,0.05); padding: 30px; }
  .bw-form-side { padding: 30px 20px; }
  .bw-sidebar-img { height: 180px; }
  .flatpickr-calendar { left: 50% !important; transform: translateX(-50%) !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-92488ba *//* =========================================
   PART 3: FAQ & MAP (Final Polish)
   ========================================= */

/* 1. CONTAINER & TYPOGRAPHY */
.bw-content-inner { 
    max-width: 800px; /* Narrower for FAQ readability */
    margin: 0 auto 60px auto; 
    padding: 0 20px;
}
.bw-section-header { text-align: center; margin-bottom: 40px; }

h2 { font-family: "Playfair Display", serif; color: #4C3F3F; margin: 0 0 15px 0; line-height: 1.2; font-size: 36px; }
h2 i { color: #C48C6A; font-weight: 400; }

/* 2. FAQ STYLING (Matched to Weddings Page) */
.bw-native-accordion { width: 100%; text-align: left; }

.bw-details { 
    border-bottom: 1px solid rgba(196,140,106,0.2); 
    margin-bottom: 15px; 
}

/* Clickable Title */
.bw-summary { 
    width: 100%;
    padding: 15px 10px; 
    font-family: "Playfair Display", serif; 
    font-size: 20px; 
    color: #4C3F3F; 
    font-weight: 400;
    cursor: pointer; 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    list-style: none; 
    outline: none !important;
    transition: all 0.3s ease;
}
.bw-summary::-webkit-details-marker { display: none; }

/* Hover Effect (The Copper Slide) */
.bw-summary:hover, 
.bw-details[open] .bw-summary { 
    color: #C48C6A !important; 
    background: #FFF8F4 !important; 
    padding-left: 20px; 
    border-radius: 8px;
}

/* Smooth Content Animation */
.bw-details .bw-acc-content {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.5s ease-out, padding 0.5s ease, opacity 0.5s ease;
    opacity: 0;
    padding: 0 10px; 
    color: #6C5656;
    line-height: 1.8;
    font-family: "Poppins", sans-serif;
}
.bw-details[open] .bw-acc-content {
    grid-template-rows: 1fr;
    opacity: 1;
    padding-bottom: 20px; 
}
.bw-acc-content p { overflow: hidden; margin: 0; min-height: 0; }

/* Icon Rotation */
.bw-details[open] .icon { transform: rotate(45deg); color: #C48C6A; }


/* 3. MAP FIX (Address Updated & Copper Style) */
.bw-map-container {
    width: 100vw; 
    height: 450px; 
    position: relative; 
    left: 50%; 
    right: 50%; 
    margin-left: -50vw; 
    margin-right: -50vw;
    margin-bottom: 0 !important; 
    display: block;
    background: #E6D5CB; /* Matches loading color */
}

/* The Copper Theme Filter */
/* This changes the map from Google Blue to your Brand Copper */
.bw-map-container iframe { 
    width: 100%; 
    height: 100%; 
    border: none; 
    display: block;
    
    /* Sepia adds the brown tone, Hue-Rotate adjusts it to Copper */
    filter: sepia(60%) hue-rotate(-10deg) contrast(0.85) saturate(0.8);
    transition: filter 0.5s ease;
}

/* Hover to see normal colors */
.bw-map-container iframe:hover {
    filter: sepia(30%) hue-rotate(0deg) contrast(1) saturate(1);
}/* End custom CSS */