/*
 * خدمات برتر — Stable Glass V10
 *
 * This final layer deliberately overrides the older, heavier motion rules.
 * It keeps the visual glass language while preventing layout state and
 * expensive animation layers from surviving page-cache restoration.
 */

body.khadamat-bartar-v10 {
  --v10-panel: rgba(7, 20, 26, 0.9);
  --v10-panel-soft: rgba(10, 28, 35, 0.84);
  --v10-edge: rgba(190, 225, 234, 0.18);
  --v10-shadow: 0 18px 48px rgba(0, 0, 0, 0.3);
  background-attachment: scroll !important;
}

/* Remove the old always-running text, control, card and ambient animations. */
body.khadamat-bartar-v10::before,
body.khadamat-bartar-v10::after,
body.khadamat-bartar-v10 .site-main::after,
body.khadamat-bartar-v10 .home-hero::before,
body.khadamat-bartar-v10 .home-hero::after,
body.khadamat-bartar-v10 .hero-showcase,
body.khadamat-bartar-v10 .hero-showcase::before,
body.khadamat-bartar-v10 .hero-showcase::after,
body.khadamat-bartar-v10 .hero-panel::before,
body.khadamat-bartar-v10 .hero-floating-note,
body.khadamat-bartar-v10 .page-hero::before,
body.khadamat-bartar-v10 .liquid-wheel::before,
body.khadamat-bartar-v10 .liquid-wheel::after,
body.khadamat-bartar-v10 .liquid-wheel__orb {
  animation: none !important;
}

body.khadamat-bartar-v10::before,
body.khadamat-bartar-v10::after {
  display: none !important;
  content: none !important;
}

body.khadamat-bartar-v10 .site-main::after,
body.khadamat-bartar-v10 .home-hero::before,
body.khadamat-bartar-v10 .home-hero::after,
body.khadamat-bartar-v10 .hero-showcase::before,
body.khadamat-bartar-v10 .hero-showcase::after,
body.khadamat-bartar-v10 .liquid-wheel::before,
body.khadamat-bartar-v10 .liquid-wheel::after {
  opacity: 0.14 !important;
}

body.khadamat-bartar-v10 .hero-showcase {
  transform: none !important;
  transform-style: flat !important;
  will-change: auto !important;
}

body.khadamat-bartar-v10 .hero-panel::before,
body.khadamat-bartar-v10 .hero-floating-note,
body.khadamat-bartar-v10 .liquid-wheel__orb {
  display: none !important;
  content: none !important;
}

body.khadamat-bartar-v10 .page-hero::before {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body.khadamat-bartar-v10
  :is(
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    li,
    .site-brand__text,
    .eyebrow,
    .micro-label,
    .section-kicker,
    .showcase-type,
    .card-type,
    .liquid-wheel__badge,
    .meta-chip,
    .showcase-facts span,
    .single-tags span,
    .archive-count,
    .button,
    .wp-element-button,
    button,
    .primary-menu a,
    .section-link,
    .showcase-link,
    .recent-slide__link,
    .social-links a,
    .site-header,
    .hero-copy,
    .hero-panel,
    .liquid-wheel,
    .liquid-wheel__card,
    .showcase-slider,
    .showcase-slide,
    .content-card,
    .service-card,
    .home-cta,
    .archive-tools,
    .single-copy,
    .single-visual,
    .detail-item,
    .video-frame,
    .contact-card,
    .bartar-form,
    .entry-content,
    .page-hero .container,
    .footer-grid,
    .empty-content,
    .kb-float-text,
    .kb-float-control,
    .kb-float-surface
  ) {
  animation: none !important;
  translate: none !important;
  will-change: auto !important;
}

/* Lighter glass materially reduces full-page repaints on desktop. */
body.khadamat-bartar-v10
  :is(
    .hero-copy,
    .hero-panel,
    .liquid-wheel,
    .liquid-wheel__card,
    .showcase-slider,
    .showcase-slide,
    .content-card,
    .service-card,
    .home-cta,
    .archive-tools,
    .single-copy,
    .single-visual,
    .detail-item,
    .video-frame,
    .contact-card,
    .bartar-form,
    .entry-content,
    .page-hero .container,
    .footer-grid,
    .empty-content,
    .section-heading > div,
    .showcase-heading > div,
    .recent-heading > div
  ) {
  background:
    linear-gradient(
      145deg,
      rgba(229, 238, 242, 0.08),
      rgba(255, 255, 255, 0.018) 52%,
      rgba(42, 189, 219, 0.038)
    ),
    var(--v10-panel-soft) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    var(--v10-shadow) !important;
  -webkit-backdrop-filter: blur(9px) saturate(118%) !important;
  backdrop-filter: blur(9px) saturate(118%) !important;
}

body.khadamat-bartar-v10 .site-header {
  background:
    linear-gradient(
      145deg,
      rgba(229, 238, 242, 0.08),
      rgba(255, 255, 255, 0.018)
    ),
    rgba(4, 15, 20, 0.92) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.13),
    0 13px 34px rgba(0, 0, 0, 0.28) !important;
  -webkit-backdrop-filter: blur(11px) saturate(120%) !important;
  backdrop-filter: blur(11px) saturate(120%) !important;
}

body.khadamat-bartar-v10
  :is(
    .button,
    .wp-element-button,
    button,
    input[type="button"],
    input[type="submit"],
    .primary-menu a,
    .header-search,
    .section-link,
    .showcase-link,
    .recent-slide__link,
    .social-links a,
    .navigation.pagination .page-numbers
  ) {
  -webkit-backdrop-filter: blur(5px) saturate(115%) !important;
  backdrop-filter: blur(5px) saturate(115%) !important;
}

body.khadamat-bartar-v10
  :is(.content-card, .service-card, .liquid-wheel__card, .showcase-slide, .recent-slide) {
  transform-style: flat !important;
}

body.khadamat-bartar-v10
  :is(.content-card, .service-card, .button, button, .primary-menu a, .section-link) {
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    background-color 180ms ease,
    box-shadow 180ms ease !important;
}

body.khadamat-bartar-v10
  :is(.content-card, .service-card, .button, button, .primary-menu a, .section-link):hover {
  transform: translateY(-1px) !important;
}

body.khadamat-bartar-v10 .site-brand:hover
  :is(.site-brand__mark, .site-brand__custom) {
  transform: translateY(-1px) !important;
}

body.khadamat-bartar-v10
  :is(h1, h2, h3, h4, h5, h6, p, .site-brand__text, .liquid-wheel__body) {
  filter: none !important;
}

/*
 * Only three large, isolated desktop surfaces keep an extremely small float.
 * Text, buttons, cards and the fixed header remain static.
 */
@media (min-width: 901px) and (hover: hover) and (pointer: fine) {
  body.khadamat-bartar-v10
    :is(.hero-panel, .showcase-slider, .home-cta) {
    animation: kb-v10-soft-float 18s ease-in-out infinite !important;
    will-change: transform !important;
  }

  body.khadamat-bartar-v10 .showcase-slider {
    animation-delay: -6s !important;
  }

  body.khadamat-bartar-v10 .home-cta {
    animation-delay: -12s !important;
  }
}

@keyframes kb-v10-soft-float {
  0%,
  100% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, -1.5px, 0);
  }
}

/*
 * A page restored from browser cache briefly receives this class while the
 * menu and carousels are returned to a known responsive state.
 */
body.khadamat-bartar-v10.kb-v10-layout-reset
  :is(
    .site-header,
    .main-navigation,
    .hero-showcase,
    .hero-panel,
    .liquid-wheel__card,
    .liquid-wheel__viewport,
    .showcase-track,
    .showcase-slide
  ) {
  animation: none !important;
  scroll-behavior: auto !important;
  transition: none !important;
}

body.khadamat-bartar-v10.kb-v10-layout-reset
  :is(.hero-showcase, .hero-panel) {
  transform: none !important;
}

@media (max-width: 900px), (hover: none) and (pointer: coarse) {
  html {
    width: 100%;
    overflow-x: clip;
  }

  body.khadamat-bartar-v10 {
    width: 100%;
    overflow-x: clip;
    background-attachment: scroll !important;
  }

  body.khadamat-bartar-v10
    :is(
      .site-header,
      .hero-copy,
      .hero-panel,
      .liquid-wheel,
      .liquid-wheel__card,
      .showcase-slider,
      .showcase-slide,
      .content-card,
      .service-card,
      .home-cta,
      .archive-tools,
      .single-copy,
      .single-visual,
      .detail-item,
      .video-frame,
      .contact-card,
      .bartar-form,
      .entry-content,
      .page-hero .container,
      .footer-grid,
      .empty-content,
      .section-heading > div,
      .showcase-heading > div,
      .recent-heading > div,
      .button,
      button,
      .primary-menu a,
      .eyebrow,
      .meta-chip
    ) {
    animation: none !important;
    translate: none !important;
    will-change: auto !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  body.khadamat-bartar-v10.home .hero-grid {
    display: grid !important;
    width: min(100% - 20px, 760px) !important;
    min-width: 0 !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 22px !important;
    margin-inline: auto !important;
  }

  body.khadamat-bartar-v10.home
    :is(.hero-copy, .hero-showcase, .hero-panel, .liquid-wheel) {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    transform: none !important;
  }

  body.khadamat-bartar-v10 .liquid-wheel__viewport {
    overflow: hidden !important;
    scroll-behavior: auto !important;
    scroll-snap-type: none !important;
  }

  body.khadamat-bartar-v10 .liquid-wheel__track {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.khadamat-bartar-v10 .liquid-wheel__card {
    display: none !important;
    width: 100% !important;
    max-width: 100% !important;
    opacity: 0 !important;
    transform: none !important;
  }

  body.khadamat-bartar-v10 .liquid-wheel__card.is-active {
    display: block !important;
    opacity: 1 !important;
  }

  body.khadamat-bartar-v10 .main-navigation:not(.is-open) {
    display: none !important;
  }

  body.khadamat-bartar-v10 .main-navigation.is-open {
    display: block !important;
  }
}

@media (max-width: 430px) {
  body.khadamat-bartar-v10.home .hero-grid {
    width: calc(100% - 16px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.khadamat-bartar-v10 *,
  body.khadamat-bartar-v10 *::before,
  body.khadamat-bartar-v10 *::after {
    animation: none !important;
    scroll-behavior: auto !important;
  }
}