/**
 * Formal, restrained visual refresh.
 * Load after theme.min.css (and magazine-compact.min.css when present).
 */

:root {
  --pa-radius: 16px;
  --pa-shadow: 0 3px 14px rgba(7, 27, 58, .055);
  --pa-formal-shadow: 0 2px 10px rgba(15, 35, 62, .05);
  --pa-formal-shadow-hover: 0 4px 16px rgba(15, 35, 62, .07);
  --pa-formal-border: #dce3eb;
  --pa-shadow-hover: var(--pa-formal-shadow-hover);
  --pa-elevation-1: var(--pa-formal-shadow);
  --pa-elevation-2: var(--pa-formal-shadow-hover);
  --pa-v399-shadow-hover: var(--pa-formal-shadow-hover);
}

/* Instagram-style story order: start on the physical left, keep Persian copy RTL. */
.pa-stories__track {
  direction: ltr !important;
  justify-content: flex-start !important;
  scroll-behavior: smooth;
}

.pa-story-item {
  direction: rtl;
}

/* Restrained surfaces: neutral borders and shallow shadows feel faster and formal. */
.pa-card,
.pa-glass-card,
.pa-slider-shell,
.pa-news-card,
.pa-car-card,
.pa-brand-card,
.pa-link-card,
.pa-dealer-card,
.pa-active-plan-card,
.pa-contact-card,
.pa-custom-mini-card,
.pa-about-event,
.pa-product-price-card,
.pa-product-gallery,
.pa-product-gallery__main,
.pa-product-summary,
.pa-product-section,
.pa-filter-bar,
.pa-compare-picker,
.pa-compare-table-wrap,
.pa-medium-single,
.pa-glass-shell,
.pa-article-share {
  border-color: var(--pa-formal-border) !important;
  box-shadow: var(--pa-formal-shadow) !important;
}

.pa-product-page--premium .pa-product-gallery,
.pa-product-page--premium .pa-product-summary,
.single-post .pa-medium-single--v399-restored,
.pa-vehicle-catalog .pa-filter-bar {
  box-shadow: var(--pa-formal-shadow) !important;
}

.pa-btn:not(.pa-btn--glass):not(.pa-btn--ghost) {
  box-shadow: 0 3px 10px rgba(11, 66, 151, .11) !important;
}

.home .pa-card,
.home .pa-glass-card,
.home .pa-news-card,
.home .pa-car-card,
.home .pa-brand-card,
.home .pa-link-card {
  background-color: #fff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* No zoom/lift on hover. Color, border and focus affordances remain intact. */
.pa-btn:hover,
.pa-all-link:hover,
.pa-card:hover,
.pa-news-card:hover,
.pa-car-card:hover,
.pa-brand-card:hover,
.pa-link-card:hover,
.pa-dealer-card:hover,
.pa-active-plan-card:hover,
.pa-contact-card:hover,
.pa-custom-mini-card:hover,
.pa-about-event:hover,
.home .pa-glass-shell:hover,
.pa-product-action:hover,
.pa-product-price-option:hover,
.pa-product-gallery__nav:hover,
.pa-notification-preview__theme:hover {
  transform: none !important;
  box-shadow: var(--pa-formal-shadow-hover) !important;
}

.pa-news-card:hover .pa-news-card__thumb img,
.pa-car-card:hover .pa-car-card__image img,
.pa-brand-card:hover img,
.pa-dealer-card:hover img,
.pa-dealer-gallery__grid a:hover img,
.pa-dealer-showroom__gallery-grid a:hover img,
.pa-about-event:hover figure img,
.pa-product-gallery__main:hover img,
.pa-compare-product-head__link:hover img {
  transform: none !important;
  scale: 1 !important;
}

/* Match legacy high-specificity hover rules so cards never jump or zoom. */
.pa-story-item:hover .pa-story-item__ring,
.home .pa-home-brands .pa-brand-card:hover,
.home .pa-home-quick .pa-link-card:hover,
.home .pa-home-trust .pa-link-card:hover,
.pa-news-home .pa-post-slider--latest .pa-news-card:hover,
.pa-magazine-compact .pa-magazine-page .pa-news-grid--archive > .pa-news-card:hover,
.pa-magazine-compact .pa-magazine-page .pa-news-grid--archive > .pa-news-card:first-child:hover,
.pa-magazine-compact .pa-magazine-page .pa-news-grid--archive > .pa-news-card:not(:first-child):hover,
.pa-custom-section--special-services .pa-custom-mini-card:hover,
.pa-dealer-card:hover,
.pa-about-event:hover .pa-about-event__card,
.pa-product-page--premium .pa-product-action:hover {
  transform: none !important;
  box-shadow: var(--pa-formal-shadow-hover) !important;
}

.home .pa-home-brands .pa-brand-card:hover::after {
  transform: none !important;
}

.home .pa-home-brands .pa-brand-card:hover .pa-brand-card__logo img,
.pa-news-home .pa-post-slider--latest .pa-news-card:hover .pa-news-card__thumb img,
.pa-magazine-compact .pa-magazine-page .pa-news-grid--archive > .pa-news-card:hover .pa-news-card__thumb img,
.pa-dealer-card:hover .pa-dealer-card__image img,
.pa-product-page--premium .pa-product-gallery__main:hover img {
  transform: none !important;
  scale: 1 !important;
}

.pa-news-card__thumb img,
.pa-car-card__image img,
.pa-brand-card img,
.pa-dealer-card img,
.pa-about-event figure img,
.pa-product-gallery__main img {
  will-change: auto !important;
}

/* Accessible control targets, including compact mobile header overrides. */
.pa-btn,
.pa-all-link,
.pa-slider-control,
.pa-vehicle-slider__control,
.pa-product-action,
.pa-product-gallery__nav,
.pa-menu-toggle,
.pa-menu-close,
.pa-notification-bar__close,
.pa-story-viewer__head button {
  min-width: 44px;
  min-height: 44px !important;
}

.home .pa-news-home .pa-slider-control,
.home .pa-vehicle-slider__control {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  transform: none !important;
}

.home .pa-news-home .pa-news-head__actions .pa-all-link,
.home .pa-vehicle-slider-section .pa-all-link {
  min-height: 44px !important;
}

.pa-slider-control:focus-visible,
.pa-vehicle-slider__control:focus-visible,
.pa-post-slider__viewport:focus-visible {
  outline: 3px solid rgba(11, 66, 151, .25);
  outline-offset: 3px;
}

.pa-slider-control:disabled,
.pa-vehicle-slider__control:disabled {
  opacity: .38 !important;
  cursor: not-allowed !important;
}

/* Article media should read as editorial content, not left/right floated assets. */
.single-post .pa-entry-content > img,
.single-post .pa-entry-content > a > img,
.single-post .pa-entry-content p > img,
.single-post .pa-entry-content p > a > img,
.single-post .pa-entry-content .wp-block-image img,
.single-post .pa-entry-content .wp-caption img,
.single-post .pa-entry-content figure:not(.wp-block-gallery) img {
  display: block;
  float: none !important;
  margin-inline: auto !important;
}

.single-post .pa-entry-content .wp-block-image,
.single-post .pa-entry-content .wp-caption,
.single-post .pa-entry-content figure:not(.wp-block-gallery) {
  max-width: 100%;
  float: none !important;
  margin-inline: auto !important;
  text-align: center;
}

.single-post .pa-entry-content img.alignleft,
.single-post .pa-entry-content img.alignright,
.single-post .pa-entry-content figure.alignleft:not(.wp-block-gallery),
.single-post .pa-entry-content figure.alignright:not(.wp-block-gallery),
.single-post .pa-entry-content .wp-caption.alignleft,
.single-post .pa-entry-content .wp-caption.alignright {
  float: none !important;
  margin-inline: auto !important;
}

.single-post .pa-entry-content figcaption,
.single-post .pa-entry-content .wp-caption-text {
  text-align: center;
}

/* Automatic related articles. */
.pa-related-posts {
  width: min(100% - 32px, 1180px);
  margin: 44px auto 28px;
  padding-top: 26px;
  border-top: 1px solid var(--pa-formal-border);
}

.pa-related-posts__head {
  margin-bottom: 16px;
}

.pa-related-posts__head span {
  display: block;
  margin-bottom: 4px;
  color: var(--pa-primary);
  font-size: 11px;
  font-weight: 900;
}

.pa-related-posts__head h2 {
  margin: 0;
  color: var(--pa-ink);
  font-size: clamp(21px, 2.2vw, 28px);
  line-height: 1.4;
}

.pa-related-posts__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.pa-related-posts .pa-news-card {
  min-width: 0;
  height: 100%;
}

.pa-related-posts .pa-news-card:hover,
.pa-related-posts .pa-news-card:hover .pa-news-card__thumb img {
  transform: none !important;
}

/* Preserve the established two-level header and keep its independent desktop
   navigation rail to one physical line. Full labels remain visible. */
.pa-site-nav {
  direction: rtl;
}

@media (min-width: 961px) {
  .pa-site-header__inner {
    width: min(calc(100% - 28px), 1540px) !important;
    padding-block: 10px 8px !important;
  }

  .pa-site-header__top {
    gap: clamp(10px, 1.1vw, 16px) !important;
  }

  .pa-site-nav,
  .pa-primary-menu-wrap {
    width: 100% !important;
    min-width: 0 !important;
  }

  .pa-site-nav {
    margin-top: 7px !important;
    overflow: visible !important;
  }

  .pa-primary-menu {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    gap: clamp(1px, .12vw, 2px) !important;
    width: 100% !important;
    min-width: 0 !important;
    white-space: nowrap !important;
  }

  .pa-primary-menu > li {
    flex: 0 0 auto !important;
    min-width: 0 !important;
  }

  .pa-primary-menu > li > a {
    min-width: 0 !important;
    min-height: 36px !important;
    padding-inline: clamp(4px, .28vw, 5px) !important;
    border-radius: 11px !important;
    overflow: visible !important;
    font-size: clamp(11.25px, .9vw, 13px) !important;
    line-height: 1.35 !important;
    letter-spacing: -.018em !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }
}

@media (min-width: 961px) and (max-width: 1240px) {
  html.pa-menu-open,
  body.pa-menu-open {
    overflow: hidden !important;
    touch-action: none !important;
  }

  .pa-site-header__inner {
    width: 100% !important;
    max-width: 100% !important;
    padding: 9px 12px !important;
  }

  .pa-site-header__top {
    grid-template-columns: auto minmax(220px, 1fr) auto !important;
    gap: 10px !important;
  }

  .pa-brand__logo {
    width: 148px !important;
    max-width: 148px !important;
    max-height: 50px !important;
  }

  .pa-header-actions {
    gap: 6px !important;
  }

  .pa-header-actions .pa-header-pill {
    width: 42px !important;
    min-width: 42px !important;
    padding: 0 !important;
    justify-content: center !important;
  }

  .pa-header-actions .pa-header-pill > span,
  .pa-header-phone .pa-phone-link__number {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }

  .pa-menu-toggle {
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    place-items: center !important;
    width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: var(--pa-primary) !important;
    color: #fff !important;
  }

  .pa-menu-overlay:not([hidden]) {
    position: fixed !important;
    inset: 0 !important;
    z-index: 1900 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    background: rgba(7, 22, 47, .44) !important;
    backdrop-filter: blur(5px) !important;
  }

  .pa-site-nav {
    position: fixed !important;
    top: 0 !important;
    right: 8px !important;
    left: 8px !important;
    bottom: auto !important;
    z-index: 2300 !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    max-height: calc(100dvh - 12px) !important;
    margin: 0 !important;
    padding: 14px !important;
    overflow-y: auto !important;
    border: 1px solid #e4edf8 !important;
    border-radius: 0 0 26px 26px !important;
    background: #fff !important;
    box-shadow: 0 24px 60px rgba(7, 27, 58, .24) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important;
    transform: translateY(-112%) !important;
    transition: transform .25s cubic-bezier(.2, .8, .2, 1) !important;
    overscroll-behavior: contain !important;
  }

  .pa-site-nav.is-open {
    pointer-events: auto !important;
    transform: translateY(0) !important;
  }

  .pa-mobile-drawer__head {
    position: sticky !important;
    top: -14px !important;
    z-index: 4 !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 10px !important;
    padding: 12px 0 !important;
    border-bottom: 1px solid #edf2f8 !important;
    background: rgba(255, 255, 255, .96) !important;
    backdrop-filter: blur(12px) !important;
  }

  .pa-mobile-drawer__brand img {
    display: block !important;
    max-width: 132px !important;
    max-height: 44px !important;
    object-fit: contain !important;
  }

  .pa-mobile-drawer__quick {
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-bottom: 12px !important;
  }

  .pa-mobile-drawer__quick a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    min-height: 44px !important;
    padding: 0 10px !important;
    border: 1px solid #e6eef8 !important;
    border-radius: 14px !important;
    background: #f8fbff !important;
    color: var(--pa-primary) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
  }

  .pa-menu-close {
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  .pa-primary-menu {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    gap: 8px !important;
    white-space: normal !important;
  }

  .pa-primary-menu > li {
    min-width: 0 !important;
  }

  .pa-primary-menu > li > a {
    justify-content: center !important;
    min-height: 46px !important;
    height: 100% !important;
    padding: 0 10px !important;
    overflow: visible !important;
    border: 1px solid #e6eef8 !important;
    border-radius: 14px !important;
    background: #fff !important;
    font-size: 12px !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    white-space: normal !important;
  }

  .pa-primary-menu .sub-menu {
    position: static !important;
    width: 100% !important;
    margin-top: 7px !important;
  }
}

/* Restore a visible keyboard focus ring overridden by the legacy minified bundle. */
.pa-site-nav a:focus-visible,
.pa-site-nav button:focus-visible {
  outline: 3px solid rgba(11, 66, 151, .42) !important;
  outline-offset: 2px !important;
}

@media (min-width: 961px) {
  .pa-primary-menu li:focus-within > .sub-menu {
    display: grid !important;
  }
}

/* Brand marks stay in their original colors and on a truly transparent card. */
.home .pa-home-brands .pa-container {
  background: linear-gradient(145deg, #f2f5f8, #e9eef3) !important;
  border-color: #d7e0e9 !important;
  box-shadow: var(--pa-formal-shadow) !important;
}

.home .pa-home-brands .pa-section__title {
  color: #10243d !important;
}

.home .pa-home-brands .pa-section__heading-text .pa-section__eyebrow {
  color: #516980 !important;
}

.home .pa-home-brands .pa-section__heading-icon--fa {
  border-color: #cbd8e5 !important;
  background: rgba(255, 255, 255, .45) !important;
  color: var(--pa-primary) !important;
  box-shadow: none !important;
}

.home .pa-home-brands .pa-brand-card,
.home .pa-home-brands .pa-brand-card:hover,
.home .pa-home-brands .pa-brand-card:focus-visible {
  background: transparent !important;
  background-color: transparent !important;
  border-color: rgba(70, 91, 113, .16) !important;
  box-shadow: none !important;
  transform: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.home .pa-home-brands .pa-brand-card:hover,
.home .pa-home-brands .pa-brand-card:focus-visible {
  border-color: rgba(41, 71, 102, .32) !important;
}

.home .pa-home-brands .pa-brand-card::before,
.home .pa-home-brands .pa-brand-card::after {
  background: transparent !important;
  opacity: 0 !important;
  transform: none !important;
}

.home .pa-home-brands .pa-brand-card__logo,
.home .pa-home-brands .pa-brand-card__logo img,
.home .pa-home-brands .pa-brand-card:hover .pa-brand-card__logo img {
  background: transparent !important;
  filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  transform: none !important;
  scale: 1 !important;
  transition: none !important;
}

.home .pa-home-brands .pa-brand-card > span:last-child {
  color: #233c55 !important;
}

@media (max-width: 900px) {
  .pa-related-posts__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 619px) {
  .home .pa-news-home .pa-news-head,
  .home .pa-vehicle-slider-section .pa-section__head {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start !important;
  }

  .home .pa-news-home .pa-news-head__copy,
  .home .pa-vehicle-slider-section .pa-section__heading-copy,
  .home .pa-news-home .pa-news-head__actions,
  .home .pa-vehicle-slider-section .pa-section__actions {
    grid-column: 1 !important;
  }

  .home .pa-news-home .pa-news-head__actions,
  .home .pa-vehicle-slider-section .pa-section__actions {
    width: 100% !important;
    justify-content: space-between !important;
  }

  .pa-related-posts {
    width: min(100% - 24px, 1180px);
    margin-top: 32px;
    padding-top: 22px;
  }

  .pa-related-posts__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pa-stories__track {
    scroll-behavior: auto;
  }

  .pa-news-card__thumb img,
  .pa-car-card__image img,
  .pa-brand-card img,
  .pa-dealer-card img,
  .pa-about-event figure img {
    transition: none !important;
  }
}