.elementor-35404 .elementor-element.elementor-element-fe5c6a4{--display:flex;}.elementor-35404 .elementor-element.elementor-element-bda24a2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 60px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-35404 .elementor-element.elementor-element-bda24a2 .elementor-heading-title{font-family:"Inter", Sans-serif;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;}.elementor-35404 .elementor-element.elementor-element-a65edfe{padding:75px 0px 0px 0px;}.elementor-35404 .elementor-element.elementor-element-a65edfe .elementor-heading-title{font-family:"Inter", Sans-serif;}.elementor-35404 .elementor-element.elementor-element-7dcbebd{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-35404 .elementor-element.elementor-element-7dcbebd > .elementor-widget-container{padding:50px 0px 0px 0px;}.elementor-35404 .elementor-element.elementor-element-7dcbebd .elementor-post__meta-data span + span:before{content:"///";}.elementor-35404 .elementor-element.elementor-element-7dcbebd .elementor-post__title, .elementor-35404 .elementor-element.elementor-element-7dcbebd .elementor-post__title a{font-family:"Inter", Sans-serif;text-decoration:none;}.elementor-35404 .elementor-element.elementor-element-ba0b22c{--display:flex;}body.elementor-page-35404:not(.elementor-motion-effects-element-type-background), body.elementor-page-35404 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1024px){.elementor-35404 .elementor-element.elementor-element-bda24a2{text-align:start;}.elementor-35404 .elementor-element.elementor-element-bda24a2 .elementor-heading-title{font-size:45px;}}@media(max-width:880px){.elementor-35404 .elementor-element.elementor-element-bda24a2{text-align:start;}}@media(max-width:767px){.elementor-35404 .elementor-element.elementor-element-bda24a2{text-align:start;}.elementor-35404 .elementor-element.elementor-element-bda24a2 .elementor-heading-title{font-size:28px;line-height:1.1em;}}@media(min-width:768px){.elementor-35404 .elementor-element.elementor-element-fe5c6a4{--content-width:750px;}}/* Start custom CSS for breadcrumbs, class: .elementor-element-3324ffe *//* 1. Container: Aligns text and sets the base font */
.rank-math-breadcrumb {
    font-size: 11px !important;                /* Small, elegant size */
    text-transform: uppercase !important;      /* Makes it look premium */
    letter-spacing: 1.5px;          /* Adds breathing room */
    font-weight: 600;
    color: #888888;                 /* Default text color (Grey) */
    margin-bottom: 20px;            /* Space between breadcrumbs and Title */
    display: flex;                  /* Ensures alignment */
    align-items: center;            /* Vertically centers text */
}

/* 2. Links (Home, Blog): Sets the accent color */
.rank-math-breadcrumb a {
    color: #D4AF37;                 /* Gold color for clickable links */
    text-decoration: none;          /* Removes default underline */
    transition: all 0.3s ease;      /* Smooth hover effect */
}

/* 3. Hover State: What happens when you mouse over */
.rank-math-breadcrumb a:hover {
    color: #FFFFFF;                 /* Turns white on hover */
}

/* 4. Separator (The » or / symbol) */
.rank-math-breadcrumb .separator {
    margin: 0 10px;                 /* Space around the separator */
    color: #555555;                 /* Darker grey to make it subtle */
}

/* 5. The Current Page (The last item, usually not a link) */
.rank-math-breadcrumb .last {
    color: #B0B0B0;                 /* Light grey for the current page title */
    cursor: default;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-bda24a2 *//* Target the Heading Title inside this widget */
.elementor-35404 .elementor-element.elementor-element-bda24a2 .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-35404 .elementor-element.elementor-element-bda24a2 .elementor-heading-title {
        font-size: 32px !important;
        line-height: 1.4 !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1fe20b6c */.topdescfont,
.topdescfont * {
  font-family: 'Inter', sans-serif !important;
  font-weight: initial !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1e77c74c */.topdescfont,
.topdescfont * {
  font-family: 'Inter', sans-serif !important;
  font-weight: initial !important;
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-7dcbebd *//* ============================
   Semerenko: OpenAI-style post list
   Uses Elementor `.elementor-35404 .elementor-element.elementor-element-7dcbebd`
   ============================ */

/* Scope */
.elementor-35404 .elementor-element.elementor-element-7dcbebd{
  --sg-bg: #000;
  --sg-line: rgba(255,255,255,.10);
  --sg-text: rgba(255,255,255,.92);
  --sg-muted: rgba(255,255,255,.60);
  --sg-muted2: rgba(255,255,255,.45);
  --sg-accent: #caa54a;
  --sg-accent2: #f2d27a;
}

/* Container */
.elementor-35404 .elementor-element.elementor-element-7dcbebd .elementor-posts-container{
  background: var(--sg-bg);
}

/* Force single column */
.elementor-35404 .elementor-element.elementor-element-7dcbebd .elementor-posts-container.elementor-grid{
  display: block !important;
}

/* Each row */
.elementor-35404 .elementor-element.elementor-element-7dcbebd article.elementor-post{
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  gap: 28px;
  padding: 22px 0;
  margin: 0;
  border-top: 1px solid var(--sg-line);
  background: transparent;
  box-shadow: none !important;
}

/* Hide thumbnails */
.elementor-35404 .elementor-element.elementor-element-7dcbebd .elementor-post__thumbnail__link,
.elementor-35404 .elementor-element.elementor-element-7dcbebd .elementor-post__thumbnail{
  display: none !important;
}

/* Meta */
.elementor-35404 .elementor-element.elementor-element-7dcbebd .elementor-post__meta-data{
  margin: 0 0 6px 0;
}

.elementor-35404 .elementor-element.elementor-element-7dcbebd .elementor-post-date{
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 13px;
  color: var(--sg-muted2);
  letter-spacing: .2px;
}

/* Title */
.elementor-35404 .elementor-element.elementor-element-7dcbebd .elementor-post__title{
  margin: 0 0 10px 0;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 24px;
  line-height: 1.15;
  font-weight: 650;
}

.elementor-35404 .elementor-element.elementor-element-7dcbebd .elementor-post__title a{
  color: var(--sg-text);
  text-decoration: none !important;
}

.elementor-35404 .elementor-element.elementor-element-7dcbebd .elementor-post__title a:hover{
  color: #fff;
  text-decoration: underline;
  text-decoration-color: rgba(255,255,255,.30);
  text-underline-offset: 4px;
}

/* Excerpt */
.elementor-35404 .elementor-element.elementor-element-7dcbebd .elementor-post__excerpt,
.elementor-35404 .elementor-element.elementor-element-7dcbebd .elementor-post__excerpt p{
  margin: 0 0 14px 0;
  color: var(--sg-muted);
  font-size: 15px;
  line-height: 1.6;
  max-width: 900px;
}

/* Read more */
.elementor-35404 .elementor-element.elementor-element-7dcbebd .elementor-post__read-more{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--sg-accent);
  font-weight: 650;
  text-decoration: none !important;
}

.elementor-35404 .elementor-element.elementor-element-7dcbebd .elementor-post__read-more:hover{
  color: var(--sg-accent2);
  text-decoration: underline !important;
  text-decoration-color: rgba(202,165,74,.45) !important;
  text-underline-offset: 4px;
}

/* Load More */
.elementor-35404 .elementor-element.elementor-element-7dcbebd .elementor-button-wrapper{
  margin-top: 26px;
  display: flex;
  justify-content: center;
}

.elementor-35404 .elementor-element.elementor-element-7dcbebd .elementor-button{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.14);
  color: rgba(255,255,255,.90);
  border-radius: 999px;
  padding: 14px 22px;
  min-width: 220px;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
}

.elementor-35404 .elementor-element.elementor-element-7dcbebd .elementor-button:hover{
  background: rgba(255,255,255,.09);
  border-color: rgba(202,165,74,.55);
}

/* Spinner */
.elementor-35404 .elementor-element.elementor-element-7dcbebd .e-load-more-spinner svg{
  fill: rgba(255,255,255,.70) !important;
}

/* Mobile */
@media (max-width: 767px){
  .elementor-35404 .elementor-element.elementor-element-7dcbebd .elementor-post__title{
    font-size: 20px;
  }
}

html body .elementor-widget-heading[data-id="85bf4bb"] .elementor-heading-title{
  font-size: 32px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  font-family: Inter, sans-serif !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: block;
  margin-bottom: 25px !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: 0!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-35404 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-35404 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 */