/*
Theme Name: Dr. Karim Sefiani
Theme URI: https://drkarimsefiani.com/
Author: Dr. Karim Sefiani Studio
Description: Bespoke WordPress theme for Dr. Karim Sefiani Dental Clinic.
Version: 1.6.0
Text Domain: dr-karim-sefiani
*/

@import url("assets/css/aurelia.css");

/* WordPress integration and small parity adjustments. */
.wp-admin-bar .top-bar { top: 32px; }
.wp-admin-bar .site-header { top: 70px; }
.wp-admin-bar .mobile-menu { top: 140px; }
.wp-content > :first-child { margin-top: 0; }
.wp-content p:last-child { margin-bottom: 0; }
.wp-content ul { padding-left: 1.25rem; }

/* Arabic needs a stable desktop header rather than a reversed flex layout. */
body.is-rtl .top-bar {
  direction: rtl;
}

body.is-rtl .site-header {
  direction: rtl;
  gap: clamp(10px, 1.5vw, 24px);
}

body.is-rtl .site-header .brand {
  order: 1;
}

body.is-rtl .site-header .site-nav {
  order: 2;
  flex: 1 1 auto;
  min-width: 0;
  justify-content: center;
  gap: clamp(7px, 0.9vw, 13px);
  font-size: clamp(0.82rem, 1vw, 1rem);
  white-space: nowrap;
}

body.is-rtl .site-header .header-actions {
  order: 3;
  flex: 0 0 auto;
  gap: 8px;
  white-space: nowrap;
}

body.is-rtl .site-header .mega-menu {
  right: -18px;
  left: auto;
  text-align: right;
}

body.is-rtl .site-header .mega-menu a {
  text-align: right;
}

@media (min-width: 1121px) {
  body.is-rtl .site-header .nav-group:focus-within:not(.is-open) .mega-menu {
    opacity: 0;
    pointer-events: none;
    transform: translateY(12px);
  }
}

body.is-rtl .mobile-menu {
  direction: rtl;
  text-align: right;
}

@media (max-width: 1320px) {
  body.is-rtl .site-header .site-nav {
    gap: 7px;
    font-size: 0.84rem;
  }

  body.is-rtl .site-header .brand-logo,
  body.is-rtl .site-header .brand-logo {
    width: clamp(175px, 18vw, 260px);
  }
}
.wp-content a { color: inherit; }
.wp-service-content { white-space: pre-line; }
.clinic-case-card { display: block; }
.clinic-case-images { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; }
.clinic-case-images figure { position: relative; margin: 0; overflow: hidden; border-radius: .4rem; }
.clinic-case-images img { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; }
.clinic-case-images figcaption { position: absolute; inset: auto auto .65rem .65rem; padding: .36rem .75rem; border-radius: 999px; background: var(--gold, #e7bd57); color: #15110a; font-weight: 800; font-size: .72rem; letter-spacing: .08em; }
.clinic-case-card h3 { margin-bottom: 0; }
.service-article-stream .service-story-copy .wp-service-content > :first-child { margin-top: 0; }
@media (max-width: 782px) {
  .wp-admin-bar .top-bar { top: 46px; }
  .wp-admin-bar .site-header { top: 84px; }
  .wp-admin-bar .mobile-menu { top: 135px; }
}