/*
 * القسم 17ب — مواقعنا: بطاقة الوصول القانونية.
 * النطاق: العربية 4499 > التذييل 4734 > الحاوية 761bf5a فقط.
 * يحفظ النص والـiframe ورابط Google Maps وترتيب HTML وElementor كما هي.
 */
html body.ussus-footer-locations-map-enabled.page-id-4499 #colophon > .footer-width-fixer > .elementor.elementor-4734 > .elementor-element.elementor-element-761bf5a {
  background-color: #0B2921 !important;
  background-image:
    radial-gradient(circle at 14% 18%, rgba(224, 190, 122, .10) 0 1px, transparent 1.5px),
    radial-gradient(circle at 84% 76%, rgba(194, 161, 90, .09) 0 1px, transparent 1.5px),
    linear-gradient(135deg, #0B2921 0%, #12352C 56%, #0E3027 100%) !important;
  background-position: 0 0, 18px 23px, 0 0;
  background-size: 36px 36px, 52px 52px, 100% 100%;
  border-block: 1px solid rgba(224, 190, 122, .58);
  box-shadow: inset 0 1px 0 rgba(247, 244, 238, .08), inset 0 -1px 0 rgba(2, 18, 14, .34);
}

html body.ussus-footer-locations-map-enabled.page-id-4499 #colophon > .footer-width-fixer > .elementor.elementor-4734 > .elementor-element.elementor-element-761bf5a .map-container {
  box-sizing: border-box;
  max-width: 68rem;
  padding: clamp(.9rem, 2.8vw, 1.55rem);
  text-align: center;
}

html body.ussus-footer-locations-map-enabled.page-id-4499 #colophon > .footer-width-fixer > .elementor.elementor-4734 > .elementor-element.elementor-element-761bf5a .map-container .fancy-title {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shine 3s linear infinite;
  background: linear-gradient(90deg, #C2A15A 0%, #E0BE7A 38%, #F7F4EE 50%, #E0BE7A 62%, #C2A15A 100%);
  background-clip: text;
  background-size: 250% auto;
  color: transparent;
  font-family: "Amiri", serif;
  font-size: clamp(2.05rem, 4.1vw, 3.1rem);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.15;
  margin: 0 0 1.05rem;
  text-shadow: 0 2px 14px rgba(2, 18, 14, .32);
  text-transform: none;
}

html body.ussus-footer-locations-map-enabled.page-id-4499 #colophon > .footer-width-fixer > .elementor.elementor-4734 > .elementor-element.elementor-element-761bf5a .map-container .fancy-title::after {
  background: linear-gradient(90deg, transparent, #C2A15A 22%, #E0BE7A 50%, #C2A15A 78%, transparent);
  content: "";
  display: block;
  height: 1px;
  margin: .48em auto 0;
  max-width: 9rem;
}

html body.ussus-footer-locations-map-enabled.page-id-4499 #colophon > .footer-width-fixer > .elementor.elementor-4734 > .elementor-element.elementor-element-761bf5a .map-container iframe {
  box-shadow: 0 0 0 1px rgba(224, 190, 122, .86), 0 0 0 6px rgba(247, 244, 238, .06), 0 18px 32px rgba(2, 18, 14, .30) !important;
  outline: 1px solid rgba(194, 161, 90, .34);
  outline-offset: 6px;
}

html body.ussus-footer-locations-map-enabled.page-id-4499 #colophon > .footer-width-fixer > .elementor.elementor-4734 > .elementor-element.elementor-element-761bf5a .map-btn {
  background: linear-gradient(135deg, #C2A15A 0%, #9A6B2F 100%);
  border: 1px solid rgba(247, 244, 238, .30);
  border-radius: 7px;
  box-shadow: 0 8px 18px rgba(2, 18, 14, .25), inset 0 1px 0 rgba(247, 244, 238, .22);
  color: #0B2921;
  font-family: "IBM Plex Sans Arabic", "Segoe UI", sans-serif;
  font-weight: 700;
  line-height: 1.35;
  min-height: 44px;
  padding: .68rem 1.35rem;
  text-decoration: none;
}

html body.ussus-footer-locations-map-enabled.page-id-4499 #colophon > .footer-width-fixer > .elementor.elementor-4734 > .elementor-element.elementor-element-761bf5a .map-btn:hover {
  background: linear-gradient(135deg, #E0BE7A 0%, #C2A15A 100%);
  color: #0B2921;
}

html body.ussus-footer-locations-map-enabled.page-id-4499 #colophon > .footer-width-fixer > .elementor.elementor-4734 > .elementor-element.elementor-element-761bf5a .map-btn:focus-visible {
  outline: 3px solid #F7F4EE;
  outline-offset: 4px;
}

@media (max-width: 767px) {
  html body.ussus-footer-locations-map-enabled.page-id-4499 #colophon > .footer-width-fixer > .elementor.elementor-4734 > .elementor-element.elementor-element-761bf5a .map-container {
    padding: .9rem .85rem 1.3rem;
  }

  html body.ussus-footer-locations-map-enabled.page-id-4499 #colophon > .footer-width-fixer > .elementor.elementor-4734 > .elementor-element.elementor-element-761bf5a .map-container iframe {
    outline-offset: 4px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.ussus-footer-locations-map-enabled.page-id-4499 #colophon > .footer-width-fixer > .elementor.elementor-4734 > .elementor-element.elementor-element-761bf5a .map-container .fancy-title {
    -webkit-text-fill-color: #E0BE7A;
    animation: none;
    background: none;
    color: #E0BE7A;
  }
}