body.ahs-design-preview-active {
  background: var(--ahs-preview-bg) !important;
  color: var(--ahs-preview-text) !important;
  direction: rtl;
  font-family: var(--ahs-preview-font) !important;
  -webkit-font-smoothing: antialiased;
}

.ahs-design-preview-active h1,
.ahs-design-preview-active h2,
.ahs-design-preview-active h3,
.ahs-design-preview-active h4,
.ahs-design-preview-active h5,
.ahs-design-preview-active h6,
.ahs-design-preview-active p,
.ahs-design-preview-active li,
.ahs-design-preview-active a,
.ahs-design-preview-active button,
.ahs-design-preview-active input,
.ahs-design-preview-active textarea,
.ahs-design-preview-active select {
  font-family: var(--ahs-preview-font) !important;
}

.ahs-design-preview-active h1,
.ahs-design-preview-active h2,
.ahs-design-preview-active h3,
.ahs-design-preview-active h4,
.ahs-design-preview-active .elementor-heading-title {
  color: var(--ahs-preview-secondary);
}

.ahs-design-preview-active p,
.ahs-design-preview-active .elementor-widget-text-editor,
.ahs-design-preview-active .ova-heading-description {
  color: var(--ahs-preview-muted);
}

.ahs-design-preview-active a:not(.elementor-button):hover {
  color: var(--ahs-preview-primary);
}

.ahs-design-preview-active .elementor-button,
.ahs-design-preview-active button:not(.menu-toggle),
.ahs-design-preview-active input[type="submit"],
.ahs-design-preview-active .button,
.ahs-design-preview-active .btn {
  border-color: var(--ahs-preview-primary) !important;
  border-radius: var(--ahs-preview-button-radius) !important;
  background: var(--ahs-preview-primary) !important;
  color: #fff !important;
  box-shadow: none !important;
  transition: transform .2s ease, background-color .2s ease, box-shadow .2s ease !important;
}

.ahs-design-preview-active .elementor-button:hover,
.ahs-design-preview-active button:not(.menu-toggle):hover,
.ahs-design-preview-active input[type="submit"]:hover,
.ahs-design-preview-active .button:hover,
.ahs-design-preview-active .btn:hover {
  transform: translateY(-2px);
  background: var(--ahs-preview-secondary) !important;
  box-shadow: 0 10px 28px rgba(45,45,48,.18) !important;
}

.ahs-design-preview-active header,
.ahs-design-preview-active .site-header,
.ahs-design-preview-active .ova_header_el,
.ahs-design-preview-active .header_sticky {
  min-height: var(--ahs-preview-header-height);
  border-bottom: 3px solid var(--ahs-preview-primary) !important;
  background: var(--ahs-preview-surface) !important;
  box-shadow: var(--ahs-preview-header-shadow) !important;
}

.ahs-design-preview-active .main-navigation .menu > li.current-menu-item > a,
.ahs-design-preview-active .main-navigation .menu > li.current_page_item > a,
.ahs-design-preview-active .main-navigation .menu > li > a:hover,
.ahs-design-preview-active .primary-navigation .menu > li.current-menu-item > a,
.ahs-design-preview-active .primary-navigation .menu > li > a:hover,
.ahs-design-preview-active .elementor-icon {
  color: var(--ahs-preview-primary) !important;
}

.ahs-design-preview-active .main-navigation .sub-menu,
.ahs-design-preview-active .primary-navigation .sub-menu {
  border-top: 3px solid var(--ahs-preview-primary) !important;
  background: var(--ahs-preview-surface) !important;
}

.ahs-design-preview-active footer,
.ahs-design-preview-active .site-footer,
.ahs-design-preview-active .ova_footer,
.ahs-design-preview-active .ova_footer_el,
.ahs-design-preview-active .wrap_footer,
.ahs-design-preview-active .wrap_footer > .elementor > .elementor-section {
  background: var(--ahs-preview-secondary) !important;
  color: #fff !important;
}

.ahs-design-preview-active footer h1,
.ahs-design-preview-active footer h2,
.ahs-design-preview-active footer h3,
.ahs-design-preview-active footer h4,
.ahs-design-preview-active footer p,
.ahs-design-preview-active footer a,
.ahs-design-preview-active .ova_footer h1,
.ahs-design-preview-active .ova_footer h2,
.ahs-design-preview-active .ova_footer h3,
.ahs-design-preview-active .ova_footer p,
.ahs-design-preview-active .ova_footer a,
.ahs-design-preview-active .wrap_footer h1,
.ahs-design-preview-active .wrap_footer h2,
.ahs-design-preview-active .wrap_footer h3,
.ahs-design-preview-active .wrap_footer h4,
.ahs-design-preview-active .wrap_footer p,
.ahs-design-preview-active .wrap_footer a {
  color: #fff !important;
}

.ahs-design-preview-active .page-header,
.ahs-design-preview-active .page-title,
.ahs-design-preview-active .ova-page-title,
.ahs-design-preview-active .page-title-wrapper {
  border-bottom: 4px solid var(--ahs-preview-primary) !important;
  background-color: #f1f1f2 !important;
}

.ahs-design-preview-active .elementor-widget-container,
.ahs-design-preview-active .ova-service,
.ahs-design-preview-active .ova_box_feature,
.ahs-design-preview-active .product,
.ahs-design-preview-active article.post,
.ahs-design-preview-active .certificate-card,
.ahs-design-preview-active .wpcf7-form {
  border-radius: var(--ahs-preview-radius);
}

.ahs-design-preview-active input:not([type="submit"]),
.ahs-design-preview-active textarea,
.ahs-design-preview-active select {
  border-color: rgba(100,118,128,.35) !important;
  border-radius: min(var(--ahs-preview-radius), 12px) !important;
  background: var(--ahs-preview-surface) !important;
  color: var(--ahs-preview-text) !important;
}

.ahs-design-preview-active input:focus,
.ahs-design-preview-active textarea:focus,
.ahs-design-preview-active select:focus {
  border-color: var(--ahs-preview-primary) !important;
  box-shadow: 0 0 0 3px rgba(237,28,36,.14) !important;
  outline: 0;
}

.ahs-design-preview-active .page-title,
.ahs-design-preview-active .ova-page-title,
.ahs-design-preview-active .page-title-wrapper {
  border-bottom-color: var(--ahs-preview-primary) !important;
}

.ahs-design-preview-draft::after {
  content: "وضع معاينة AHS — غير ظاهر للزوار";
  position: fixed;
  z-index: 999999;
  inset-inline-end: 18px;
  bottom: 18px;
  padding: 9px 14px;
  border-radius: 8px;
  background: #ed1c24;
  color: #fff;
  font: 700 12px/1.4 var(--ahs-preview-font);
  box-shadow: 0 8px 26px rgba(0,0,0,.2);
}

@media (max-width: 782px) {
  .ahs-design-preview-draft::after { inset-inline: 12px; bottom: 12px; text-align: center; }
}