/* ARABIDS 1.2.107 — EN logo must remain English even when WordPress/Elementor
   supplies an Arabic fallback image. Keep the client's Arabic logo untouched. */

/* In English, render the authentic transparent horizontal asset as the logo
   anchor's own background. Legacy source images are hidden, so no Arabic logo
   can win a late specificity race or appear in a cached Elementor wrapper. */
html[data-language="en"] body :is(
  header a.site-logo, header a.source-logo, header a.navbar-brand,
  header a.custom-logo-link, .source-internal-header a.source-logo,
  .mobile-header a.site-logo, .header-mobile a.site-logo,
  .elementor-location-header a.custom-logo-link,
  .arabids-auth-global-logo,
  .arabids-global-footer .top-logo a.logo
) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: transparent !important;
  background-image: url('../images/logo-brand-horizontal.png') !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  overflow: visible !important;
}
html[data-language="en"] body :is(
  header a.site-logo, header a.source-logo, header a.navbar-brand,
  header a.custom-logo-link, .source-internal-header a.source-logo,
  .mobile-header a.site-logo, .header-mobile a.site-logo,
  .elementor-location-header a.custom-logo-link,
  .arabids-auth-global-logo
) {
  width: 190px !important;
  min-width: 190px !important;
  max-width: 190px !important;
  height: 58px !important;
  max-height: 58px !important;
  flex: 0 0 190px !important;
}
html[data-language="en"] body .arabids-global-footer .top-logo a.logo {
  width: 194px !important;
  min-width: 194px !important;
  max-width: 194px !important;
  height: 65px !important;
  max-height: 65px !important;
  flex: 0 0 194px !important;
}
html[data-language="en"] body :is(
  header a.site-logo, header a.source-logo, header a.navbar-brand,
  header a.custom-logo-link, .source-internal-header a.source-logo,
  .mobile-header a.site-logo, .header-mobile a.site-logo,
  .elementor-location-header a.custom-logo-link,
  .arabids-auth-global-logo,
  .arabids-global-footer .top-logo a.logo
) :is(img, picture, svg) {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* AR/EN auctions: no white logo tile. The official PNG has transparency;
   the entire visual panel supplies enough ivory contrast to read the burgundy
   lettering without a separate square behind it. */
html body[data-page="auctions"] .auctions-hero-visual {
  position: relative !important;
  isolation: isolate !important;
  border: 1px solid #c6ad88 !important;
  background: linear-gradient(150deg,#f2e8d8 0%,#e9d9c4 65%,#dfcbaa 100%) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.55),0 16px 32px rgba(66,11,7,.12) !important;
  overflow: visible !important;
}
/* Single non-repeating official outline pattern, restrained behind the content. */
html body[data-page="auctions"] .auctions-hero-visual::before {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  inset: 4% !important;
  background: url('../images/arabids-pattern-outline-13.png') center / 74% auto no-repeat !important;
  opacity: .16 !important;
  pointer-events: none !important;
}
html body[data-page="auctions"] .auctions-hero-visual > * {
  z-index: 1;
}
html body[data-page="auctions"] .auctions-gavel-card {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  transform: none !important;
  border-radius: 0 !important;
}
html body[data-page="auctions"] .auctions-gavel-icon {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}
html body[data-page="auctions"] .auctions-gavel-icon .auctions-stage-brand-logo {
  display: block !important;
  width: 165px !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 106px !important;
  object-fit: contain !important;
  filter: none !important;
}
html body[data-page="auctions"] .auctions-visual-ring {
  border-color: rgba(66,11,7,.22) !important;
}
html body[data-page="auctions"] .auctions-visual-caption {
  color: #420b07 !important;
}
html body[data-page="auctions"] .auctions-visual-bottom {
  color: #143328 !important;
}
html body[data-page="auctions"] .auctions-mini-card {
  border-color: rgba(164,134,93,.56) !important;
  box-shadow: 0 8px 20px rgba(66,11,7,.09) !important;
}

/* Replace the only hard-coded blue auction status dot with brand gold. */
html body[data-page="auctions"] .auctions-hero-points .is-upcoming {
  background: #a4865d !important;
  box-shadow: 0 0 0 3px rgba(164,134,93,.15) !important;
}

@media (max-width:991px) {
  html[data-language="en"] body :is(
    header a.site-logo, header a.source-logo, header a.navbar-brand,
    header a.custom-logo-link, .source-internal-header a.source-logo,
    .mobile-header a.site-logo, .header-mobile a.site-logo,
    .elementor-location-header a.custom-logo-link, .arabids-auth-global-logo
  ) {
    width: 142px !important;
    min-width: 142px !important;
    max-width: 142px !important;
    height: 46px !important;
    max-height: 46px !important;
    flex-basis: 142px !important;
  }
  html[data-language="en"] body .arabids-global-footer .top-logo a.logo {
    width: 174px !important;
    min-width: 174px !important;
    max-width: 174px !important;
    height: 57px !important;
    max-height: 57px !important;
    flex-basis: 174px !important;
  }
}
@media (max-width:390px) {
  html[data-language="en"] body :is(
    header a.site-logo, header a.source-logo, header a.navbar-brand,
    header a.custom-logo-link, .source-internal-header a.source-logo,
    .mobile-header a.site-logo, .header-mobile a.site-logo,
    .elementor-location-header a.custom-logo-link, .arabids-auth-global-logo
  ) {
    width: 128px !important;
    min-width: 128px !important;
    max-width: 128px !important;
    height: 42px !important;
    max-height: 42px !important;
    flex-basis: 128px !important;
  }
}