/*
 * ARABIDS — Original Layout / Refined Identity (2026)
 * This is deliberately a visual-only stylesheet.
 * No section order, layout display, grid, dimensions, page copy or functionality changes.
 * The official supplied brand assets and palette are the sole source of new styling.
 */

@font-face {
  font-family: 'Arabids Arabic';
  src: url('../brand-fonts/IBMPlexSansArabic-Regular.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Arabids Arabic';
  src: url('../brand-fonts/IBMPlexSansArabic-Medium.ttf') format('truetype');
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: 'Arabids Arabic';
  src: url('../brand-fonts/IBMPlexSansArabic-SemiBold.ttf') format('truetype');
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: 'Arabids Arabic';
  src: url('../brand-fonts/IBMPlexSansArabic-Bold.ttf') format('truetype');
  font-style: normal;
  font-weight: 700 900;
  font-display: swap;
}
@font-face {
  font-family: 'Arabids Latin';
  src: url('../brand-fonts/Montserrat-VariableFont_wght.ttf') format('truetype');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --arabids-wine: #420B07;
  --arabids-gold: #A4865D;
  --arabids-forest: #143328;
  --arabids-ink-dark: #03120D;
  --arabids-ivory: #EFE6D8;
  --arabids-paper: #FBF9F5;
  --arabids-stroke: #E7DED1;
  --arabids-muted: #5D6760;

  /* Existing variable names are retained for total compatibility with the source. */
  --arabids-ui-font: 'Arabids Arabic', 'Arial', sans-serif;
  --arabids-orange: #420B07;
  --arabids-orange-dark: #143328;
  --arabids-ink: #143328;
  --arabids-bg: #FBF9F5;

  /* Tokens already consumed by the original auction, calendar and account screens. */
  --teal: #143328;
  --teal-dark: #03120D;
  --teal-soft: #FBF9F5;
  --gold: #A4865D;
  --gold-dark: #8E724F;
  --ink: #143328;
  --muted: #5D6760;
  --bg: #FBF9F5;
  --line: #E7DED1;
  --premium-teal: #143328;
  --premium-deep: #03120D;
  --premium-gold: #A4865D;
  --premium-mint: #FBF9F5;
  --premium-ink: #143328;
}

html[lang='en'] {
  --arabids-ui-font: 'Arabids Latin', 'Montserrat', Arial, sans-serif;
}

/* Color and type refinements without touching typography scale or layout. */
html body {
  color: var(--arabids-forest);
  font-family: var(--arabids-ui-font) !important;
}
html body *:not(.dashicons):not(.ab-icon):not([class^='icon-']):not([class*=' icon-']) {
  font-family: var(--arabids-ui-font) !important;
}
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body .title {
  color: var(--arabids-forest);
}
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 2px solid var(--arabids-gold);
  outline-offset: 3px;
}
::selection { background: #E4D5BF; color: var(--arabids-forest); }

/* Home: preserve the original fixed header, nav, hero illustration and section layout. */
body.home,
body.rtl.home,
body.home #page,
body.home .site-content {
  background-color: var(--arabids-paper);
}
body.home header,
body.home header .navbar-collapse,
header .navbar-collapse.show {
  background-color: #FCFAF6;
}
body.home header {
  border-bottom: 1px solid rgba(66,11,7, .18);
  box-shadow: 0 7px 22px rgba(3, 18, 13, .035);
}
body.home header .navbar-nav > li > a,
body.home header .navbar-nav > li > a:visited {
  color: var(--arabids-forest);
}
body.home header .navbar-nav > li > a:hover,
body.home header .navbar-nav > li.active > a {
  color: var(--arabids-wine);
}
body.home header .navbar-nav > li > a::after,
body.home header .navbar-toggle .animate-burger span {
  background-color: var(--arabids-gold);
}

/* Original navigation on internal pages uses distinct selectors. */
html body .source-internal-header,
html body .source-internal-nav.open {
  background-color: #FCFAF6;
  border-bottom-color: var(--arabids-stroke);
}
html body .source-internal-nav a { color: var(--arabids-forest); }
html body .source-internal-nav a.active,
html body .source-internal-nav a:hover { color: var(--arabids-wine); }
html body .source-internal-nav a.active::after,
html body .source-internal-nav a:hover::after,
html body .source-menu span { background-color: var(--arabids-gold); }
html body .source-login-button {
  background-color: var(--arabids-wine);
  color: #fff;
}
html body .source-login-button:hover { background-color: var(--arabids-forest); }

body.home .hero {
  background-color: #FBF9F5;
  background-image: linear-gradient(118deg, #FCFAF6 5%, #FBF9F5 80%, #FBF9F5 100%);
}
body.home .hero .circle-overlay {
  background-color: rgba(66,11,7, .08);
  border-color: rgba(66,11,7, .08);
}
body.home .hero h1,
body.home .hero .title {
  color: var(--arabids-forest) !important;
  font-weight: 600;
}
body.home .hero .subtitle {
  color: #485A50 !important;
  font-weight: 400;
}
body.home .hero .arabids-hero-text-halo {
  opacity: .28;
}

/* Original button geometry unchanged: only color / accessible focus contrast. */
html body .button:not(.secondary),
html body .button.header-button,
html body .btn-primary,
html body .btn.btn-primary,
html body .recovery-submit,
html body .entry-submit,
html body input[type='submit'],
html body .subscribe_section .newsletter-form button {
  background-color: var(--arabids-wine) !important;
  border-color: var(--arabids-wine) !important;
  color: #fff !important;
}
html body .button:not(.secondary):hover,
html body .button.header-button:hover,
html body .btn-primary:hover,
html body .btn.btn-primary:hover,
html body .recovery-submit:hover,
html body .subscribe_section .newsletter-form button:hover {
  background-color: var(--arabids-forest) !important;
  border-color: var(--arabids-forest) !important;
  color: #fff !important;
}
html body .button.secondary {
  color: var(--arabids-wine);
  border-color: var(--arabids-gold);
  background-color: transparent;
}
html body :is(.btn-gold, .tabs button.active, .filter-tab.active) {
  background-color: var(--arabids-gold);
  border-color: var(--arabids-gold);
  color: #fff;
}
html body :is(.btn-gold, .tabs button.active):hover {
  background-color: var(--arabids-forest);
  border-color: var(--arabids-forest);
}
html body :is(.btn-soft, .eyebrow, .status-chip) {
  background-color: #FBF9F5;
  color: var(--arabids-forest);
}
html body .eyebrow::before { background-color: var(--arabids-gold); }

/* Homepage sections use the original cards, image sizing and arrangements. */
body.home .core_benefits_section,
body.home .what_is_section,
body.home .faq_section {
  background-color: #FCFAF7;
}
body.home .how_it_works_section,
body.home .who_its_for_section {
  background-color: #FBF9F5;
}
body.home .core_benefits_section,
body.home .how_it_works_section,
body.home .what_is_section,
body.home .who_its_for_section,
body.home .faq_section {
  border-color: var(--arabids-stroke);
}
body.home :is(.core_benefits_section, .how_it_works_section, .what_is_section, .who_its_for_section, .faq_section) h2.title {
  color: var(--arabids-forest) !important;
  font-weight: 600;
}
body.home :is(.core_benefits_section, .what_is_section, .who_its_for_section, .faq_section) .item {
  border-color: rgba(66,11,7, .19);
  box-shadow: 0 10px 32px rgba(3, 18, 13, .025);
}
body.home :is(.core_benefits_section, .what_is_section, .who_its_for_section) .item .title,
body.home .faq_section .item .title,
body.home .how-it-works-title {
  color: var(--arabids-forest) !important;
}
body.home :is(.core_benefits_section, .what_is_section, .who_its_for_section, .faq_section) .subtitle,
body.home .how-it-works-subtitle {
  color: var(--arabids-muted) !important;
}
body.home .core_benefits_section .item .title span {
  color: var(--arabids-gold);
}
body.home .swiper-pagination-bullet-active,
body.home .how_it_works_section .swiper-pagination-2 .swiper-pagination-bullet-active {
  background-color: var(--arabids-gold);
}

/* Keep imagery, icons and existing card geometry; align the brand accent. */
html body :is(.auction-card-pro, .calendar-card, .auth-card, .privacy-policy-card, .deletion-info-card, .deletion-request-card) {
  border-color: var(--arabids-stroke);
}
html body :is(.auth-card, .recovery-auth-card, .privacy-policy-card, .deletion-info-card, .deletion-request-card) {
  box-shadow: 0 14px 40px rgba(3, 18, 13, .045);
}
html body :is(.page-hero, .source-internal-footer) {
  background-color: var(--arabids-paper);
  border-color: var(--arabids-stroke);
}
html body :is(.privacy-hero-card, .deletion-hero-card, .auctions-hero-card, .calendar-hero-card) {
  border-color: var(--arabids-stroke);
}
html body :is(.privacy-hero-card, .deletion-hero-card)::before {
  background: linear-gradient(90deg, var(--arabids-wine), var(--arabids-gold), #E4D5BF);
}
html body :is(.auth-card, .recovery-auth-card, .recovery-side, .privacy-premium-page, .deletion-premium-page) h1,
html body :is(.auth-card, .recovery-auth-card, .recovery-side, .privacy-premium-page, .deletion-premium-page) h2 {
  color: var(--arabids-forest);
}
html body .recovery-side {
  background: linear-gradient(150deg, #F8F5EF 0%, #FBF9F5 100%);
  border-color: var(--arabids-stroke);
}
html body :is(.auth-wrap, .recovery-auth-wrap) {
  background-color: var(--arabids-paper);
}
html body :is(.recovery-kicker, .recovery-side-label, .recovery-secure-chip, .recovery-check),
html body :is(.recovery-input-icon, .privacy-section-number) {
  color: var(--arabids-wine);
}
html body :is(.recovery-input-shell input, .auth-card input, .auth-card textarea, .auth-card select):focus {
  border-color: var(--arabids-gold) !important;
  box-shadow: 0 0 0 3px rgba(66,11,7, .13);
}
html body :is(.auth-card, .privacy-premium-page, .deletion-premium-page, .auctions-premium-page, .calendar-page) a:not(.btn):not(.button):hover {
  color: var(--arabids-wine);
}

/* Global footer: exact original links/columns, with new logo and quiet premium colors. */
html body .arabids-global-footer,
body.home footer {
  background: #FBF9F5 !important;
  color: var(--arabids-forest);
  border-top-color: var(--arabids-stroke);
}
html body .arabids-global-footer .footer-nav li a,
body.home footer .footer-nav li a {
  color: var(--arabids-forest) !important;
}
html body .arabids-global-footer .footer-login-link,
html body .arabids-global-footer .footer-nav li a:hover {
  color: var(--arabids-wine) !important;
}
html body .arabids-global-footer .footer-login-link::after {
  background: var(--arabids-gold);
}
html body .arabids-global-footer .copyright,
html body .arabids-global-footer .footer-copyright,
body.home footer .copyright {
  color: #5B665E;
}
html body .arabids-global-footer .sosial a,
body.home footer .sosial a {
  background-color: #EAE0D2;
  color: var(--arabids-wine);
}

/* Avoid introducing layout shifts on tablets and phones. */
@media (max-width: 991px) {
  body.home header .navbar-collapse,
  body.home header .navbar-collapse.show { background: #FCFAF6 !important; }
}

@media (prefers-reduced-motion: reduce) {
  html body .button,
  html body .btn-primary { transition-duration: .01ms; }
}