/*
Theme Name: ListingHive Deira
Theme URI: https://deira.info
Template: listinghive
Author: Deira Team
Author URI: https://deira.info
Description: قالب دليل الديرة — تخصيص احترافي لقالب ListingHive مع دعم كامل للعربية والوضع الداكن وتحسينات SEO شاملة
Version: 1.0.2
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v3
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: rtl-language-support, right-sidebar, custom-colors, custom-menu, custom-logo, custom-header, featured-image-header, featured-images, footer-widgets, theme-options, threaded-comments, translation-ready
Text Domain: listinghive-deira
*/

/* ═══════════════════════════════════════════════════════════
   DEIRA DIRECTORY — LISTINGHIVE CHILD THEME
   Premium Dark Theme + Full RTL + SEO Optimized
   ═══════════════════════════════════════════════════════════ */

/* ──────────────────────────────────────
   §1  CSS CUSTOM PROPERTIES
   ────────────────────────────────────── */
:root {
  /* Brand Colors */
  --d-bg:         #2a4b5b;
  --d-card:       #1f3a48;
  --d-deep:       #17303c;
  --d-surface:    #234252;
  --d-yellow:     #fcc426;
  --d-yellow-h:   #e5b020;
  --d-green:      #15cd72;

  /* Text */
  --d-white:      #ffffff;
  --d-w95:        rgba(255,255,255,.95);
  --d-w85:        rgba(255,255,255,.85);
  --d-w65:        rgba(255,255,255,.65);
  --d-w55:        rgba(255,255,255,.55);
  --d-w45:        rgba(255,255,255,.45);
  --d-w30:        rgba(255,255,255,.30);
  --d-w12:        rgba(255,255,255,.12);
  --d-w06:        rgba(255,255,255,.06);

  /* Layout */
  --d-radius:     8px;
  --d-radius-lg:  12px;
  --d-radius-pill:60px;
  --d-shadow:     0 4px 16px rgba(0,0,0,.2);
  --d-shadow-sm:  0 2px 8px rgba(0,0,0,.15);
  --d-transition: .3s ease;

  /* Typography */
  --d-ff:         'Tajawal', sans-serif;
}

/* ──────────────────────────────────────
   §2  GLOBAL RESETS & DARK MODE
   ────────────────────────────────────── */
html {
  font-size: 16px;
  scroll-behavior: smooth;
}

body {
  direction: rtl;
  text-align: right;
  background-color: var(--d-bg) !important;
  color: var(--d-w85) !important;
  font-family: var(--d-ff) !important;
  line-height: 1.8;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

::selection {
  background: var(--d-yellow);
  color: var(--d-deep);
}

/* ──────────────────────────────────────
   §3  TYPOGRAPHY
   ────────────────────────────────────── */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--d-ff) !important;
  color: var(--d-w95) !important;
  font-weight: 700;
  line-height: 1.4;
}

h1 { font-size: 2.2rem; }
h2 { font-size: 1.8rem; }
h3 { font-size: 1.45rem; }
h4 { font-size: 1.2rem; }

p {
  color: var(--d-w65);
  line-height: 1.9;
}

a {
  color: var(--d-yellow);
  text-decoration: none;
  transition: color var(--d-transition), opacity var(--d-transition);
}
a:hover {
  color: var(--d-yellow-h);
  opacity: .9;
}

/* ──────────────────────────────────────
   §4  RTL OVERRIDES
   ────────────────────────────────────── */

/* Flip all margin-left → margin-right and vice versa */
ol, ul {
  margin-left: 0;
  margin-right: 2rem;
  padding-left: 0;
}

blockquote {
  border-left: none;
  border-right: 3px solid var(--d-yellow);
  padding-left: 0;
  padding-right: 1.5rem;
}

/* Checkbox / Radio RTL */
input[type=checkbox],
input[type=radio] {
  margin-right: 0;
  margin-left: .5rem;
}

/* ──────────────────────────────────────
   §5  HEADER & NAVIGATION
   ────────────────────────────────────── */
.site-header {
  background: var(--d-deep) !important;
  border-bottom: 1px solid var(--d-w12);
  position: sticky;
  top: 0;
  z-index: 999;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.header-navbar {
  padding: .75rem 2rem;
  direction: rtl;
}

.header-navbar:last-child {
  border-bottom: none;
}

/* RTL: Swap start/end */
.header-navbar__start {
  margin-right: 0;
  margin-left: 2rem;
}

/* Logo */
.header-logo__name {
  font-family: var(--d-ff) !important;
  color: var(--d-yellow) !important;
  font-size: 1.6rem !important;
  font-weight: 800 !important;
  letter-spacing: .02em;
  transition: color var(--d-transition);
}
.header-logo:hover .header-logo__name {
  color: var(--d-yellow-h) !important;
}
.header-logo__description {
  color: var(--d-w45) !important;
  font-size: .8rem;
  font-family: var(--d-ff) !important;
}

/* Desktop Menu */
.header-navbar__menu {
  margin: -1rem auto -1rem 0;
  direction: rtl;
}
.header-navbar__menu > ul {
  direction: rtl;
  justify-content: flex-end;
}
.header-navbar__menu:not(:last-child) {
  margin-left: 1rem;
  margin-right: 0;
}
.header-navbar__menu ul li a {
  color: var(--d-w85) !important;
  font-family: var(--d-ff) !important;
  font-size: .95rem;
  font-weight: 500;
  padding: .5rem 1rem;
  border-radius: var(--d-radius);
  transition: all var(--d-transition);
}
.header-navbar__menu ul li a:hover,
.header-navbar__menu ul li.current-menu-item > a {
  color: var(--d-yellow) !important;
  background: rgba(252,196,38,.08);
}

/* Active menu indicator (RTL) */
.header-navbar__menu > ul > li.current-menu-item::before {
  background-color: var(--d-yellow) !important;
}

/* Dropdown */
.header-navbar__menu ul li ul {
  background-color: var(--d-card) !important;
  border: 1px solid var(--d-w12) !important;
  box-shadow: var(--d-shadow) !important;
  border-radius: var(--d-radius);
  right: 0;
  left: auto;
}
.header-navbar__menu ul li ul li {
  padding: .35rem 1.2rem;
}
.header-navbar__menu ul li ul li ul {
  right: 100%;
  left: auto;
}

/* Menu chevrons RTL */
.header-navbar__menu ul li.menu-item-has-children::after {
  color: var(--d-w30) !important;
  content: '\f104' !important; /* fa-chevron-left for RTL */
}
.header-navbar__menu > ul > li.menu-item-has-children::after {
  content: '\f107' !important; /* fa-chevron-down stays */
  margin-left: 0;
  margin-right: .5rem;
}

/* Burger / Mobile Menu */
.header-navbar__burger > a {
  color: var(--d-yellow) !important;
}
.header-navbar__burger:not(:last-child) {
  margin-right: 0;
  margin-left: 2rem;
}
.header-navbar__burger > ul {
  background-color: var(--d-deep) !important;
  direction: rtl;
  text-align: right;
  right: 0;
}
.header-navbar__burger > ul::before {
  right: auto;
  left: .75rem;
  color: var(--d-w45) !important;
}
.header-navbar__burger > ul > li.current-menu-item::before {
  left: auto;
  right: -2rem;
  background-color: var(--d-yellow) !important;
}
.header-navbar__burger ul li ul {
  padding-left: 0;
  padding-right: 2rem;
}
.header-navbar__burger ul li.menu-item-has-children::after {
  right: auto;
  left: 0;
  color: var(--d-w30) !important;
}
.header-navbar__burger ul li a {
  color: var(--d-w85) !important;
  font-family: var(--d-ff) !important;
}

/* Header Actions */
.header-navbar__actions {
  direction: rtl;
}
.header-navbar__actions .button,
.header-navbar__actions button {
  font-family: var(--d-ff) !important;
}

/* ──────────────────────────────────────
   §6  HERO SECTION
   ────────────────────────────────────── */
.header-hero {
  background-color: var(--d-card) !important;
  position: relative;
  overflow: hidden;
  direction: rtl;
  text-align: right;
}

.header-hero--cover {
  background-size: cover;
  background-position: center;
}
.header-hero--cover::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(23,48,60,.25) 0%, rgba(42,75,91,.45) 100%);
  z-index: 0;
}
.header-hero--cover .header-hero__content {
  position: relative;
  z-index: 1;
}

.header-hero__content {
  direction: rtl;
  text-align: right;
}

.header-hero__content h1 {
  color: var(--d-white) !important;
  text-shadow: 0 2px 8px rgba(0,0,0,.2);
}
.header-hero__content p {
  color: var(--d-w65);
  font-size: 1.1rem;
}

/* ──────────────────────────────────────
   §7  SITE CONTENT & CONTAINER
   ────────────────────────────────────── */
.site-content {
  background-color: var(--d-bg);
  direction: rtl;
}

.site-container {
  direction: rtl;
}

.container {
  direction: rtl;
}

/* ──────────────────────────────────────
   §8  BUTTONS
   ────────────────────────────────────── */
.button,
button,
input[type=submit],
.wp-block-button__link {
  font-family: var(--d-ff) !important;
  border-radius: var(--d-radius) !important;
  transition: all var(--d-transition) !important;
}

.button--primary,
button[type=submit],
input[type=submit],
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  background-color: var(--d-yellow) !important;
  color: var(--d-deep) !important;
  font-weight: 700;
}
.button--primary:hover,
button[type=submit]:hover,
input[type=submit]:hover {
  background-color: var(--d-yellow-h) !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(252,196,38,.3);
}

.button--secondary {
  background-color: var(--d-green) !important;
}

.button:not(.button--primary):not(.button--secondary) {
  background-color: var(--d-w12) !important;
  color: var(--d-w85) !important;
}
.button:not(.button--primary):not(.button--secondary):hover {
  background-color: var(--d-w30) !important;
}

/* ──────────────────────────────────────
   §9  FORMS & INPUTS
   ────────────────────────────────────── */
input[type=text],
input[type=email],
input[type=tel],
input[type=url],
input[type=search],
input[type=password],
input[type=number],
input[type=date],
textarea,
select,
.select2-container--default .select2-selection,
.select2-container--default .select2-dropdown {
  background-color: var(--d-surface) !important;
  border: 1px solid var(--d-w12) !important;
  color: var(--d-w85) !important;
  font-family: var(--d-ff) !important;
  border-radius: var(--d-radius) !important;
  direction: rtl;
  transition: border-color var(--d-transition);
}
input:focus,
textarea:focus,
select:focus,
.select2-container--default.select2-container--focus .select2-selection {
  border-color: var(--d-yellow) !important;
  outline: none;
  box-shadow: 0 0 0 3px rgba(252,196,38,.15);
}

::placeholder {
  color: var(--d-w30) !important;
}

.select2-container--default .select2-selection .select2-selection__rendered {
  color: var(--d-w85) !important;
  padding: .4375rem 1rem .4375rem 2rem;
  direction: rtl;
}
.select2-container--default .select2-selection .select2-selection__arrow {
  right: auto;
  left: .5rem;
}
.select2-container--default .select2-results__option {
  direction: rtl;
  text-align: right;
}
.select2-container--default .select2-dropdown {
  background-color: var(--d-card) !important;
}

/* Search form */
.search-form {
  direction: rtl;
}
.widget_search form::before,
.widget_product_search form::before {
  margin-right: 0;
  margin-left: -3rem;
  color: var(--d-w30) !important;
}
.widget_search form input[type=search],
.widget_product_search form input[type=search] {
  padding: .75rem 3rem .75rem 1rem;
}

/* ──────────────────────────────────────
   §10  CARDS & LISTINGS (HivePress)
   ────────────────────────────────────── */

/* Listing cards */
.hp-listing--view-block {
  background: var(--d-card) !important;
  border: 1px solid var(--d-w12) !important;
  border-radius: var(--d-radius-lg) !important;
  overflow: hidden;
  transition: transform var(--d-transition), border-color var(--d-transition), box-shadow var(--d-transition);
}
.hp-listing--view-block:hover {
  transform: translateY(-4px);
  border-color: var(--d-yellow) !important;
  box-shadow: var(--d-shadow);
}

.hp-listing--view-block .hp-listing__title {
  color: var(--d-w95) !important;
  font-family: var(--d-ff) !important;
}
.hp-listing--view-block .hp-listing__title a {
  color: inherit !important;
}

.hp-listing--view-block .hp-listing__location,
.hp-listing--view-block .hp-listing__created-date {
  color: var(--d-w45) !important;
}
.hp-listing--view-block .hp-listing__location i {
  color: var(--d-green) !important;
}

/* Featured badge */
.hp-listing--view-block .hp-listing__featured-badge {
  background-color: var(--d-yellow) !important;
  color: var(--d-deep) !important;
  font-family: var(--d-ff) !important;
  border-radius: var(--d-radius);
}
.hp-listing--view-block.hp-listing--featured {
  border-color: var(--d-yellow) !important;
}

/* Listing image hover */
.hp-listing--view-block .hp-listing__image img {
  transition: transform .5s ease;
}
.hp-listing--view-block:hover .hp-listing__image img {
  transform: scale(1.05);
}

/* Category tags */
.hp-listing--view-block .hp-listing__categories a,
.hp-listing--view-page .hp-listing__categories a,
.post__categories a {
  background-color: rgba(252,196,38,.12) !important;
  color: var(--d-yellow) !important;
  border-radius: var(--d-radius-pill);
  padding: .2rem .8rem;
  font-size: .82rem;
  font-family: var(--d-ff) !important;
  transition: all var(--d-transition);
}
.hp-listing--view-block .hp-listing__categories a:hover,
.hp-listing--view-page .hp-listing__categories a:hover,
.post__categories a:hover {
  background-color: var(--d-yellow) !important;
  color: var(--d-deep) !important;
}

/* Rating stars */
.hp-rating__stars {
  color: var(--d-yellow) !important;
}
.hp-rating__count {
  color: var(--d-w45) !important;
}

/* Listing page view */
.hp-listing--view-page {
  direction: rtl;
  text-align: right;
}
.hp-listing--view-page .hp-listing__title {
  color: var(--d-w95) !important;
  font-family: var(--d-ff) !important;
}
.hp-listing--view-page .hp-listing__description {
  color: var(--d-w65);
}

/* Listing actions */
.hp-listing__actions--primary .hp-listing__action i {
  color: var(--d-w30) !important;
}
.hp-listing__actions--primary .hp-listing__action:hover i {
  color: var(--d-yellow) !important;
}
.hp-listing--view-block .hp-listing__actions--primary .hp-listing__action--favorite[data-state=active] i,
.hp-listing--view-page .hp-listing__actions--primary .hp-listing__action--favorite[data-state=active] i {
  color: #ff5a5f !important;
}

/* ──────────────────────────────────────
   §11  LISTING CATEGORIES
   ────────────────────────────────────── */
.hp-listing-category--view-block {
  background: var(--d-card) !important;
  border: 1px solid var(--d-w12) !important;
  border-radius: var(--d-radius-lg) !important;
  overflow: hidden;
  transition: transform var(--d-transition), border-color var(--d-transition);
  direction: rtl;
}
.hp-listing-category--view-block:hover {
  transform: translateY(-4px);
  border-color: var(--d-yellow) !important;
}

.hp-listing-category--view-block .hp-listing-category__image img {
  transition: transform .5s ease;
}
.hp-listing-category--view-block:hover .hp-listing-category__image img {
  transform: scale(1.05);
}

.hp-listing-category--view-block .hp-listing-category__name {
  color: var(--d-w95) !important;
  font-family: var(--d-ff) !important;
}
.hp-listing-category--view-block .hp-listing-category__name a {
  color: inherit !important;
}
.hp-listing-category--view-block .hp-listing-category__item-count {
  color: var(--d-w45) !important;
}

/* Category page */
.hp-listing-category--view-page {
  direction: rtl;
  text-align: right;
}
.hp-listing-category--view-page .hp-listing-category__name {
  color: var(--d-white) !important;
}

/* ──────────────────────────────────────
   §12  WIDGETS & SIDEBAR
   ────────────────────────────────────── */
.site-sidebar {
  direction: rtl;
  text-align: right;
}

.widget {
  background: var(--d-card);
  border: 1px solid var(--d-w12);
  border-radius: var(--d-radius-lg);
  padding: 1.5rem;
}

.widget__title,
.widget .widget__title {
  color: var(--d-yellow) !important;
  font-family: var(--d-ff) !important;
  font-weight: 700;
  font-size: 1.1rem;
  padding-bottom: .75rem;
  border-bottom: 1px solid var(--d-w12);
  margin-bottom: 1rem !important;
}

/* Title bar accent */
.title::before,
.footer-widgets .widget__title::before,
.hp-page__title::before,
.hp-section__title::before {
  background-color: var(--d-yellow) !important;
}

/* Widget lists RTL */
.widget_archive li,
.widget_categories li,
.widget_meta li,
.widget_nav_menu li,
.widget_pages li,
.widget_recent_entries li {
  padding-left: 0;
  padding-right: 1rem;
  color: var(--d-w45) !important;
}
.widget_archive li::before,
.widget_categories li::before,
.widget_meta li::before,
.widget_nav_menu li::before,
.widget_pages li::before,
.widget_recent_entries li::before {
  left: auto;
  right: 0;
  color: var(--d-w30) !important;
  content: '\f053' !important; /* RTL chevron */
}
.widget_archive li a,
.widget_categories li a,
.widget_meta li a,
.widget_nav_menu li a,
.widget_pages li a,
.widget_recent_entries li a {
  color: var(--d-w65) !important;
}
.widget_archive li a:hover,
.widget_categories li a:hover,
.widget_meta li a:hover,
.widget_nav_menu li a:hover,
.widget_pages li a:hover,
.widget_recent_entries li a:hover,
.widget_archive li:hover::before,
.widget_categories li:hover::before {
  color: var(--d-yellow) !important;
}

/* Filter widgets */
.hp-widget--listing-filter,
.hp-widget--vendor-filter {
  background: var(--d-card);
  border: 1px solid var(--d-w12);
  border-radius: var(--d-radius-lg);
  padding: 1.5rem;
}

/* ──────────────────────────────────────
   §13  PAGES & SECTIONS
   ────────────────────────────────────── */
.hp-page__title {
  font-family: var(--d-ff) !important;
  color: var(--d-w95) !important;
}

.hp-section__title {
  font-family: var(--d-ff) !important;
  color: var(--d-yellow) !important;
}

.hp-page__topbar--separate {
  border-color: var(--d-w12) !important;
}

/* Form messages */
.hp-form__messages {
  background-color: var(--d-surface) !important;
  border: 1px solid var(--d-w12);
  border-radius: var(--d-radius);
  color: var(--d-w85);
}

/* Tabbed menu */
.hp-menu--tabbed {
  border-color: var(--d-w12) !important;
}
.hp-menu--tabbed .hp-menu__item--current::before {
  background-color: var(--d-yellow) !important;
}
.hp-menu--tabbed .hp-menu__item a {
  color: var(--d-w65) !important;
}
.hp-menu--tabbed .hp-menu__item a:hover,
.hp-menu--tabbed .hp-menu__item--current a {
  color: var(--d-yellow) !important;
}

/* ──────────────────────────────────────
   §14  BLOG POSTS
   ────────────────────────────────────── */
.post--archive,
.post--single {
  direction: rtl;
  text-align: right;
}

.post__title {
  font-family: var(--d-ff) !important;
  color: var(--d-w95) !important;
}
.post__title a {
  color: inherit !important;
}
.post__title a:hover {
  color: var(--d-yellow) !important;
}

.post__details > * {
  color: var(--d-w45) !important;
}
.post__details a:hover {
  color: var(--d-yellow) !important;
}
.post__details > * i:first-child {
  margin-right: 0;
  margin-left: .4rem;
}
.post__details > * i:last-child {
  margin-left: 0;
  margin-right: .4rem;
}
.post__details > :not(:last-child) {
  margin-right: 0;
  margin-left: .75rem;
}

.post__image img {
  border-radius: var(--d-radius-lg);
}

.post__text {
  color: var(--d-w65);
}

/* Tags */
.tagcloud a,
.wp-block-tag-cloud a {
  background-color: var(--d-surface) !important;
  color: var(--d-w65) !important;
  border: 1px solid var(--d-w12);
  border-radius: var(--d-radius-pill);
  padding: .3rem .8rem !important;
  transition: all var(--d-transition);
}
.tagcloud a:hover,
.wp-block-tag-cloud a:hover {
  border-color: var(--d-yellow) !important;
  color: var(--d-yellow) !important;
  background-color: rgba(252,196,38,.1) !important;
}
.tagcloud a:not(:last-child),
.wp-block-tag-cloud a:not(:last-child) {
  margin-right: 0;
  margin-left: .5rem;
}

/* Post navigation RTL */
.post-navbar__link i:first-child {
  margin-right: 0;
  margin-left: .5rem;
}
.post-navbar__link i:last-child {
  margin-left: 0;
  margin-right: .5rem;
}
.post-navbar__link:hover i:first-child {
  transform: translateX(5px); /* RTL flip */
}
.post-navbar__link:hover i:last-child {
  transform: translateX(-5px); /* RTL flip */
}
.post-navbar__end {
  text-align: left;
}
.post-navbar__link i {
  color: var(--d-w30) !important;
}
.post-navbar__link:hover i {
  color: var(--d-yellow) !important;
}

/* ──────────────────────────────────────
   §15  COMMENTS
   ────────────────────────────────────── */
.comment {
  direction: rtl;
  text-align: right;
}
.comment__image {
  margin-right: 0;
  margin-left: 1.5rem;
}
.comment__author {
  color: var(--d-w85) !important;
}
.comment__details {
  color: var(--d-w45) !important;
}
.comment__details a:hover {
  color: var(--d-yellow) !important;
}
.comment__details a i {
  margin-right: 0;
  margin-left: .4rem;
}
.comment.bypostauthor .comment__image img {
  border-color: var(--d-yellow) !important;
}
.comments > ul > li ul {
  padding-left: 0;
  padding-right: 5.5rem;
}
@media only screen and (max-width:47.99em) {
  .comments > ul > li ul { padding-right: 0; }
}

.comment-respond .comment-notes,
.comment-respond .logged-in-as {
  color: var(--d-w45) !important;
}
.comment-respond .comment-reply-title a {
  color: var(--d-w30) !important;
}
.comment-respond .comment-reply-title a:hover {
  color: var(--d-yellow) !important;
}

/* ──────────────────────────────────────
   §16  PAGINATION
   ────────────────────────────────────── */
.pagination {
  direction: rtl;
}
.pagination .nav-links > a:hover,
.pagination > a:hover {
  color: var(--d-yellow) !important;
}
/* Swap prev/next arrows for RTL */
.pagination .nav-links > a.prev::before,
.pagination .nav-links > span.prev::before,
.pagination > a.prev::before,
.pagination > span.prev::before {
  content: '\f054' !important; /* next arrow in RTL = prev */
}
.pagination .nav-links > a.next::before,
.pagination .nav-links > span.next::before,
.pagination > a.next::before,
.pagination > span.next::before {
  content: '\f053' !important; /* prev arrow in RTL = next */
}
.pagination .nav-links > a:not(:last-child),
.pagination .nav-links > span:not(:last-child) {
  margin-right: 0;
  margin-left: .5rem;
}

/* ──────────────────────────────────────
   §17  FOOTER
   ────────────────────────────────────── */
.site-footer {
  background: var(--d-deep) !important;
  border-top: 3px solid var(--d-yellow) !important;
  color: var(--d-w65);
  padding: 3rem 0 0;
  direction: rtl;
  text-align: right;
}

.footer-widgets {
  border-bottom-color: var(--d-w12) !important;
}
.footer-widgets .widget {
  background: transparent;
  border: none;
  padding: 0;
}
.footer-widgets .widget__title {
  color: var(--d-yellow) !important;
  font-family: var(--d-ff) !important;
  border-bottom: 1px solid var(--d-w12);
  padding-bottom: .75rem;
}
.footer-widgets .widget a {
  color: var(--d-w65) !important;
}
.footer-widgets .widget a:hover {
  color: var(--d-yellow) !important;
}

.footer-navbar {
  direction: rtl;
}
.footer-navbar__copyright {
  color: var(--d-w45) !important;
  font-family: var(--d-ff) !important;
  font-size: .9rem;
}
.footer-navbar__menu ul li a {
  color: var(--d-w45) !important;
}
.footer-navbar__menu ul li a:hover {
  color: var(--d-yellow) !important;
}
.footer-navbar__menu ul li:not(:first-child) {
  margin-left: 0;
  margin-right: 2rem;
}

/* ──────────────────────────────────────
   §18  TABLES
   ────────────────────────────────────── */
table td, table th {
  border-color: var(--d-w12) !important;
  color: var(--d-w65);
}
table th {
  color: var(--d-w85) !important;
}
table thead td, table thead th {
  color: var(--d-w85) !important;
}

.hp-table td:last-child,
.hp-table th:last-child {
  text-align: left;
}
.hp-table td:first-child,
.hp-table th:first-child {
  text-align: right;
}

/* ──────────────────────────────────────
   §19  MISCELLANEOUS
   ────────────────────────────────────── */

/* Separator */
hr {
  background-color: var(--d-w12) !important;
}

/* Code blocks */
code, pre {
  background-color: var(--d-surface) !important;
  color: var(--d-w85);
}
code {
  color: var(--d-yellow) !important;
}

/* Selection */
.wp-block-quote {
  border-left: none;
  border-right: 3px solid var(--d-yellow) !important;
  padding-left: 0;
  padding-right: 1.5rem;
}

/* Fancybox */
.fancybox-content {
  background-color: var(--d-card) !important;
  color: var(--d-w85);
}

/* Page loader */
.site-loader {
  background-color: var(--d-deep) !important;
}
.site-loader svg {
  color: var(--d-yellow);
  fill: var(--d-yellow);
}

/* HivePress links */
.hp-link:hover {
  color: var(--d-yellow) !important;
}
.hp-link i {
  color: var(--d-w30) !important;
}
.hp-link:hover i {
  color: var(--d-yellow) !important;
}

/* Meta */
.hp-meta {
  color: var(--d-w45) !important;
}

/* Result count */
.hp-result-count {
  color: var(--d-w45) !important;
  font-family: var(--d-ff);
}

/* Map */
.hp-map {
  border-radius: var(--d-radius-lg);
  border: 1px solid var(--d-w12);
}

/* Submit listing link */
.hp-listing__submit-link .button {
  background-color: var(--d-yellow) !important;
  color: var(--d-deep) !important;
}

/* Image placeholders */
.hp-listing__image--placeholder,
.hp-listing-category__image--placeholder {
  background-color: var(--d-surface) !important;
}

/* Review */
.hp-review__author {
  color: var(--d-w85) !important;
}
.hp-review__created-date {
  color: var(--d-w45) !important;
}

/* Vendor */
.hp-vendor--view-block .hp-vendor__registered-date,
.hp-vendor--view-page .hp-vendor__registered-date {
  color: var(--d-w45) !important;
}

/* ──────────────────────────────────────
   §20  WOOCOMMERCE OVERRIDES
   ────────────────────────────────────── */
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  background-color: var(--d-surface) !important;
  color: var(--d-w85);
  border-top-color: var(--d-yellow) !important;
}

.woocommerce .star-rating span::before {
  color: var(--d-yellow) !important;
}
.woocommerce span.onsale {
  background-color: var(--d-green) !important;
}

.woocommerce .woocommerce-result-count {
  color: var(--d-w45) !important;
}

.woocommerce #add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
  background-color: var(--d-surface) !important;
}

/* ──────────────────────────────────────
   §21  FLOATING ELEMENTS
   ────────────────────────────────────── */

/* Scroll to top button */
.deira-scroll-top {
  position: fixed;
  bottom: 24px;
  left: 24px;
  z-index: 9999;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--d-yellow);
  border: none;
  color: var(--d-deep);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  transform: translateY(10px);
  transition: all var(--d-transition);
  box-shadow: var(--d-shadow-sm);
}
.deira-scroll-top.show {
  opacity: 1;
  transform: translateY(0);
}
.deira-scroll-top:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(252,196,38,.4);
}
.deira-scroll-top svg {
  width: 20px;
  height: 20px;
  stroke: var(--d-deep);
  fill: none;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* ──────────────────────────────────────
   §22  BREADCRUMBS
   ────────────────────────────────────── */
.deira-breadcrumbs {
  padding: .75rem 0;
  font-size: .85rem;
  color: var(--d-w45);
  direction: rtl;
}
.deira-breadcrumbs a {
  color: var(--d-w55);
  transition: color var(--d-transition);
}
.deira-breadcrumbs a:hover {
  color: var(--d-yellow);
}
.deira-breadcrumbs .separator {
  margin: 0 .5rem;
  color: var(--d-w30);
}

/* ──────────────────────────────────────
   §23  ACCESSIBILITY
   ────────────────────────────────────── */
.screen-reader-text:focus {
  background-color: var(--d-card);
  color: var(--d-yellow);
}

:focus-visible {
  outline: 2px solid var(--d-yellow);
  outline-offset: 2px;
}

/* ──────────────────────────────────────
   §24  RESPONSIVE
   ────────────────────────────────────── */
@media only screen and (max-width: 74.99em) {
  .header-navbar {
    padding: .75rem 1.5rem;
  }
}

@media only screen and (max-width: 47.99em) {
  h1 { font-size: 1.8rem; }
  h2 { font-size: 1.5rem; }
  h3 { font-size: 1.25rem; }

  .header-navbar {
    padding: .65rem 1rem;
  }

  .header-logo__name {
    font-size: 1.3rem !important;
  }

  .footer-navbar {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .footer-navbar__menu ul li:not(:first-child) {
    margin-right: 1.5rem;
  }

  .comments > ul > li ul {
    padding-right: 0;
  }

  .widget {
    padding: 1.25rem;
  }
}

/* ──────────────────────────────────────
   §25  PRINT STYLES
   ────────────────────────────────────── */
@media print {
  body {
    background: #fff !important;
    color: #000 !important;
  }
  .site-header,
  .site-footer,
  .deira-scroll-top {
    display: none !important;
  }
}

/* ──────────────────────────────────────
   §26  GUTENBERG BLOCKS DARK MODE
   ────────────────────────────────────── */
.wp-block-cover {
  color: var(--d-white);
}
.wp-block-group.has-background {
  background-color: var(--d-surface) !important;
}
.wp-block-table table td,
.wp-block-table table th,
.wp-calendar-table table td,
.wp-calendar-table table th {
  border-color: var(--d-w12) !important;
}
.wp-block-calendar table th {
  background-color: var(--d-surface) !important;
  color: var(--d-w85);
}
.wp-block-calendar table caption {
  color: var(--d-w45);
}
.wp-block-pullquote {
  border-color: var(--d-w12) !important;
  color: var(--d-w85);
}
.wp-block-separator {
  background-color: var(--d-w12) !important;
}

/* HivePress checkbox/radio dark */
.hp-field input[type=checkbox] + span::before,
.hp-field input[type=radio] + span::before {
  border-color: var(--d-w30) !important;
}
.hp-field input[type=checkbox]:checked + span::before {
  background-color: var(--d-green) !important;
  border-color: var(--d-green) !important;
}
.hp-field input[type=radio]:checked + span::before {
  border-color: var(--d-green) !important;
}
.hp-field input[type=radio]:checked + span::after {
  background-color: var(--d-green) !important;
}

/* Checkbox RTL */
.hp-field input[type=checkbox] + span {
  padding-left: 0;
  padding-right: 1.75rem;
}
.hp-field input[type=checkbox] + span::before,
.hp-field input[type=checkbox] + span::after,
.hp-field input[type=radio] + span::before,
.hp-field input[type=radio] + span::after {
  left: auto;
  right: 0;
}
.hp-field input[type=checkbox] + span::after {
  right: 4px;
}
.hp-field input[type=radio] + span {
  padding-left: 0;
  padding-right: 1.65rem;
}

/* Range slider */
.hp-field--number-range .ui-slider-range,
.hp-range-slider .ui-slider-range {
  background-color: var(--d-green) !important;
}

/* Select2 multiple */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: var(--d-w12) !important;
  border-color: var(--d-w12) !important;
  color: var(--d-w85);
}

/* Flexbox grid RTL */
.row {
  direction: rtl;
}

/* col offsets RTL */
.col-sm-offset-2 {
  margin-left: 0;
  margin-right: 16.66667%;
}

/* ──────────────────────────────────────
   §27  HEADER SCROLL EFFECT
   ────────────────────────────────────── */
.site-header.header--scrolled {
  box-shadow: 0 4px 20px rgba(0,0,0,.25);
  background: rgba(23,48,60,.95) !important;
}

/* ──────────────────────────────────────
   §28  FOOTER SOCIAL LINKS
   ────────────────────────────────────── */
.deira-footer-social {
  padding: 1.5rem 0;
  text-align: center;
  border-bottom: 1px solid var(--d-w12);
  margin-bottom: 1.5rem;
}

.deira-social-links {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: .75rem;
}

.deira-social-links a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: var(--d-w12);
  color: var(--d-w65) !important;
  font-size: 1rem;
  transition: all var(--d-transition);
}
.deira-social-links a:hover {
  background: var(--d-yellow);
  color: var(--d-deep) !important;
  transform: translateY(-3px);
  box-shadow: 0 4px 12px rgba(252,196,38,.3);
}

/* ──────────────────────────────────────
   §29  FOOTER CONTACT BAR
   ────────────────────────────────────── */
.deira-footer-contact {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2rem;
  padding: 1rem 0 1.5rem;
  border-bottom: 1px solid var(--d-w12);
  margin-bottom: 1.5rem;
}

.deira-footer-contact__item {
  display: flex;
  align-items: center;
  gap: .5rem;
  color: var(--d-w55) !important;
  font-family: var(--d-ff);
  font-size: .9rem;
  transition: color var(--d-transition);
}
.deira-footer-contact__item:hover {
  color: var(--d-yellow) !important;
}
.deira-footer-contact__item i {
  font-size: .85rem;
  color: var(--d-yellow);
}

/* ──────────────────────────────────────
   §30  SEARCH FORM ENHANCED
   ────────────────────────────────────── */
.hp-form--search .hp-form__fields {
  direction: rtl;
}
.hp-form--search input,
.hp-form--search select {
  font-family: var(--d-ff) !important;
}
.hp-form--search .hp-form__button {
  background-color: var(--d-yellow) !important;
  color: var(--d-deep) !important;
  font-family: var(--d-ff) !important;
  font-weight: 700;
  border-radius: var(--d-radius) !important;
}
.hp-form--search .hp-form__button:hover {
  background-color: var(--d-yellow-h) !important;
}

/* ──────────────────────────────────────
   §31  LISTING SUBMIT LINK (Add Listing)
   ────────────────────────────────────── */
.hp-listing__submit-link {
  direction: rtl;
}

/* ──────────────────────────────────────
   §32  VENDOR CARDS
   ────────────────────────────────────── */
.hp-vendor--view-block {
  background: var(--d-card) !important;
  border: 1px solid var(--d-w12) !important;
  border-radius: var(--d-radius-lg) !important;
  overflow: hidden;
  transition: transform var(--d-transition), border-color var(--d-transition);
  direction: rtl;
}
.hp-vendor--view-block:hover {
  transform: translateY(-4px);
  border-color: var(--d-yellow) !important;
}
.hp-vendor--view-block .hp-vendor__name {
  color: var(--d-w95) !important;
  font-family: var(--d-ff) !important;
}
.hp-vendor--view-block .hp-vendor__name a {
  color: inherit !important;
}
.hp-vendor--view-block .hp-vendor__image img {
  transition: transform .5s ease;
}
.hp-vendor--view-block:hover .hp-vendor__image img {
  transform: scale(1.05);
}

/* ──────────────────────────────────────
   §33  MODAL / POPUP DARK
   ────────────────────────────────────── */
.hp-modal {
  background: var(--d-card) !important;
  color: var(--d-w85);
  direction: rtl;
}
.hp-modal .hp-form__button {
  background-color: var(--d-yellow) !important;
  color: var(--d-deep) !important;
}

/* ──────────────────────────────────────
   §34  LISTING ATTRIBUTES
   ────────────────────────────────────── */
.hp-listing--view-block .hp-listing__attributes--secondary .hp-listing__attribute strong,
.hp-listing--view-page .hp-listing__attributes--secondary .hp-listing__attribute strong {
  color: var(--d-w85) !important;
}
.hp-listing--view-block .hp-listing__attributes--secondary .hp-listing__attribute i,
.hp-listing--view-page .hp-listing__attributes--secondary .hp-listing__attribute i {
  color: var(--d-w30) !important;
}
.hp-listing--view-block .hp-listing__attributes--secondary .hp-listing__attribute,
.hp-listing--view-page .hp-listing__attributes--secondary .hp-listing__attribute {
  color: var(--d-w55);
}

/* ──────────────────────────────────────
   §35  LISTING IMAGES CAROUSEL
   ────────────────────────────────────── */
.hp-listing__images-carousel .slick-current img {
  border-color: var(--d-yellow) !important;
}

/* ──────────────────────────────────────
   §36  LISTING PACKAGES
   ────────────────────────────────────── */
.hp-listing-package--view-block {
  background: var(--d-card) !important;
  border: 1px solid var(--d-w12) !important;
  border-radius: var(--d-radius-lg) !important;
}
.hp-listing-package--view-block .hp-listing-package__price {
  color: var(--d-green) !important;
}
.hp-listing-package--view-block .hp-listing-package__price del {
  color: var(--d-w45) !important;
}
.hp-listing-package--view-block .hp-listing-package__select-button {
  background-color: var(--d-yellow) !important;
  color: var(--d-deep) !important;
}

/* ──────────────────────────────────────
   §37  MESSAGES
   ────────────────────────────────────── */
.hp-message--view-block .hp-message__sender {
  color: var(--d-w85) !important;
}
.hp-message--view-block .hp-message__sent-date,
.hp-message--thread-block .hp-message__sent-date {
  color: var(--d-w45) !important;
}

/* ──────────────────────────────────────
   §38  MEMBERSHIP PLANS
   ────────────────────────────────────── */
.hp-membership-plan--view-block {
  background: var(--d-card) !important;
  border: 1px solid var(--d-w12) !important;
  border-radius: var(--d-radius-lg) !important;
}
.hp-membership-plan--view-block .hp-membership-plan__price {
  color: var(--d-green) !important;
}
.hp-membership--view-block .hp-membership__expired-date {
  color: var(--d-w45) !important;
}

/* ──────────────────────────────────────
   §39  WOOCOMMERCE ACCOUNT NAV RTL
   ────────────────────────────────────── */
.woocommerce-MyAccount-navigation ul {
  margin-right: 0;
}
.woocommerce-MyAccount-navigation li {
  padding-left: 0;
  padding-right: 1rem;
  color: var(--d-w45) !important;
}
.woocommerce-MyAccount-navigation li::before {
  left: auto;
  right: 0;
  color: var(--d-w30) !important;
  content: '\f053' !important;
}
.woocommerce-MyAccount-navigation li a {
  color: var(--d-w65) !important;
}
.woocommerce-MyAccount-navigation li a:hover,
.woocommerce-MyAccount-navigation li.is-active > a {
  color: var(--d-yellow) !important;
}

/* ──────────────────────────────────────
   §40  WOOCOMMERCE RTL OVERRIDES
   ────────────────────────────────────── */
.woocommerce table.shop_table {
  direction: rtl;
}
.woocommerce table.shop_table td,
.woocommerce table.shop_table th {
  border-color: var(--d-w12) !important;
  color: var(--d-w65);
}
.woocommerce table.shop_table th {
  color: var(--d-w85) !important;
}
.woocommerce table.shop_table td:first-child,
.woocommerce table.shop_table th:first-child {
  padding-left: .75rem;
  padding-right: 0;
}
.woocommerce table.shop_table td:last-child,
.woocommerce table.shop_table th:last-child {
  padding-right: .75rem;
  padding-left: 0;
}

.woocommerce ul.product_list_widget li img {
  margin-left: 0;
  margin-right: 1rem;
}

.woocommerce ul.products li.product .add_to_cart_button {
  margin-right: 0;
  margin-left: .75rem;
}

.woocommerce div.product .product_meta > span {
  color: var(--d-w85) !important;
}
.woocommerce div.product .product_meta > span span {
  color: var(--d-w65) !important;
}

.woocommerce nav.woocommerce-pagination {
  direction: rtl;
}
.woocommerce nav.woocommerce-pagination ul li a.prev::before,
.woocommerce nav.woocommerce-pagination ul li span.prev::before {
  content: '\f054' !important;
}
.woocommerce nav.woocommerce-pagination ul li a.next::before,
.woocommerce nav.woocommerce-pagination ul li span.next::before {
  content: '\f053' !important;
}
.woocommerce nav.woocommerce-pagination ul li:not(:last-child) {
  margin-right: 0;
  margin-left: .5rem;
}
.woocommerce nav.woocommerce-pagination ul li a:hover {
  color: var(--d-yellow) !important;
}

/* ──────────────────────────────────────
   §41  WIDGET BLOCKS RTL
   ────────────────────────────────────── */
.wp-block-archives li,
.wp-block-categories li,
.wp-block-latest-posts li,
.wp-block-rss li {
  padding-left: 0;
  padding-right: 1.35rem;
  color: var(--d-w45) !important;
}
.wp-block-archives li::before,
.wp-block-categories li::before,
.wp-block-latest-posts li::before,
.wp-block-rss li::before {
  left: auto;
  right: 0;
  color: var(--d-w30) !important;
}
.wp-block-archives li a,
.wp-block-categories li a,
.wp-block-latest-posts li a,
.wp-block-rss li a {
  color: var(--d-w65) !important;
}
.wp-block-archives li a:hover,
.wp-block-categories li a:hover,
.wp-block-latest-posts li a:hover,
.wp-block-rss li a:hover {
  color: var(--d-yellow) !important;
}

/* ──────────────────────────────────────
   §42  ALIGNMENT RTL
   ────────────────────────────────────── */
.alignleft {
  float: right;
  margin-left: 2rem;
  margin-right: 0;
}
.alignright {
  float: left;
  margin-right: 2rem;
  margin-left: 0;
}

.wp-block-image .alignleft {
  margin: 0 0 1rem 2rem;
}
.wp-block-image .alignright {
  margin: 0 2rem 1rem 0;
}

/* ──────────────────────────────────────
   §43  SLICK RTL FIX
   ────────────────────────────────────── */
.slick-slider {
  direction: ltr; /* Slick requires LTR internally */
}
.slick-slide {
  direction: rtl;
  text-align: right;
}

/* ──────────────────────────────────────
   §44  RECENT COMMENTS WIDGET RTL
   ────────────────────────────────────── */
.widget_recent_comments ul li {
  padding-left: 0;
  padding-right: 1.5rem;
  color: var(--d-w45) !important;
}
.widget_recent_comments ul li::before {
  left: auto;
  right: 0;
  color: var(--d-w30) !important;
}
.widget_recent_comments ul .comment-author-link {
  color: var(--d-w65) !important;
}

/* ──────────────────────────────────────
   §45  RSS WIDGET RTL
   ────────────────────────────────────── */
.widget_rss ul li {
  padding-left: 0;
  padding-right: 1.35rem;
  color: var(--d-w45) !important;
}
.widget_rss ul li::before {
  left: auto;
  right: 0;
  color: var(--d-w30) !important;
}
.widget_rss ul li div {
  color: var(--d-w65) !important;
}

/* ──────────────────────────────────────
   §46  PAGE TITLE
   ────────────────────────────────────── */
.page__title {
  font-family: var(--d-ff) !important;
  color: var(--d-w95) !important;
  direction: rtl;
  text-align: right;
}

/* ──────────────────────────────────────
   §47  DISABLED STATE DARK
   ────────────────────────────────────── */
input[disabled],
textarea[disabled],
select[disabled] {
  background-color: var(--d-deep) !important;
  color: var(--d-w30) !important;
}

/* ──────────────────────────────────────
   §48  GOOGLE PLACES AUTOCOMPLETE DARK
   ────────────────────────────────────── */
.pac-container {
  background-color: var(--d-card) !important;
  border-color: var(--d-w12) !important;
  box-shadow: var(--d-shadow) !important;
  direction: rtl;
}
.pac-item {
  color: var(--d-w45) !important;
  border: none !important;
}
.pac-item:hover {
  background-color: var(--d-surface) !important;
}
.pac-item-query {
  color: var(--d-w65) !important;
}

/* ──────────────────────────────────────
   §49  SITE HEADER ACTIONS RTL
   ────────────────────────────────────── */
.hp-menu--site-header button i:first-child {
  margin-right: 0;
  margin-left: .5rem;
}
@media only screen and (max-width:47.99em) {
  .hp-menu--site-header a i:first-child,
  .hp-menu--site-header button i:first-child {
    margin-left: 0;
  }
}

/* ──────────────────────────────────────
   §50  FIELD LABEL RTL
   ────────────────────────────────────── */
.hp-field__label {
  direction: rtl;
  text-align: right;
}
.hp-field__label small {
  color: var(--d-w45) !important;
}
.hp-field__description {
  color: var(--d-w45);
}

/* ──────────────────────────────────────
   §51  LOCATION FIELD
   ────────────────────────────────────── */
.hp-field--location a {
  color: var(--d-w30) !important;
}
.hp-field--location a:hover {
  color: var(--d-yellow) !important;
}

/* ══════════════════════════════════════════════════════════
   FRONT PAGE STYLES
   ══════════════════════════════════════════════════════════ */

/* ──────────────────────────────────────
   §52  FRONT PAGE HERO
   ────────────────────────────────────── */
.deira-hero {
  position: relative;
  min-height: 380px;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
@media (min-width: 48em) {
  .deira-hero { min-height: 480px; }
}
.deira-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(23,48,60,.3) 0%, rgba(23,48,60,.55) 100%);
  z-index: 0;
}
.deira-hero__content {
  position: relative;
  z-index: 1;
  text-align: center;
  padding: 3rem 1rem;
  width: 100%;
}
.deira-hero__title {
  color: var(--d-white) !important;
  font-size: 2.4rem;
  font-weight: 800;
  margin-bottom: .75rem;
  text-shadow: 0 2px 12px rgba(0,0,0,.35);
}
@media (min-width: 48em) {
  .deira-hero__title { font-size: 3rem; }
}
.deira-hero__desc {
  color: rgba(255,255,255,.85);
  font-size: 1.15rem;
  max-width: 600px;
  margin: 0 auto;
  text-shadow: 0 1px 6px rgba(0,0,0,.25);
}

/* ──────────────────────────────────────
   §52b  HERO SEARCH BAR
   ────────────────────────────────────── */
.deira-hero__search {
  margin-top: 1.75rem;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  direction: rtl;
}
.deira-hero__search-wrap {
  display: flex;
  align-items: center;
  background: rgba(255,255,255,.12);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,.2);
  border-radius: var(--d-radius-pill);
  overflow: hidden;
  transition: all var(--d-transition);
  box-shadow: 0 4px 24px rgba(0,0,0,.15);
}
.deira-hero__search-wrap:focus-within {
  background: rgba(255,255,255,.18);
  border-color: var(--d-yellow);
  box-shadow: 0 4px 24px rgba(0,0,0,.2), 0 0 0 3px rgba(252,196,38,.2);
}
.deira-hero__search-icon {
  color: rgba(255,255,255,.5);
  font-size: .95rem;
  padding-right: 1.25rem;
  padding-left: .25rem;
  flex-shrink: 0;
}
.deira-hero__search-input {
  flex: 1;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  color: var(--d-white) !important;
  font-family: var(--d-ff) !important;
  font-size: 1rem;
  padding: .9rem .5rem .9rem 0;
  direction: rtl;
  min-width: 0;
}
.deira-hero__search-input::placeholder {
  color: rgba(255,255,255,.45) !important;
  font-size: .9rem;
}
.deira-hero__search-btn {
  flex-shrink: 0;
  background: var(--d-yellow) !important;
  color: var(--d-deep) !important;
  font-family: var(--d-ff) !important;
  font-weight: 700;
  font-size: .95rem;
  border: none !important;
  padding: .9rem 1.75rem;
  cursor: pointer;
  transition: all var(--d-transition);
  border-radius: 0;
  white-space: nowrap;
}
.deira-hero__search-btn:hover {
  background: var(--d-yellow-h) !important;
  transform: none;
  box-shadow: none;
}
@media (max-width: 47.99em) {
  .deira-hero__search {
    max-width: 100%;
  }
  .deira-hero__search-input::placeholder {
    font-size: .8rem;
  }
  .deira-hero__search-btn {
    padding: .9rem 1.25rem;
    font-size: .85rem;
  }
  .deira-hero__search-icon {
    padding-right: 1rem;
  }
}

/* ──────────────────────────────────────
   §53  SECTION CARDS GRID
   ────────────────────────────────────── */
.deira-sections,
.deira-recent {
  padding: 3rem 0;
}
.deira-sections__title {
  color: var(--d-yellow) !important;
  font-family: var(--d-ff) !important;
  font-size: 1.6rem;
  margin-bottom: 1.75rem;
  text-align: center;
  position: relative;
}
.deira-sections__title::after {
  content: '';
  display: block;
  width: 60px;
  height: 3px;
  background: var(--d-yellow);
  margin: .75rem auto 0;
  border-radius: 3px;
}

.deira-sections__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 1.5rem;
}
@media (min-width: 75em) {
  .deira-sections__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.deira-recent__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 1.25rem;
}
@media (min-width: 75em) {
  .deira-recent__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* ──────────────────────────────────────
   §54  CARD COMPONENT
   ────────────────────────────────────── */
.deira-card {
  display: flex;
  flex-direction: column;
  background: var(--d-card);
  border: 1px solid var(--d-w12);
  border-radius: var(--d-radius-lg);
  overflow: hidden;
  transition: transform var(--d-transition), border-color var(--d-transition), box-shadow var(--d-transition);
  color: inherit;
  text-decoration: none;
}
.deira-card:hover {
  transform: translateY(-5px);
  border-color: var(--d-yellow);
  box-shadow: var(--d-shadow);
  color: inherit;
}

/* Card Image */
.deira-card__image {
  position: relative;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  background: var(--d-surface);
}
.deira-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .5s ease;
}
.deira-card:hover .deira-card__image img {
  transform: scale(1.06);
}
.deira-card__image--placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
}
.deira-card__image--placeholder i {
  font-size: 2.5rem;
  color: var(--d-w30);
}

/* Card Body */
.deira-card__body {
  padding: 1.25rem;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.deira-card__title {
  color: var(--d-w95) !important;
  font-family: var(--d-ff) !important;
  font-size: 1.15rem;
  font-weight: 700;
  margin: 0 0 .5rem;
  line-height: 1.5;
}
.deira-card:hover .deira-card__title {
  color: var(--d-yellow) !important;
}
.deira-card__excerpt {
  color: var(--d-w55);
  font-size: .88rem;
  line-height: 1.7;
  margin: 0 0 .75rem;
  flex: 1;
}
.deira-card__count {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  color: var(--d-yellow);
  font-size: .82rem;
  font-weight: 600;
  margin-top: auto;
}
.deira-card__count i {
  font-size: .75rem;
}

/* Card Tag (parent category label) */
.deira-card__tag {
  display: inline-block;
  background: rgba(252,196,38,.12);
  color: var(--d-yellow);
  font-size: .78rem;
  font-weight: 600;
  padding: .15rem .65rem;
  border-radius: var(--d-radius-pill);
  margin-bottom: .5rem;
  width: fit-content;
}

/* Small card variant */
.deira-card--small .deira-card__title {
  font-size: 1.05rem;
}
.deira-card--small .deira-card__image {
  aspect-ratio: 16 / 10;
}

/* ──────────────────────────────────────
   §55  PAGE CONTENT SECTION
   ────────────────────────────────────── */
.deira-content {
  padding: 2.5rem 0 3rem;
}
.deira-content__text {
  max-width: 900px;
  margin: 0 auto;
  direction: rtl;
  text-align: right;
}
.deira-content__text h2 {
  color: var(--d-yellow) !important;
  font-size: 1.5rem;
  margin-top: 2.5rem;
}
.deira-content__text h2:first-child {
  margin-top: 0;
}
.deira-content__text p {
  color: var(--d-w65);
  line-height: 1.9;
  margin-bottom: 1rem;
}
.deira-content__text a {
  color: var(--d-yellow);
  font-weight: 600;
  border-bottom: 1px solid rgba(252,196,38,.3);
  transition: border-color var(--d-transition);
}
.deira-content__text a:hover {
  border-color: var(--d-yellow);
}
.deira-content__text strong {
  color: var(--d-w85);
}

/* ══════════════════════════════════════════════════════════
   CRITICAL RTL FIXES (v1.0.1)
   ══════════════════════════════════════════════════════════ */

/* ──────────────────────────────────────
   §FIX-1  HEADER FLEXBOX RTL
   Force header items to flow right-to-left.
   Parent theme uses display:flex + space-between.
   We reverse the flex direction and adjust alignment.
   ────────────────────────────────────── */
.header-navbar {
  display: flex !important;
  flex-direction: row-reverse !important;
  justify-content: space-between !important;
  align-items: center !important;
  direction: ltr; /* reset direction since we use row-reverse */
}

/* Logo block (header-navbar__start) — appears first in DOM,
   but row-reverse pushes it to the RIGHT visually */
.header-navbar__start {
  margin-right: 0 !important;
  margin-left: 0 !important;
  direction: rtl; /* Keep logo text RTL */
}

/* Menu + Actions block (header-navbar__end) — appears second
   in DOM, row-reverse pushes it to the LEFT visually */
.header-navbar__end {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem;
  direction: rtl; /* Items flow RTL inside this block */
}

/* Desktop Menu within __end */
.header-navbar__menu {
  margin: -1rem 0 -1rem auto !important;
  direction: rtl;
}
.header-navbar__menu > ul {
  direction: rtl;
  justify-content: flex-start !important;
}

/* Burger menu within __end — keep its RTL */
.header-navbar__burger {
  direction: rtl;
}
.header-navbar__burger:not(:last-child) {
  margin-right: 0 !important;
  margin-left: 1rem !important;
}

/* Header actions within __end */
.header-navbar__actions {
  direction: rtl;
}

/* ──────────────────────────────────────
   §FIX-2  FRONT PAGE FULL-WIDTH SECTIONS
   Sections are now outside .site-content>.container
   so they naturally span full viewport width.
   ────────────────────────────────────── */
.deira-hero,
.deira-sections,
.deira-content,
.deira-recent {
  width: 100%;
  max-width: 100vw;
}

/* ──────────────────────────────────────
   §FIX-3  NEUTRALIZE EMBEDDED ERROR PAGES
   If WordPress error HTML gets embedded inside
   page content, prevent its styles from affecting layout.
   ────────────────────────────────────── */
.deira-content__text #error-page,
.deira-content__text .wp-die-message {
  display: none !important;
}

/* ──────────────────────────────────────
   §FIX-4  FOOTER NAVBAR RTL
   ────────────────────────────────────── */
.footer-navbar {
  display: flex;
  flex-direction: row-reverse;
  direction: ltr;
}
.footer-navbar__start,
.footer-navbar__end {
  direction: rtl;
}

@media only screen and (max-width: 47.99em) {
  .footer-navbar {
    flex-direction: column;
    direction: rtl;
  }
}