/* Fourgap brand support stylesheet — scoped, safe alongside the classic site. */

/* ===== Header polish ===== */
.xpro-theme-builder-header{background:rgba(255,255,255,0.96);backdrop-filter:blur(8px);}

/* ===== Circular badges (timeline dots, avatars, initials) ===== */
/* aspect-ratio guarantees a true circle even when flex would otherwise distort it */
.fg-circle{aspect-ratio:1 !important;border-radius:50% !important;flex:0 0 auto !important;overflow:hidden;}

/* ===== Card hover ===== */
.fg-card{transition:transform .18s ease, box-shadow .18s ease;}
.fg-card:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(0,0,0,0.10) !important;}
.fg-tl-line{background:rgba(44,62,80,0.14) !important;}
.fg-quotemark{font-family:'Poppins',sans-serif;font-size:40px;line-height:.6;color:#4FAF8B;}

/* ===== Hatch placeholder ===== */
.fg-hatch{background:repeating-linear-gradient(45deg,#F7F4EF,#F7F4EF 11px,#F0ECE4 11px,#F0ECE4 22px) !important;}
.fg-hatch .elementor-widget-container, .fg-hatch p{color:#9aa4ae !important;font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;}

/* ===== Comparison + spec tables (Text Editor widget) ===== */
/* horizontally scrollable on small screens instead of squishing */
.fg-compare .elementor-widget-container, .fg-spec .elementor-widget-container{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.fg-compare table, .fg-spec table{width:100%;border-collapse:collapse;font-family:'Inter',sans-serif;font-size:14.5px;background:#fff;border:1px solid rgba(44,62,80,0.14);border-radius:14px;overflow:hidden;}
.fg-compare table{min-width:560px;}
.fg-spec table{min-width:520px;}
.fg-compare th, .fg-compare td, .fg-spec th, .fg-spec td{text-align:left;padding:15px 18px;border-bottom:1px solid rgba(44,62,80,0.10);vertical-align:top;}
.fg-compare thead th, .fg-spec thead th{font-family:'IBM Plex Mono',monospace;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#6B7682;font-weight:600;background:#F7F4EF;}
.fg-compare thead th.col-us{color:#245C49;background:rgba(79,175,139,0.12);}
.fg-compare td.col-us{background:rgba(79,175,139,0.06);font-weight:600;color:#245C49;}
.fg-compare tbody th{font-weight:500;color:#2C3E50;}
.fg-compare .nope{color:#7B8390;}
.fg-spec thead th{color:#245C49;border-bottom:2px solid #4FAF8B;}
.fg-spec tbody th{font-weight:500;color:#2C3E50;white-space:nowrap;}
.fg-spec td{color:#525C69;}
.fg-compare tr:last-child th,.fg-compare tr:last-child td,.fg-spec tr:last-child th,.fg-spec tr:last-child td{border-bottom:none;}

/* ===== Note rule ===== */
.fg-note .elementor-widget-container{border-left:3px solid #D9824A;padding-left:14px;}
.fg-note .elementor-widget-container *{font-family:'IBM Plex Mono',monospace !important;font-size:12.5px;color:#245C49 !important;}

/* ===== Simplified footer ===== */
.fg-foot-link a{color:#cfd6dd;text-decoration:none;transition:color .15s ease;}
.fg-foot-link a:hover{color:#ffffff;}
.fg-foot-divider{border-bottom:1px solid rgba(255,255,255,0.12);}

/* table scroll wrapper (literal in content) */
.fg-tscroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;}

/* Force circular badges regardless of Elementor flex-child defaults */
#fgcircle{align-self:center !important;flex:0 0 auto !important;aspect-ratio:1 !important;height:auto !important;min-height:0 !important;overflow:hidden;}