/* =========================================================
   Elite Trade Hub - site updates (30 Sep 2026)
   Header dropdown, footer cleanup, contact + FAQ section.
   Remove the enqueue block in functions.php to revert.
   ========================================================= */

/* ---------- 1. HEADER: dropdown menu ---------- */
.xr-header-1-area { z-index: 999; }
.xr-header-1-action-link { position: relative; }

@media (min-width: 992px) {
  .xr-header-1-menu,
  .xr-header-1-menu:is(.show) {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    width: auto !important;
    min-width: 250px;
    margin: 0 !important;
    padding: 10px;
    background: #0b0b0d;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 12px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55);
    overflow: visible;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    pointer-events: none;
    transition: opacity .3s ease, transform .3s ease, visibility .3s ease;
  }
  .xr-header-1-menu:is(.show) {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
  }
  .xr-header-1-menu .menu-main-menu-container > ul,
  .xr-header-1-menu:is(.show) .menu-main-menu-container > ul {
    display: flex;
    flex-direction: column;
    gap: 2px !important;
    padding: 0 !important;
    margin: 0;
    transform: none !important;
    opacity: 1 !important;
    visibility: inherit !important;
    transition-delay: 0s !important;
  }
  .xr-header-1-menu .navbar-nav li { width: 100%; }
  .xr-header-1-menu .navbar-nav li a {
    display: flex;
    width: 100%;
    padding: 12px 16px;
    border-radius: 8px;
    font-size: 16px;
    line-height: 1.3;
    color: #fff;
  }
  .xr-header-1-menu .navbar-nav li a:hover,
  .xr-header-1-menu .navbar-nav li.current-menu-item > a {
    background: rgba(255, 255, 255, 0.07);
  }
  .xr-header-1-menu .navbar-nav li .dropdown-menu {
    background: #0b0b0d;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 10px;
    z-index: 1001;
  }
  .xr-header-1-menu-toggle-btn { position: relative; z-index: 1001; }
}

/* Tablet / mobile: off-canvas menu always above page content */
.wa-overly { z-index: 9998; }
.wa-offcanvas-area { z-index: 9999; }

/* ---------- 2. FOOTER ---------- */
.xr-footer-1-contact .link-elm { display: none !important; }
.xr-footer-1-top { align-items: flex-start; gap: 60px; }
.xr-footer-1-contact { max-width: 560px; }
.xr-footer-1-contact .title { margin-bottom: 18px; }
.xr-footer-1-contact .disc { line-height: 1.7; margin-bottom: 36px; }
.etr-foot-contact { display: flex; flex-direction: column; gap: 14px; margin-top: 26px; padding-top: 24px; border-top: 1px solid rgba(255, 255, 255, 0.16); }
.etr-foot-item { display: flex; align-items: flex-start; gap: 14px; color: #fff; line-height: 1.5; transition: color .3s ease; }
.etr-foot-item i {
  flex: 0 0 38px; width: 38px; height: 38px; margin-top: -4px;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 8px; font-size: 15px; color: #fff;
  background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.16);
  transition: background .3s ease, border-color .3s ease;
}
.etr-foot-tel span { white-space: nowrap; }
.etr-foot-item:hover { color: #fff; }
.etr-foot-item:hover span { text-decoration: underline; text-underline-offset: 4px; }
.etr-foot-item:hover i { background: #044BD9; border-color: #044BD9; }

.xr-footer-1-link ul li a { padding: 20px 4px; align-items: center; }
.xr-footer-1-link ul li a span:nth-child(1) { min-width: 46px; }
.xr-footer-1-link ul li a i { font-size: 14px; }
@media (max-width: 991px) {
  .xr-footer-1-top { gap: 40px; }
  .xr-footer-1-link { max-width: 100%; }
  .xr-footer-1-link ul li a { font-size: 18px; padding: 17px 2px; }
}
@media (max-width: 767px) {
  .xr-footer-1-contact .disc { max-width: 100%; }
  .xr-footer-1-video { width: 100%; height: 180px; }
}

/* ---------- 3. HOME: contact section ---------- */
.xr-contact-1-left-book .disc { white-space: nowrap; }
@media (max-width: 400px) {
  .xr-contact-1-left-book .disc { font-size: 17px; }
}
.xr-contact-1-ss .ss-elm img { object-fit: cover; }

/* ---------- 4. HOME: FAQ section ---------- */
.etr-faq-area { padding: 120px 0; background-size: cover; background-position: center; }
.etr-faq-wrap { display: grid; grid-template-columns: 1fr 1.1fr; gap: 70px; align-items: center; position: relative; z-index: 2; }
.etr-faq-intro .xr-subtitle-1 { margin-bottom: 20px; }
.etr-faq-title { color: #fff; margin-bottom: 22px; }
.etr-faq-desc { color: rgba(255, 255, 255, 0.72); font-size: 18px; line-height: 1.7; max-width: 520px; margin-bottom: 36px; }
.etr-faq-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 18px 28px; }
.etr-faq-call { color: #fff; font-size: 18px; display: inline-flex; align-items: center; gap: 10px; white-space: nowrap; transition: color .3s ease; }
.etr-faq-call i { color: #BF0426; }
.etr-faq-call:hover { color: #044BD9; }
.etr-faq-box { max-width: 100% !important; width: 100% !important; margin: 0 !important; }
@media (max-width: 1199px) {
  .etr-faq-wrap { gap: 44px; }
}
@media (max-width: 991px) {
  .etr-faq-area { padding: 90px 0; }
  .etr-faq-wrap { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
  .etr-faq-area { padding: 70px 0; }
  .etr-faq-desc { font-size: 16px; }
}

/* ---------- 5. HOME: Our Solutions - heading row removed, projects kept ---------- */
.elementor-element-839f70f .xr-projects-1-sec-title { display: none !important; }
.elementor-element-839f70f .xr-projects-1-area { padding-top: 60px; }

/* ---------- 6. HOME: FAQ text colours (override palette) ---------- */
.etr-faq-area .etr-faq-title,
.etr-faq-area .etr-faq-title * { color: #fff !important; opacity: 1 !important; }
.etr-faq-area .etr-faq-desc { color: rgba(255, 255, 255, 0.75) !important; opacity: 1 !important; }
.etr-faq-area .xr-subtitle-1-number { color: #BF0426 !important; }
.etr-faq-area .xr-subtitle-1-number span { color: #fff !important; }
.etr-faq-area .xr-subtitle-1-marquee .marquee-text-single { color: #fff !important; }
.etr-faq-area .etr-faq-call { color: #fff !important; }
.etr-faq-area .etr-faq-call:hover { color: #6f9bff !important; }
.etr-faq-area .etr-faq-call i { color: #BF0426 !important; }
.etr-faq-area .xr-line-shape { z-index: 0; }
.etr-faq-area .xr-subtitle-1 .marquee-text-single::after { background-color: #fff !important; }

/* ---------- 7. OFF-CANVAS (mobile menu): gallery + social removed, logo size ---------- */
.wa-offcanvas-gallery,
.wa-offcanvas-social { display: none !important; }
.wa-offcanvas-top-logo { max-width: 246px; }
.wa-offcanvas-top-logo img,
.xr-header-1-logo img { width: auto; height: 46px; max-width: 100%; }
@media (max-width: 575px) { .xr-header-1-logo img { height: 38px; } }

/* ---------- 8. ABOUT: Mission / What We Do / How We Work tabs ---------- */
body.page-id-321 .xr-about-1-tabs {
  grid-template-columns: 1fr;
  gap: 8px;
  padding: 8px;
  border-radius: 16px;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.06);
}
body.page-id-321 .xr-about-1-tabs-btn { flex-direction: row; gap: 6px; }
body.page-id-321 .xr-about-1-tabs-btn .nav-link,
body.page-id-321 .xr-about-1-tabs-btn .nav-link:is(.active) { flex: 1 1 0; height: 54px !important; padding: 0; border: 0; }
body.page-id-321 .xr-about-1-tabs-btn-single { background: #F3F3F3; border-radius: 10px; transition: background .3s ease; }
body.page-id-321 .xr-about-1-tabs-btn-single .bg-img,
body.page-id-321 .xr-about-1-tabs-btn-single .hover-content { display: none !important; }
body.page-id-321 .xr-about-1-tabs-btn-single .first-content { opacity: 1 !important; gap: 10px; }
body.page-id-321 .xr-about-1-tabs-btn-single .first-content .title { font-size: 16px; font-weight: 500; color: #000; margin: 0; white-space: nowrap; transition: color .3s ease; }
body.page-id-321 .xr-about-1-tabs-btn-single .first-content .icon { font-size: 20px; color: #000; transition: color .3s ease; }
body.page-id-321 .xr-about-1-tabs-btn .nav-link:hover .xr-about-1-tabs-btn-single { background: #E6E6E6; }
body.page-id-321 .xr-about-1-tabs-btn .nav-link:is(.active) .xr-about-1-tabs-btn-single { background: #0B0B0D; }
body.page-id-321 .xr-about-1-tabs-btn .nav-link:is(.active) .first-content .title { color: #fff; }
body.page-id-321 .xr-about-1-tabs-btn .nav-link:is(.active) .first-content .icon { color: #044BD9; }
body.page-id-321 .xr-about-1-tabs-pane {
  background: #F7F7F7;
  border-radius: 12px;
  padding: 28px 30px;
  border-left: 3px solid #044BD9;
  min-height: 150px;
}
body.page-id-321 .xr-about-1-tabs-pane-single .disc { font-size: 18px; line-height: 1.6; color: #000; margin-bottom: 18px; }
body.page-id-321 .xr-about-1-tabs-pane-single .tags-list { gap: 8px; }
body.page-id-321 .xr-about-1-tabs-pane-single .tags-list li { background: #fff; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 30px; padding: 6px 16px; font-size: 14px; color: #000; }
@media (max-width: 575px) {
  body.page-id-321 .xr-about-1-tabs-btn { flex-direction: column; }
  body.page-id-321 .xr-about-1-tabs-btn .nav-link,
  body.page-id-321 .xr-about-1-tabs-btn .nav-link:is(.active) { flex: none; height: 50px !important; }
  body.page-id-321 .xr-about-1-tabs-pane { padding: 22px 20px; }
  body.page-id-321 .xr-about-1-tabs-pane-single .disc { font-size: 16px; }
}

/* ---------- 9. ABOUT: brand badge instead of person photo ---------- */
body.page-id-321 .xr-about-1-author .main-img { background: #0B0B0D; }
body.page-id-321 .xr-about-1-author .main-img img { object-fit: cover; }
body.page-id-321 .xr-about-1-author .bio { white-space: nowrap; }
@media (max-width: 575px) { body.page-id-321 .xr-about-1-author .bio { white-space: normal; font-size: 14px; } }
/* ---------- 10. HOME: How We Work (white section above packages) ---------- */
.etr-how-area { background: #fff; padding: 110px 0 120px; position: relative; overflow: hidden; }
.etr-how-head { display: grid; grid-template-columns: 1.25fr 1fr; gap: 40px 80px; align-items: end; margin-bottom: 64px; }
.etr-how-head .xr-subtitle-1 { margin-bottom: 18px; }
.etr-how-sec-title { color: #000; margin: 0; max-width: 680px; }
.etr-how-head-right { padding-bottom: 6px; }
.etr-how-intro { color: rgba(0, 0, 0, 0.64); font-size: 18px; line-height: 1.7; margin: 0 0 26px; max-width: 460px; }
.etr-how-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; position: relative; padding-top: 34px; }
.etr-how-grid::before { content: ""; position: absolute; top: 7px; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, #044BD9 0%, rgba(4, 75, 217, 0.15) 100%); }
.etr-how-card { position: relative; }
.etr-how-dot { position: absolute; top: -34px; left: 0; width: 15px; height: 15px; border-radius: 50%; background: #fff; border: 2px solid #044BD9; display: flex; align-items: center; justify-content: center; }
.etr-how-dot span { width: 5px; height: 5px; border-radius: 50%; background: #044BD9; transition: transform .4s ease; }
.etr-how-card:hover .etr-how-dot span { transform: scale(1.8); }
.etr-how-img { position: relative; border-radius: 18px; overflow: hidden; aspect-ratio: 4 / 5; margin-bottom: 20px; box-shadow: 0 18px 45px rgba(0, 0, 0, 0.08); }
.etr-how-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s cubic-bezier(.2, .7, .2, 1); }
.etr-how-img::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.82) 100%); transition: background .5s ease; }
.etr-how-card:hover .etr-how-img img { transform: scale(1.08); }
.etr-how-card:hover .etr-how-img::after { background: linear-gradient(180deg, rgba(4, 75, 217, 0.05) 35%, rgba(4, 45, 140, 0.88) 100%); }
.etr-how-step { position: absolute; top: 16px; left: 16px; z-index: 2; margin: 0; padding: 6px 14px; border-radius: 30px; font-size: 13px; letter-spacing: 0.08em; text-transform: uppercase; color: #fff; background: rgba(255, 255, 255, 0.16); border: 1px solid rgba(255, 255, 255, 0.35); backdrop-filter: blur(8px); }
.etr-how-title { position: absolute; left: 20px; right: 20px; bottom: 20px; z-index: 2; margin: 0; color: #fff !important; font-size: 24px; line-height: 1.2; }
.etr-how-disc { font-size: 16px; line-height: 1.65; color: rgba(0, 0, 0, 0.66); margin: 0; padding-right: 8px; }
@media (max-width: 1199px) {
  .etr-how-head { grid-template-columns: 1fr; gap: 20px; }
  .etr-how-grid { grid-template-columns: repeat(2, 1fr); row-gap: 50px; }
  .etr-how-grid::before, .etr-how-dot { display: none; }
  .etr-how-grid { padding-top: 0; }
}
@media (max-width: 767px) {
  .etr-how-area { padding: 70px 0 80px; }
  .etr-how-head { margin-bottom: 36px; }
  .etr-how-intro { font-size: 16px; }
  .etr-how-grid { grid-template-columns: 1fr; row-gap: 36px; }
  .etr-how-img { aspect-ratio: 4 / 3.4; }
  .etr-how-title { font-size: 22px; }
}

/* Packages section: straight top edge, no overlap into the section above */
body.page-id-321 .xr-price-1-area { margin-top: 0 !important; clip-path: none !important; padding-top: 120px !important; }
@media (max-width: 767px) { body.page-id-321 .xr-price-1-area { padding-top: 80px !important; } }

/* Why Choose Us slider: images always fill the square frame */
body.page-id-321 .xr-choose-1-img-single,
body.page-id-321 .xr-choose-1-img-single img { width: 100%; height: 100%; }

/* Team: portrait crops sit centred */
body.page-id-321 .xr-team-1-member .main-img img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
/* ---------- 11. HOME: testimonials - name clear of the avatar row ---------- */
@media (min-width: 1200px) {
  body.page-id-321 .xr-testimonial-1-slider-main-item .comment { margin-bottom: 330px !important; }
  body.page-id-321 .xr-testimonial-1-slider-preview { bottom: 190px !important; }
}
body.page-id-321 .xr-testimonial-1-slider-main-item .content-wrap { position: relative; z-index: 5; }
body.page-id-321 .xr-testimonial-1-slider-main-item .author-name { font-weight: 600; }
body.page-id-321 .xr-testimonial-1-area img,
body.page-id-321 .xr-hero-1-author .author-img img,
body.page-id-321 .xr-services-1-area .author-img img { object-fit: cover; }

/* Headings on dark backgrounds are always white */
.xr-footer-1-contact .title { color: #fff !important; opacity: 1 !important; }
.xr-footer-1-area h1, .xr-footer-1-area h2, .xr-footer-1-area h3,
.xr-footer-1-area h4, .xr-footer-1-area h5, .xr-footer-1-area h6 { color: #fff; }
body.page-id-321 .xr-services-1-area .xr-sec-title-1,
body.page-id-321 .xr-price-1-area .xr-sec-title-1,
body.page-id-321 .xr-price-1-area h2, body.page-id-321 .xr-price-1-area h3, body.page-id-321 .xr-price-1-area h4,
body.page-id-321 .xr-faqs-1-area h2, body.page-id-321 .xr-faqs-1-area h4,
body.page-id-321 .xr-support-1-area .xr-sec-title-1 { color: #fff !important; }

/* Services: service images fill their frames */
body.page-id-321 .xr-services-1-area img { object-fit: cover; }
/* ---------- 12. HOME: CTA readability on new photo ---------- */
body.page-id-321 .xr-support-1-area { position: relative; isolation: isolate; }
body.page-id-321 .xr-support-1-area::before { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: inherit; background: linear-gradient(90deg, rgba(0, 0, 0, 0.82) 0%, rgba(0, 0, 0, 0.55) 45%, rgba(0, 0, 0, 0.15) 100%); pointer-events: none; }
body.page-id-321 .xr-support-1-area > .container { position: relative; z-index: 1; }

/* ---------- 13. HOME: Why Choose Us - 3 + 3 cards, no bottom line ---------- */
body.page-id-321 .xr-choose-1-disc:empty,
body.page-id-321 .xr-choose-1-bg-line { display: none !important; }
body.page-id-321 .xr-choose-1-card { gap: 24px; }
body.page-id-321 .xr-choose-1-img-single img { object-fit: cover; }

/* ---------- 14. HOME: contact - left boxes ---------- */
body.page-id-321 .xr-contact-1-left-book .btn-wrap { flex-wrap: wrap; gap: 14px 18px; }
body.page-id-321 .xr-contact-1-left-book .link-elm { display: flex; flex-direction: column; gap: 2px; margin: 0; font-size: 14px; }
body.page-id-321 .xr-contact-1-left-book .link-elm a { font-size: 16px; font-weight: 600; color: #000; word-break: break-all; transition: color .3s ease; }
body.page-id-321 .xr-contact-1-left-book .link-elm a:hover { color: #044BD9; }
body.page-id-321 .xr-contact-1-left-author .author-img { background: #0B0B0D; border-radius: 50%; overflow: hidden; }
body.page-id-321 .xr-contact-1-left-author .author-img img { object-fit: cover; }
body.page-id-321 .xr-contact-1-left-author .title { font-size: 20px; line-height: 1.3; text-align: center; padding: 0 12px; }
body.page-id-321 .xr-contact-1-left-author .title img { width: 22px; height: auto; vertical-align: -3px; }
body.page-id-321 .xr-contact-1-right .author .author-img { background: #0B0B0D; }

/* ---------- 15. HOME: team photos ---------- */
body.page-id-321 .xr-team-1-area img { object-fit: cover; }body.page-id-321 .xr-about-1-trust .author-img img { object-fit: cover; }

/* ---------- 16. HOME: team scroll section - shorter, cards centred, nothing cut ---------- */
@media (min-width: 1600px) {
  body.page-id-321 .xr-team-1-height { height: 240vh; }
  body.page-id-321 .xr-team-1-pin { top: 0; }
  body.page-id-321 .xr-team-1-main-wrap { height: 100vh; }
  body.admin-bar.page-id-321 .xr-team-1-pin { top: 32px; }
  body.admin-bar.page-id-321 .xr-team-1-main-wrap { height: calc(100vh - 32px); }
}
@media (min-width: 1600px) and (max-height: 820px) {
  body.page-id-321 .xr-team-1-member .main-img { height: 330px; }
}

/* ---------- 17. HEADER: Call us button on one line ---------- */
.xr-header-1-join-btn {
  white-space: nowrap !important;
  width: auto !important;
  max-width: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 14px !important;
  flex-shrink: 0 !important;
}
.xr-header-1-join-btn .icon { flex-shrink: 0 !important; }
.xr-header-1-logo-x-btn { flex-wrap: nowrap !important; }
@media (max-width: 575px) {
  .xr-header-1-join-btn { font-size: 14px !important; padding-left: 14px !important; padding-right: 14px !important; gap: 10px !important; }
}


/* ---------- 18. MOBILE HEADER FIX (10 Oct 2026): call button becomes a phone icon so the menu button fits ---------- */
@media (max-width: 575px) {
  .xr-header-1-logo-x-btn { gap: 10px !important; min-width: 0 !important; }
  .xr-header-1-logo img { max-width: 170px !important; height: auto !important; }
  .xr-header-1-join-btn { font-size: 0 !important; gap: 0 !important; padding: 0 !important; width: 44px !important; height: 44px !important; justify-content: center !important; border-radius: 50% !important; }
  .xr-header-1-join-btn .icon { font-size: 18px !important; margin: 0 !important; }
  .xr-header-1-join-btn .icon i::before { content: "\f095" !important; font-family: "Font Awesome 6 Free", "Font Awesome 5 Free" !important; font-weight: 900 !important; }
  .xr-footer-1-logo { font-size: 42px !important; }
}
@media (max-width: 359px) {
  .xr-header-1-logo img { max-width: 140px !important; }
}

/* ---------- 19. HEADER on inner pages (About / Services / Contact): same dark header styling as Home (10 Oct 2026) ---------- */
body:not(.page-id-321) .xr-header-1-logo-x-btn{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16)}
body:not(.page-id-321) .xr-header-1-action-link{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16)}
body:not(.page-id-321) .xr-header-1-area .xr-header-1-join-btn,body:not(.page-id-321) .xr-header-1-area .xr-header-1-join-btn.xr-p-1{color:rgba(255,255,255,.85) !important}
body:not(.page-id-321) .xr-header-1-join-btn i{color:var(--xr-clr-pr-1)}
body:not(.page-id-321) .xr-header-1-area .xr-header-1-join-btn:hover{color:#fff !important;text-decoration:underline;text-decoration-color:#044BD9;text-decoration-thickness:2px;text-underline-offset:5px}
body:not(.page-id-321) .xr-main-navigation .navbar-nav li a{color:#fff}
body:not(.page-id-321) .xr-main-navigation .navbar-nav li:hover > a{color:#fff}
body:not(.page-id-321) .xr-main-navigation .navbar-nav > li:hover > a{text-decoration:underline;text-decoration-color:#044BD9;text-decoration-thickness:2px;text-underline-offset:6px}
body:not(.page-id-321) .xr-header-1-menu-toggle-btn span{background-color:#fff}
body:not(.page-id-321) .xr-offcanvas-btn-1{background:rgba(255,255,255,.1);box-shadow:inset 0 0 7px rgba(255,255,255,.3);color:#fff}
body:not(.page-id-321) .xr-offcanvas-btn-1:hover{background:var(--xr-clr-pr-1)}
/* Inner page banner image: cover + dark overlay for readable text (10 Oct 2026) */
.xr-breadcrumb-area{background-size:cover !important;background-position:center !important;position:relative}
.xr-breadcrumb-area::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.45);z-index:0;pointer-events:none}
.xr-breadcrumb-area > .container{position:relative;z-index:1}

/* Legal pages + footer legal links (10 Oct 2026) */
.etr-legal{color:#1b2333;font-size:16px;line-height:1.75;word-wrap:break-word;overflow-wrap:anywhere}
.etr-legal h2{font-size:24px;line-height:1.3;margin:36px 0 12px;color:#0b1628}
.etr-legal p,.etr-legal ul{margin:0 0 14px}
.etr-legal ul{padding-left:22px;list-style:disc}
.etr-legal li{margin-bottom:6px}
.etr-legal a{color:#044BD9;text-decoration:underline}
.etr-legal .etr-legal-updated{color:#5B6475;font-size:14px}
.etr-legal-table{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 16px}
.etr-legal table{width:100%;min-width:520px;border-collapse:collapse;font-size:15px}
.etr-legal th,.etr-legal td{border:1px solid #d9dee8;padding:10px 12px;text-align:left;vertical-align:top}
.etr-legal th{background:#f2f4f8}
@media (max-width:767px){.etr-legal{font-size:15px}.etr-legal h2{font-size:20px;margin-top:28px}}
.etr-legal-links{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:flex-end}
.etr-legal-links a{color:inherit;text-decoration:none;white-space:nowrap}
.etr-legal-links a:hover{text-decoration:underline}
@media (max-width:767px){.etr-legal-links{justify-content:center}}

.etr-copy{display:block;margin-bottom:8px}
.etr-legal-links{justify-content:center;margin-top:4px}

/* Footer copyright + legal links readable on dark footer, all pages (10 Oct 2026) */
footer .etr-copy, footer .etr-copy *{color:rgba(255,255,255,.75) !important}
footer .etr-legal-links a{color:rgba(255,255,255,.75) !important}
footer .etr-legal-links a:hover,footer .etr-legal-links a:focus{color:#fff !important;text-decoration:underline}