/* about-enhance.css — ADDITIVE ONLY (about-us page) v3 full rewrite
 * 1. Checklist (865b85a): gold circle icon + text with real gap.
 * 2. Intro copy spacing.
 * 3. Nabeul map card.
 * 4. Force gallery-stack photos visible (entrance anim never fires).
 * 5. Responsive: stack the 50/50 columns below 1025px. */

/* --- 1. Checklist --- */
.elementor-element-865b85a .elementor-icon-list-items{list-style:none;margin:22px 0 8px;padding:0;display:flex;flex-direction:column;gap:16px;}
.elementor-element-865b85a .elementor-icon-list-item{display:flex;align-items:flex-start;gap:14px;margin:0;padding:0;}
.elementor-element-865b85a .elementor-icon-list-icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin-top:2px;border-radius:50%;background:#C8A96A;}
.elementor-element-865b85a .elementor-icon-list-icon i{color:#fff;font-size:14px;line-height:1;}
.elementor-element-865b85a .elementor-icon-list-text{flex:1 1 auto;color:#3f4d57;font-size:16px;line-height:1.7;}

/* --- 2. Intro copy --- */
.elementor-element-bf0f229 p{font-size:17px;line-height:1.75;color:#3f4d57;}
.elementor-element-cda569f{margin-top:26px;}

/* --- 3. Map section — its own row below the intro, near-full width,
 * centered, with inner padding around the iframe. --- */
.rbc-map-section{width:100%;padding:56px 0 8px;}
.rbc-about-map{width:min(96%,1400px);margin:0 auto;border-radius:16px;overflow:hidden;box-shadow:0 14px 40px rgba(16,56,70,.14);border:1px solid rgba(16,56,70,.08);background:#fff;}
.rbc-about-map .rbc-map-bar{justify-content:center;}
.rbc-about-map iframe{display:block;width:calc(100% - 32px);height:460px;border:0;margin:16px auto;border-radius:10px;}
@media (max-width:768px){.rbc-about-map iframe{height:300px;width:calc(100% - 20px);margin:10px auto;}}

/* Desktop intro: the left photo column stays broken, so hide it at all
 * widths and let the text column own the row, centered and readable. */
.elementor-element-e3c892e{display:none!important;}
.elementor-element-e10a02e > .elementor-container > .elementor-column.elementor-col-50.elementor-element-e359973{width:100%!important;}
.elementor-element-e359973 > .elementor-widget-wrap{max-width:840px;margin:0 auto;}

/* --- 6. Gold circle around "24h/24 & 7j/7" (3be84b2 heading) ---------
 * The decorative swirl SVG inside .text-highlight renders at its natural
 * box and spills below the heading onto the button. Pin it absolutely
 * behind the highlighted text, sized to the text, behind (z-index). */
.elementor-element-3be84b2 .main-heading .text-highlight{position:relative;display:inline-block;white-space:nowrap;padding:0 .18em;}
.elementor-element-3be84b2 .main-heading .text-highlight svg{display:none!important;}
.elementor-element-3be84b2 .main-heading .text-highlight::after{content:"";position:absolute;left:-0.35em;right:-0.35em;top:-0.28em;bottom:-0.28em;border:3px solid #C8A96A;border-radius:50%;transform:rotate(-2.5deg);pointer-events:none;}
.elementor-element-3be84b2 .main-heading{position:relative;z-index:1;}
.elementor-element-592fab3{margin-top:34px;}
.rbc-about-map .rbc-map-bar{display:flex;align-items:center;gap:10px;padding:14px 18px;background:#19576E;color:#FAF8F4;font-size:15px;font-weight:600;}
.rbc-about-map .rbc-map-bar .ci{color:#C8A96A;font-size:18px;}
@media (max-width:768px){.rbc-about-map iframe{height:240px;}}

/* --- 4. Reveal the photo stack (elementor-invisible entrance anim never runs) --- */
.elementor-element-e3c892e,
.elementor-element-be0604a,
.elementor-element-afb2d38{opacity:1!important;visibility:visible!important;animation:none!important;}
.elementor-element-be0604a.elementor-invisible,
.elementor-element-afb2d38.elementor-invisible{opacity:1!important;visibility:visible!important;}
.elementor-element-be0604a .rb-fit,
.elementor-element-afb2d38 .rb-fit{visibility:visible!important;opacity:1!important;}

/* Desktop: reserve room for the two stacked photos (2nd is absolute at top:240px, h~355px). */
@media (min-width:1025px){
  .elementor-element-e3c892e > .elementor-widget-wrap{position:relative;min-height:620px;}
}

/* --- 5. Responsive: stack columns below 1025px, hide photo column + decor blobs --- */
@media (max-width:1024px){
  .elementor-element-e10a02e > .elementor-container{flex-wrap:wrap;}
  .elementor-element-e10a02e > .elementor-container > .elementor-column.elementor-col-50{width:100%!important;}
  .elementor-element-e3c892e{display:none!important;}
  .elementor-element-e359973 > .elementor-widget-wrap{padding-left:6px;padding-right:6px;}
  .elementor-element-040b3d1,
  .elementor-element-8727933{display:none!important;}
}