.elementor-79587 .elementor-element.elementor-element-34a6ad56{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-79587 .elementor-element.elementor-element-99496569{text-align:center;}.elementor-79587 .elementor-element.elementor-element-99496569 .elementor-heading-title{font-size:50px;font-weight:600;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;word-spacing:0em;color:#FFFFFF;}@media(min-width:768px){.elementor-79587 .elementor-element.elementor-element-34a6ad56{--content-width:850px;}}@media(max-width:1024px){.elementor-79587 .elementor-element.elementor-element-99496569{text-align:center;}.elementor-79587 .elementor-element.elementor-element-99496569 .elementor-heading-title{font-size:45px;}}@media(max-width:880px){.elementor-79587 .elementor-element.elementor-element-99496569{text-align:center;}}@media(max-width:767px){.elementor-79587 .elementor-element.elementor-element-99496569{padding:8% 8% 8% 8%;}.elementor-79587 .elementor-element.elementor-element-99496569 .elementor-heading-title{font-size:28px;line-height:1.1em;}}/* Start custom CSS for heading, class: .elementor-element-99496569 *//* Target the Heading Title inside this widget */
.elementor-79587 .elementor-element.elementor-element-99496569 .elementor-heading-title {
    /* TYPOGRAPHY */
    /* Switching to a serif font fits the 'Tzfat/Luxury' vibe perfectly */
    font-family: "inter", Georgia, serif !important; 
    font-weight: 400 !important;        /* Reduces the heavy 'blocky' feel */
    font-size: 48px !important;         /* Large and readable */
    line-height: 1.3 !important;        /* More breathing room between lines */
    letter-spacing: -0.02em !important; /* Slight tightening makes headlines look professional */
    
    /* SPACING */
    margin-top: 10px !important;        /* separation from breadcrumbs */
    margin-bottom: 20px !important;     /* separation from metadata */
    
    /* VISUAL */
    text-transform: none;    /* 'Capitalize' can look messy on long titles; standard sentence case is cleaner */
}

/* Mobile Adjustments for better readability on phones */
@media (max-width: 767px) {
    .elementor-79587 .elementor-element.elementor-element-99496569 .elementor-heading-title {
        font-size: 32px !important;
        line-height: 1.4 !important;
    }
}/* End custom CSS */
/* Start custom CSS */body {background-color:black !important;}
/* 1. Target the OUTER fixed container (77f4064) */
.elementor-element-77f4064 {
    pointer-events: none !important;
    z-index: 0 !important; /* Force it behind your content */
    width: 0 !important;   /* Collapse it so it can't cover the screen */
    height: 0 !important;
}

/* 2. Target the INNER container (b6bbbf9) just in case */
.elementor-element-b6bbbf9 {
    pointer-events: none !important;
    width: auto !important; 
    height: auto !important;
}

/* 3. When the form opens, force it to work and sit on top */
.elementor-element-77f4064 .mobformlisting,
.mobformlisting1 {
    pointer-events: auto !important;
    width: 100% !important; /* Restore width for the form itself */
    position: relative !important;
    z-index: 99999 !important;
}

/* 4. Bring your ARTICLE content to the front */
.elementor-widget-theme-post-content {
    position: relative !important;
    z-index: 10 !important; /* Puts text in front of the broken overlay */
}

/* 5. Hide reCAPTCHA badge if it's blocking the corner */
.grecaptcha-badge { 
    visibility: hidden !important; 
    pointer-events: none !important;
}

/* --- LOAD FONT: INTER --- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap');

/* --- 1. MAIN CONTAINER (Apply Typography Here) --- */
.mpcontent {
    display: flex !important;
    flex-direction: column !important;
    margin: 0 auto !important;
    
    /* PADDING: 20px Top, 50px Sides, 0px Bottom */
    padding: 20px 50px 0 50px !important; 
    
    border-radius: 16px !important;
    box-shadow: 0 20px 60px rgba(0,0,0,0.6) !important;
    
    /* TYPOGRAPHY SETTINGS (Moved here so they inherit safely) */
    font-family: 'Inter', sans-serif !important; 
    color: #E0E0E0 !important; 
    font-size: 20px !important; 
    line-height: 1.9em !important; 
    font-weight: 300 !important; 
    letter-spacing: 0.01em !important;
}

/* --- 2. THE FIX: TARGET ONLY PARAGRAPHS --- */
/* We replaced the dangerous "div" rule with this.
   Only <p> tags and <li> tags get the bottom spacing. 
   Layout divs will now have 0 margin. */
.mpcontent p
 {
    margin-bottom: 10px !important;
    margin-top: 10px !important;
    /* Ensure font settings inherit correctly */
    color: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
}

.mpcontent ul:not(.elementor-toc__list),
.mpcontent ol:not(.elementor-toc__list), li:not(.elementor-toc__list-item) {
    padding:15px;
}


/* --- 3. ELEMENTOR RESET (SAFETY NET) --- */
/* This forces Elementor's layout divs to have NO extra spacing */
.mpcontent div,
.mpcontent .elementor-widget,
.mpcontent .elementor-widget-wrap, 
.mpcontent .elementor-column {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* --- 4. LAST ITEM KILLER --- */
/* Ensures the very last text touches the bottom 0px padding */
.mpcontent > *:last-child,
.mpcontent p:last-child,
.mpcontent ul:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* --- 5. HEADINGS --- */
.mpcontent h2 {
    font-family: 'Inter', sans-serif !important;
    margin-top: 40px !important; 
    margin-bottom: 40px !important;
    color: #ffffff !important;
    border-left: 5px solid #D4AF37 !important; 
    padding-left: 30px !important; 
    padding-bottom: 5px !important;
    line-height: 1.3em !important;
    border-bottom: none !important; 
    font-weight: 600 !important; 
    font-size: 32px !important; 
    width: 100%;
}

.mpcontent h3 {
    font-family: 'Inter', sans-serif !important;
    color: #D4AF37 !important; 
    margin-top: 25px !important; 
    margin-bottom: 25px !important;
    font-weight: 500 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    font-size: 22px !important;
}

/* --- 6. LIST ITEMS --- */
.mpcontent ul {
    background-color: #181818 !important; 
    padding: 20px 50px !important; 
    border-radius: 12px !important;
    border-top: 2px solid #D4AF37 !important; 
    box-shadow: 0 10px 30px rgba(0,0,0,0.2) !important;
    list-style-type: none !important;
}

.mpcontent ul li {
    padding-left: 10px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important; 
    padding-bottom: 20px !important;
    display: list-item !important;
}

.mpcontent ul li:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    padding-bottom:15px !important;
}

.mpcontent ul li::marker {
    color: #D4AF37 !important; 
    font-size: 1.2em !important; 
    content: "• " !important; 
}

.mpcontent ol li {padding-top:25px !important;}

.mpcontent ol > li > strong {
  display: inline !important;
  margin-bottom: 0 !important;
}


/* --- 7. LINKS --- */
.mpcontent a:not(.btn-whatsapp):not(.btn-contact):not(.sem-related-link) {
    color: #D4AF37 !important;
    text-decoration: none !important;
    border-bottom: 1px dotted rgba(212, 175, 55, 0.5) !important;
    transition: all 0.3s ease !important;
    font-weight: 500 !important;
    font-size: 20px !important; 
    background-color: transparent !important;
}

.mpcontent a:not(.btn-whatsapp):not(.btn-contact):hover {
    color: #ffffff !important;
    border-bottom: 1px solid #ffffff !important;
}

.wp-block-table {width:100%; margin:0px}

/* =========================================
   TABLE STYLES (Luxury Theme)
   ========================================= */

/* 1. The Container & Main Table */
.mpcontent table {
    width: 100% !important;
    border-collapse: separate !important; /* Allows border-radius to work */
    border-spacing: 0 !important;
    background-color: #181818 !important; /* Matches your list boxes */
    border-radius: 12px !important;
    overflow: hidden !important; /* Clips the corners */
    margin-bottom: 30px !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important; /* Subtle Gold Border */
    box-shadow: 0 10px 30px rgba(0,0,0,0.2) !important;
}

/* 2. The Headers (Top Row) */
.mpcontent th {
    background-color: #202020 !important; /* Slightly lighter header bg */
    color: #D4AF37 !important; /* Gold Text */
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    padding: 20px !important;
    text-align: left !important;
    border-bottom: 2px solid #D4AF37 !important; /* Solid Gold Line */
}

/* 3. The Cells (Body) */
.mpcontent td {
    color: #E0E0E0 !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 300 !important;
    padding: 20px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important; /* Subtle divider */
    vertical-align: top !important;
    line-height: 1.6em !important;
}

/* 4. Remove border from last row */
.mpcontent tr:last-child td {
    border-bottom: none !important;
}

/* 5. Striped Effect (Optional - makes reading easier) */
.mpcontent tr:nth-child(even) {
    background-color: rgba(255, 255, 255, 0.02) !important;
}

/* --- 8. MOBILE RESPONSIVENESS --- */
@media (max-width: 768px) {
    .mpcontent {
        padding-left: 15px!important; 
        padding-right: 15px!important; 
        margin:0 !important;
        max-width: 100% !important;
    }
    .mpcontent p, .mpcontent li {
        font-size: 18px !important; 
        line-height: 1.7em !important;
    }
    .mpcontent h2 {
        margin-top: 60px !important;
        font-size: 26px !important;
    }
        body.elementor-page-79587 table {
        width: 100% !important;
        margin: 0 0 20px 0 !important;
        border-radius: 8px !important; /* Smaller radius for mobile */
        table-layout: fixed !important; /* Forces columns to fit screen */
    }

    .mpcontent th {
        font-size: 13px !important; /* Smaller header text */
        padding: 12px 8px !important; /* Tighter padding */
        word-wrap: break-word !important;
    }

    .mpcontent td {
        font-size: 14px !important; /* Readable but compact */
        padding: 12px 8px !important;
        word-wrap: break-word !important; /* Forces text to wrap */
        white-space: normal !important;
    }

    /* --- TABLE FIXES (NEW) --- */
    .mpcontent table {
        display: block !important;       /* Allows table to have its own scroll area */
        width: 100% !important;
        overflow-x: auto !important;     /* Adds horizontal scrollbar ONLY to the table */
        white-space: nowrap !important;  /* Prevents cells from crushing each other */
        border-collapse: collapse !important;
        margin-bottom: 20px !important;
    }

    .mpcontent th, body.elementor-page-79587 td {
        padding: 12px 15px !important;   /* Comfortable touch targets */
        text-align: left !important;     /* Fixes alignment */
        border-bottom: 1px solid rgba(255,255,255,0.1) !important;
        white-space: normal !important;  /* Allows text inside cells to wrap nicely */
        min-width: 140px !important;     /* Ensures columns aren't too skinny */
        vertical-align: top !important;
    }
}/* End custom CSS */