/* =====================================================================
   Urban Elevator — ADD-ONS for the remaining pages  (v1.1)
   Load AFTER urban-elevator.css. Does not change anything already built.
   urban-elevator.js is unchanged — no new JS needed.
   ===================================================================== */

/* ---------- WIPE DIRECTIONS (add next to .ue-wipe) -------------------
   .ue-wipe              -> reveals bottom to top (existing)
   .ue-wipe .ue-wipe--left  -> reveals left to right
   .ue-wipe .ue-wipe--right -> reveals right to left                    */
.ue-motion .ue-wipe.ue-wipe--left{ clip-path:inset(0 100% 0 0); }
.ue-motion .ue-wipe.ue-wipe--right{ clip-path:inset(0 0 0 100%); }
.ue-motion .ue-wipe.ue-wipe--left.is-in,
.ue-motion .ue-wipe.ue-wipe--right.is-in{ clip-path:inset(0 0 0 0); }

/* ---------- ACCORDION  (.ue-accordion on Elementor's Accordion widget) -- */
.ue-accordion{ border-top:1px solid var(--ue-ink); }
.ue-accordion .e-n-accordion-item,
.ue-accordion .elementor-accordion-item{ border:0 !important; border-bottom:1px solid #cfcfcb !important; }
.ue-accordion .e-n-accordion-item-title,
.ue-accordion .elementor-tab-title{ padding:26px 0 !important; background:none !important; border:0 !important; }
.ue-accordion .e-n-accordion-item-title-text,
.ue-accordion .elementor-accordion-title{ font-size:22px !important; font-weight:700 !important; letter-spacing:-.012em; line-height:1.25; color:var(--ue-ink) !important; transition:color .2s ease; }
.ue-accordion .e-n-accordion-item-title:hover .e-n-accordion-item-title-text,
.ue-accordion .elementor-tab-title:hover .elementor-accordion-title{ color:var(--ue-blue) !important; }
.ue-accordion .e-n-accordion-item-title-icon,
.ue-accordion .elementor-accordion-icon{ width:32px; height:32px; border:1px solid #cfcfcb; display:flex !important; align-items:center; justify-content:center; color:var(--ue-blue) !important; fill:var(--ue-blue) !important; }
.ue-accordion .e-n-accordion-item-title-icon svg,
.ue-accordion .elementor-accordion-icon svg{ width:12px; height:12px; fill:var(--ue-blue); }
.ue-accordion .e-n-accordion-item > [role="region"],
.ue-accordion .elementor-tab-content{ padding:0 64px 30px 0 !important; border:0 !important; font-size:17px; line-height:1.65; color:var(--ue-body); }
@media (max-width:767px){
  .ue-accordion .e-n-accordion-item-title-text, .ue-accordion .elementor-accordion-title{ font-size:19px !important; }
  .ue-accordion .e-n-accordion-item > [role="region"], .ue-accordion .elementor-tab-content{ padding-right:0 !important; }
}

/* ---------- CHECKLIST  (.ue-checks on an Icon List widget) -----------
   Leave the icon empty; the blue square is drawn by CSS.               */
.ue-checks .elementor-icon-list-items{ border-top:1px solid var(--ue-ink); }
.ue-checks .elementor-icon-list-item{ padding:20px 0 !important; margin:0 !important; border-bottom:1px solid var(--ue-line); font-size:18px; font-weight:600; color:var(--ue-ink); gap:16px; }
.ue-checks .elementor-icon-list-item::before{ content:""; width:8px; height:8px; background:var(--ue-blue); flex:none; }
.ue-checks .elementor-icon-list-icon{ display:none !important; }
.ue-checks.ue-checks--2col .elementor-icon-list-items{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:40px; }
@media (max-width:767px){ .ue-checks.ue-checks--2col .elementor-icon-list-items{ grid-template-columns:minmax(0,1fr); } }

/* ---------- TILE GRID  (.ue-tiles on a grid container of boxes) ------
   Container: Grid, 3 columns (2 tablet, 1 mobile), gap 0.
   Each child container = one tile (Heading H3 + Text).                 */
.ue-tiles{ border-top:1px solid var(--ue-ink); border-left:1px solid var(--ue-line); gap:0 !important; }
.ue-tiles > .e-con, .ue-tiles > .e-con-inner > .e-con{ background:#fff; padding:36px 32px 40px !important; border-right:1px solid var(--ue-line); border-bottom:1px solid var(--ue-line); }

/* ---------- FACT ROW  (.ue-facts on a row container of short Text widgets) */
.ue-facts{ border-top:1px solid var(--ue-ink); max-width:680px; gap:0 !important; }
.ue-facts > .elementor-widget, .ue-facts > .e-con-inner > .elementor-widget{ flex:1 1 0; padding:18px 20px 0; font-size:15px; font-weight:600; line-height:1.4; }
.ue-facts > .elementor-widget + .elementor-widget, .ue-facts > .e-con-inner > .elementor-widget + .elementor-widget{ border-left:1px solid var(--ue-line); }
.ue-facts > .elementor-widget:first-child, .ue-facts > .e-con-inner > .elementor-widget:first-child{ padding-left:0; }
@media (max-width:767px){ .ue-facts{ flex-direction:column !important; } .ue-facts .elementor-widget{ padding:14px 0 !important; border-left:0 !important; border-bottom:1px solid var(--ue-line); } }

@media (prefers-reduced-motion: reduce){ .ue-wipe.ue-wipe--left, .ue-wipe.ue-wipe--right{ clip-path:none !important; } }