/*
 * دُري visual layer
 * Loaded after OneListing and Directorist styles. No core selectors are
 * removed; this file only adds the brand layer and responsive refinements.
 */
:root {
  --duri-navy: #082f44;
  --duri-blue: #0d587d;
  --duri-yellow: #ffd400;
  --duri-gold: #f6b800;
  --duri-ink: #173447;
  --duri-muted: #687985;
  --duri-cream: #f7f6f1;
  --duri-paper: #ffffff;
  --duri-line: #dfe6e9;
  --duri-radius: 16px;
  --duri-shadow: 0 14px 40px rgba(8, 47, 68, 0.08);
}

html,
body {
  direction: rtl;
}

body {
  background: var(--duri-cream);
  color: var(--duri-ink);
  font-family: "IBM Plex Sans Arabic", Tahoma, Arial, sans-serif;
  line-height: 1.8;
}

h1,
h2,
h3,
h4,
h5,
h6,
.site-title,
.directorist-archive-title {
  color: var(--duri-navy);
  font-family: "Noto Kufi Arabic", "IBM Plex Sans Arabic", Tahoma, sans-serif;
  font-weight: 600;
  letter-spacing: -0.025em;
}

a {
  color: var(--duri-blue);
  transition: color 180ms ease, opacity 180ms ease;
}

a:hover,
a:focus {
  color: var(--duri-navy);
}

.site-header,
#site-header,
.menu-area {
  background: rgba(247, 246, 241, 0.96);
  border-bottom: 1px solid rgba(8, 47, 68, 0.1);
  box-shadow: 0 4px 20px rgba(8, 47, 68, 0.035);
  backdrop-filter: blur(12px);
}

.theme-header-menu-area,
.theme-header-menu-full {
  min-height: 78px;
}

.theme-header-menu-full {
  align-items: center;
}

.theme-header-logo-brand img,
.custom-logo {
  max-height: 58px;
  width: auto;
}

.theme-header-logo-brand .site-title {
  font-size: 1.45rem;
}

.theme-main-navigation-inner .menu-item a {
  color: var(--duri-ink);
  font-weight: 500;
  padding-inline: 13px;
}

.theme-main-navigation-inner .menu-item a:hover,
.theme-main-navigation-inner .current-menu-item > a {
  color: var(--duri-blue);
}

.theme-btn,
.directorist-btn,
button,
input[type="submit"] {
  border-radius: 10px;
  font-family: inherit;
  font-weight: 600;
  transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}

.theme-btn-primary,
.directorist-btn-primary,
.btn-primary {
  background: var(--duri-yellow);
  border-color: var(--duri-yellow);
  color: var(--duri-navy);
}

.theme-btn-primary:hover,
.directorist-btn-primary:hover,
.btn-primary:hover {
  background: var(--duri-gold);
  border-color: var(--duri-gold);
  color: var(--duri-navy);
  box-shadow: 0 8px 18px rgba(246, 184, 0, 0.22);
  transform: translateY(-1px);
}

.directorist-archive-contents,
.directorist-single-contents-area,
.directory_register_form_wrap,
.directorist-login-wrapper {
  color: var(--duri-ink);
}

.directorist-archive-contents__top,
.directorist-archive-contents__listings,
.directorist-single-wrapper,
.directorist-author-wrapper,
.directorist-dashboard {
  border-radius: var(--duri-radius);
}

.directorist-card,
.directorist-listing-card,
.directorist-single-wrapper,
.directorist-author-wrapper,
.directorist-dashboard .directorist-dashboard-content {
  background: var(--duri-paper);
  border: 1px solid var(--duri-line);
  box-shadow: var(--duri-shadow);
}

.directorist-card,
.directorist-listing-card {
  overflow: hidden;
  transition: transform 180ms ease, box-shadow 180ms ease;
}

.directorist-card:hover,
.directorist-listing-card:hover {
  box-shadow: 0 18px 45px rgba(8, 47, 68, 0.13);
  transform: translateY(-3px);
}

.directorist-form-element,
input:not([type="checkbox"]):not([type="radio"]),
select,
textarea {
  background-color: var(--duri-paper);
  border: 1px solid #cfdadd;
  border-radius: 10px;
  color: var(--duri-ink);
  font-family: inherit;
  min-height: 46px;
}

.directorist-form-element:focus,
input:focus,
select:focus,
textarea:focus {
  border-color: var(--duri-blue);
  box-shadow: 0 0 0 3px rgba(13, 88, 125, 0.12);
  outline: 0;
}

.site-footer {
  background: var(--duri-navy);
  color: rgba(255, 255, 255, 0.78);
  margin-top: 70px;
}

.site-footer a,
.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4 {
  color: #fff;
}

.theme-footer-bottom-area {
  border-top-color: rgba(255, 255, 255, 0.14);
}

.duri-page-intro {
  background: linear-gradient(135deg, var(--duri-navy), var(--duri-blue));
  border-radius: 0 0 28px 28px;
  color: #fff;
  margin-bottom: 36px;
  padding: 54px 24px;
}

.duri-page-intro h1,
.duri-page-intro h2,
.duri-page-intro p {
  color: #fff;
}

@media (max-width: 991px) {
  .theme-header-menu-full {
    min-height: 68px;
  }

  .theme-header-logo-brand img,
  .custom-logo {
    max-height: 48px;
  }

  .theme-main-navigation-inner .menu-item a {
    padding: 10px 14px;
  }
}

@media (max-width: 575px) {
  .theme-header-menu-area,
  .theme-header-menu-full {
    min-height: 62px;
  }

  .theme-header-logo-brand img,
  .custom-logo {
    max-height: 43px;
  }

  .duri-page-intro {
    border-radius: 0 0 20px 20px;
    padding: 36px 18px;
  }

  .directorist-card,
  .directorist-listing-card {
    border-radius: 12px;
  }
}