/*
Theme Name:  Axl FSE - Kuwait Lawyer Pro (Child)
Theme URI:   https://kuwaitlawyer.net
Description: ثيم ابن احترافي لموقع المحامي مشاري العنزي. خفيف، سريع، ومتجاوب بالكامل مع كل الأجهزة والمتصفحات.
Author:      Kuwait Lawyer Dev
Template:    axl-fse
Version:     2.0.0
Requires PHP: 7.4
License:     GPLv3 or later
Text Domain: axl-fse-child
*/

/* === Reset & Cross-Browser === */
*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}
html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(15,44,77,0.15);scroll-behavior:smooth;text-rendering:optimizeLegibility}
body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}
img,video,svg{max-width:100%;height:auto;display:block}

/* === Color Palette === */
:root{
  --kl-primary:#0F2C4D;--kl-primary-dark:#081A30;--kl-primary-light:#1E456F;--kl-primary-50:#E8EEF5;
  --kl-accent:#C9A24A;--kl-accent-dark:#A8862F;--kl-accent-light:#E0C68A;--kl-accent-50:#FBF6E9;
  --kl-text:#2D2D2D;--kl-text-muted:#5C5C5C;--kl-text-light:#8A8A8A;
  --kl-bg:#FFFFFF;--kl-bg-soft:#FAF8F3;--kl-bg-section:#F5F1E8;
  --kl-border:#E8E4DA;--kl-border-strong:#D4CEBE;
  --kl-success:#2D7A3E;--kl-warning:#D69F00;--kl-error:#C53030;
  --kl-shadow-sm:0 1px 3px rgba(15,44,77,.08);--kl-shadow:0 4px 16px rgba(15,44,77,.08);
  --kl-shadow-lg:0 12px 32px rgba(15,44,77,.14);--kl-shadow-xl:0 20px 48px rgba(15,44,77,.18);
  --kl-radius-sm:6px;--kl-radius:10px;--kl-radius-lg:16px;--kl-radius-xl:24px;
  --kl-transition:cubic-bezier(0.4,0,0.2,1);--kl-duration:0.3s;
}

/* === Typography === */
body,.wp-site-blocks,.wp-block-post-content,p,span,div,a,li,td,th,
input,select,textarea,button,.wp-block-navigation,.entry-content{
  font-family:'Cairo','IBM Plex Sans Arabic','Tajawal',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif !important;
  font-feature-settings:"liga" 1,"kern" 1;
}
h1,h2,h3,h4,h5,h6,.wp-block-post-title,.wp-block-heading,.wp-block-query-title{
  font-family:'Cairo','IBM Plex Sans Arabic',system-ui,sans-serif !important;
  font-weight:700;letter-spacing:-0.01em;line-height:1.35;color:var(--kl-primary);
}
h1,.wp-block-post-title.is-style-large{font-size:clamp(1.75rem,5vw,3rem)}
h2{font-size:clamp(1.5rem,4vw,2.25rem)}
h3{font-size:clamp(1.25rem,3vw,1.75rem)}
h4{font-size:clamp(1.1rem,2.5vw,1.35rem)}
body,p{font-size:clamp(15px,2vw,17px);line-height:1.85;color:var(--kl-text)}
.wp-block-post-content p,.entry-content p{margin-bottom:1.5em;text-align:justify;hyphens:auto;-webkit-hyphens:auto}

/* === Background Fix === */
body,.wp-site-blocks,main,.site-main{background-color:var(--kl-bg) !important}
.has-tertiary-background-color,
[style*="background-color:#fef"],[style*="background-color: #fef"],
[style*="background-color:#fce"],[style*="background-color: #fce"],
[style*="background-color:#fde"],[style*="background-color:#ffe"],[style*="background-color: #ffe"]{
  background-color:var(--kl-bg-soft) !important;
}
.has-secondary-background-color{background-color:var(--kl-primary) !important;color:#ffffff !important}

/* === Links === */
a{color:var(--kl-primary);text-decoration:none;transition:color var(--kl-duration) var(--kl-transition)}
a:hover{color:var(--kl-accent-dark)}
.wp-block-post-content a{color:var(--kl-primary-light);border-bottom:1px solid var(--kl-accent);padding-bottom:1px}
.wp-block-post-content a:hover{background-color:var(--kl-accent-50);color:var(--kl-primary-dark)}

/* === Buttons === */
.wp-block-button__link,button:not(.wp-block-search__button):not([class*="dashicons"]),
input[type="submit"],input[type="button"],.button,.btn{
  background-color:var(--kl-primary) !important;color:#ffffff !important;
  font-weight:600 !important;padding:clamp(12px,2vw,16px) clamp(24px,4vw,36px) !important;
  border-radius:var(--kl-radius) !important;border:2px solid var(--kl-primary) !important;
  cursor:pointer;transition:all var(--kl-duration) var(--kl-transition);
  font-size:clamp(14px,2vw,15px) !important;letter-spacing:0.02em;display:inline-block;text-align:center;
  -webkit-appearance:none;appearance:none;text-decoration:none !important;
  min-height:44px;line-height:1.4;
}
.wp-block-button__link:hover,button:not(.wp-block-search__button):hover,
input[type="submit"]:hover,.button:hover{
  background-color:var(--kl-accent) !important;color:var(--kl-primary-dark) !important;
  border-color:var(--kl-accent) !important;transform:translateY(-2px);box-shadow:var(--kl-shadow-lg);
}
.has-orange-background-color,.has-vivid-orange-background-color,
[style*="background-color:#ff8"],[style*="background-color: #ff8"],
[style*="background-color:#fa8"],[style*="background-color:#f9"],[style*="background-color: #f9"]{
  background-color:var(--kl-accent) !important;color:var(--kl-primary-dark) !important;
}
.wp-block-button.is-style-outline .wp-block-button__link{
  background-color:transparent !important;color:var(--kl-primary) !important;border:2px solid var(--kl-primary) !important;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover{background-color:var(--kl-primary) !important;color:#ffffff !important}

/* === Hero === */
.wp-block-cover,.has-cover{min-height:clamp(400px,60vh,700px) !important}
.wp-block-cover h1,.wp-block-cover h2{color:#ffffff !important}

/* === Posts Grid (Fix 4 cols) === */
.wp-block-post-template,.wp-block-query .wp-block-post-template,.wp-block-latest-posts{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr)) !important;
  gap:clamp(1rem,3vw,2rem) !important;
  list-style:none;padding:0;margin:2rem 0;
}
.wp-block-post-template.is-flex-container.columns-4>li,
.wp-block-post-template.is-flex-container.columns-3>li{width:100% !important;flex-basis:auto !important;min-width:0}

.wp-block-post-template>li,.wp-block-latest-posts>li,article.post{
  background:var(--kl-bg) !important;border:1px solid var(--kl-border) !important;
  border-radius:var(--kl-radius-lg) !important;padding:clamp(20px,3vw,28px) !important;
  transition:all 0.4s var(--kl-transition);box-shadow:var(--kl-shadow-sm);
  height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden;
}
.wp-block-post-template>li::before,.wp-block-latest-posts>li::before,article.post::before{
  content:'';position:absolute;top:0;right:0;width:4px;height:0;background:var(--kl-accent);
  transition:height 0.4s var(--kl-transition);
}
.wp-block-post-template>li:hover,.wp-block-latest-posts>li:hover,article.post:hover{
  transform:translateY(-6px);box-shadow:var(--kl-shadow-lg);border-color:var(--kl-accent);
}
.wp-block-post-template>li:hover::before,.wp-block-latest-posts>li:hover::before,article.post:hover::before{height:100%}

.wp-block-post-template .wp-block-post-title,.wp-block-latest-posts__post-title{
  font-size:clamp(1.05rem,2vw,1.2rem) !important;line-height:1.5 !important;margin:0 0 12px !important;font-weight:700;
}
.wp-block-post-template .wp-block-post-title a,.wp-block-latest-posts__post-title{color:var(--kl-primary) !important;border-bottom:none !important}
.wp-block-post-template .wp-block-post-title a:hover{color:var(--kl-accent-dark) !important;background:transparent !important}

.wp-block-post-excerpt,.wp-block-latest-posts__post-excerpt{
  font-size:clamp(13px,1.8vw,14.5px) !important;line-height:1.7 !important;
  color:var(--kl-text-muted) !important;margin:0 0 16px !important;flex:1;
}
.wp-block-post-excerpt__more-link{
  display:inline-flex;align-items:center;gap:6px;color:var(--kl-accent-dark) !important;
  font-weight:600 !important;font-size:14px !important;border-bottom:none !important;padding-bottom:0 !important;
  transition:gap 0.2s ease;
}
.wp-block-post-excerpt__more-link:hover{gap:10px;color:var(--kl-primary) !important;background:transparent !important}

/* === Images === */
.wp-block-post-featured-image{margin:0 0 16px !important;border-radius:var(--kl-radius) !important;overflow:hidden;aspect-ratio:16/10}
.wp-block-post-featured-image img,.wp-block-image img{
  width:100% !important;height:100% !important;object-fit:cover;transition:transform 0.5s var(--kl-transition);
}
.wp-block-post-template>li:hover .wp-block-post-featured-image img{transform:scale(1.05)}

/* === Navigation === */
.wp-block-navigation{font-size:clamp(14px,1.6vw,15.5px)}
.wp-block-navigation .wp-block-navigation-item__content{
  font-weight:600 !important;padding:10px 14px !important;border-radius:var(--kl-radius-sm);
  transition:all 0.2s var(--kl-transition);white-space:nowrap;min-height:44px;display:inline-flex;align-items:center;
}
.wp-block-navigation .wp-block-navigation-item__content:hover{background-color:rgba(255,255,255,.1);color:var(--kl-accent) !important}
.wp-block-navigation .current-menu-item .wp-block-navigation-item__content{color:var(--kl-accent) !important;background-color:rgba(201,162,74,.15)}
.wp-block-navigation__responsive-container{background-color:var(--kl-primary) !important}
.wp-block-navigation__responsive-container.is-menu-open{padding:80px 24px 40px !important}
.wp-block-navigation__responsive-container .wp-block-navigation-item__content{
  font-size:18px !important;padding:14px 20px !important;color:#ffffff !important;
  border-bottom:1px solid rgba(255,255,255,.1);border-radius:0;
}

/* === Footer === */
.wp-block-template-part[data-type="footer"]{
  background-color:var(--kl-primary-dark) !important;color:rgba(255,255,255,.85) !important;
  padding:clamp(40px,6vw,80px) clamp(20px,4vw,40px) clamp(20px,3vw,30px) !important;
}
.wp-block-template-part[data-type="footer"] *{color:rgba(255,255,255,.85)}
.wp-block-template-part[data-type="footer"] h1,.wp-block-template-part[data-type="footer"] h2,
.wp-block-template-part[data-type="footer"] h3,.wp-block-template-part[data-type="footer"] h4{color:#ffffff !important}
.wp-block-template-part[data-type="footer"] a{color:var(--kl-accent-light) !important;border-bottom:none !important}
.wp-block-template-part[data-type="footer"] a:hover{color:#ffffff !important;background:transparent !important}

/* === Quote === */
.wp-block-quote,blockquote{
  border-right:4px solid var(--kl-accent) !important;border-left:none !important;
  padding:clamp(16px,3vw,24px) clamp(20px,4vw,32px) !important;
  background:var(--kl-bg-soft) !important;border-radius:0 var(--kl-radius) var(--kl-radius) 0;
  margin:2em 0;font-style:italic;color:var(--kl-primary-dark);
}

/* === Tables === */
.wp-block-table table,.entry-content table{
  width:100%;border:1px solid var(--kl-border);border-radius:var(--kl-radius);overflow:hidden;
  border-collapse:separate;border-spacing:0;font-size:clamp(13px,1.8vw,15px);
}
.wp-block-table thead,.entry-content thead{background-color:var(--kl-primary);color:#ffffff}
.wp-block-table th,.entry-content th{padding:clamp(10px,2vw,14px) clamp(12px,2.5vw,18px);font-weight:600;text-align:right}
.wp-block-table td,.entry-content td{padding:clamp(10px,2vw,12px) clamp(12px,2.5vw,18px);border-bottom:1px solid var(--kl-border)}
.wp-block-table tr:hover td{background-color:var(--kl-bg-soft)}

/* === Lists === */
.wp-block-post-content ul,.entry-content ul,.wp-block-post-content ol,.entry-content ol{padding-right:24px;padding-left:0}
.wp-block-post-content li::marker,.entry-content li::marker{color:var(--kl-accent);font-weight:700}
.wp-block-post-content strong,.entry-content strong{color:var(--kl-primary);font-weight:700}

/* === Back to Top === */
#kl-back-to-top{
  position:fixed;bottom:clamp(16px,3vw,30px);left:clamp(16px,3vw,30px);
  width:clamp(44px,6vw,52px);height:clamp(44px,6vw,52px);
  background-color:var(--kl-primary);color:#ffffff;border-radius:50%;
  display:flex;align-items:center;justify-content:center;cursor:pointer;
  opacity:0;transform:translateY(20px);transition:all var(--kl-duration) var(--kl-transition);
  z-index:999;box-shadow:var(--kl-shadow-lg);border:none;font-size:22px;font-weight:700;line-height:1;
}
#kl-back-to-top.visible{opacity:1;transform:translateY(0)}
#kl-back-to-top:hover{background-color:var(--kl-accent);color:var(--kl-primary-dark);transform:translateY(-4px)}

#kl-reading-progress{
  position:fixed;top:0;right:0;height:3px;
  background:linear-gradient(to left,var(--kl-accent),var(--kl-primary));
  width:0;z-index:9999;transition:width 0.1s linear;
}

/* === Post Meta === */
.wp-block-post-date,.wp-block-post-author-name,.entry-meta{color:var(--kl-text-muted) !important;font-size:clamp(12px,1.5vw,13.5px) !important}
.wp-block-post-terms{font-size:clamp(11px,1.4vw,13px) !important;color:var(--kl-accent-dark) !important}
.wp-block-post-terms a{color:var(--kl-accent-dark) !important;background:var(--kl-accent-50);padding:4px 10px;border-radius:100px;border-bottom:none !important;margin:2px;display:inline-block}
.wp-block-post-terms a:hover{background:var(--kl-accent);color:#ffffff !important}

/* === Long Content === */
.wp-block-post-content > * + *,.entry-content > * + *{margin-top:1.4em}
.wp-block-post-content > h2,.entry-content > h2{margin-top:2.5em;padding-bottom:12px;border-bottom:2px solid var(--kl-accent)}
.wp-block-post-content > h3,.entry-content > h3{margin-top:2em}

/* === WhatsApp & Embeds === */
.wp-whatsapp-chat-button,[id*="whatsapp"][id*="float"],#wpwhatsappchat{z-index:998 !important}
.wp-block-embed__wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}
.wp-block-embed__wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}
figcaption{font-size:14px;color:var(--kl-text-muted);text-align:center;margin-top:8px;font-style:italic}

/* === Accessibility === */
*:focus-visible{outline:3px solid var(--kl-accent) !important;outline-offset:2px;border-radius:4px}
.screen-reader-text{position:absolute !important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}

/* ========================================
   RESPONSIVE - Mobile / Tablet / Desktop
   ======================================== */

/* Desktop XL 1400px+ */
@media (min-width:1400px){
  .wp-block-group.alignwide{max-width:1300px !important;margin-left:auto;margin-right:auto}
  body,p{font-size:17px}
}

/* Desktop 1024-1399px */
@media (max-width:1399px) and (min-width:1024px){
  .wp-block-post-template{grid-template-columns:repeat(3,1fr) !important}
}

/* Tablet 768-1023px */
@media (max-width:1023px) and (min-width:768px){
  .wp-block-post-template{grid-template-columns:repeat(2,1fr) !important}
  .wp-block-group{padding-left:clamp(20px,4vw,30px) !important;padding-right:clamp(20px,4vw,30px) !important}
  .wp-block-navigation__container{flex-wrap:wrap;justify-content:center}
}

/* Mobile 576-767px */
@media (max-width:767px){
  .wp-block-post-template,.wp-block-columns{grid-template-columns:1fr !important}
  .wp-block-columns{flex-direction:column !important;gap:24px}
  .wp-block-column{flex-basis:100% !important;width:100% !important}
  body,p{font-size:15.5px;line-height:1.8}
  h1,.wp-block-post-title{font-size:1.6rem}
  h2{font-size:1.35rem}
  h3{font-size:1.15rem}
  .wp-block-post-template>li,article.post{padding:18px !important}
  .wp-block-button__link,.button{width:100% !important;text-align:center !important;padding:14px 20px !important}
  .wp-block-buttons{flex-direction:column !important;gap:12px !important}
  .wp-block-cover,.has-cover{min-height:380px !important}
  .wp-block-image,.wp-block-cover img{margin-left:auto !important;margin-right:auto !important}
  .wp-block-table,.entry-content table{overflow-x:auto;display:block;-webkit-overflow-scrolling:touch}
  .wp-block-template-part[data-type="footer"] .wp-block-columns{text-align:center}
  .wp-block-navigation__responsive-container-open{display:flex !important;width:44px;height:44px}
  .hide-mobile{display:none !important}
}

/* Mobile small ≤575px */
@media (max-width:575px){
  body,p{font-size:15px}
  h1,.wp-block-post-title{font-size:1.45rem}
  .wp-block-post-template>li,article.post{padding:16px !important;border-radius:var(--kl-radius) !important}
  .wp-block-group{padding-left:16px !important;padding-right:16px !important}
  .wp-block-cover,.has-cover{min-height:320px !important;padding:20px 16px !important}
  .wp-block-cover h1{font-size:1.6rem !important;line-height:1.3 !important}
  .wp-block-group.alignfull,.wp-block-group.alignwide{padding-top:30px !important;padding-bottom:30px !important}
  .wp-whatsapp-chat-button,[id*="whatsapp"][id*="float"]{bottom:16px !important;right:16px !important}
}

/* Mobile xs ≤360px */
@media (max-width:360px){
  body,p{font-size:14px}
  .wp-block-post-template>li{padding:14px !important}
}

/* Landscape mobile */
@media (max-height:500px) and (orientation:landscape){
  .wp-block-cover,.has-cover{min-height:280px !important}
}

/* Dark mode opt-in */
@media (prefers-color-scheme:dark){
  body.respect-system-dark{
    --kl-bg:#0F1419;--kl-bg-soft:#1A2028;--kl-text:#E8E8E8;
    --kl-text-muted:#B0B0B0;--kl-border:#2D3540;
  }
}

/* Reduced motion */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}
}

/* High contrast */
@media (prefers-contrast:high){:root{--kl-text:#000000;--kl-border:#666666}}

/* Print */
@media print{
  .wp-block-template-part[data-type="header"],.wp-block-template-part[data-type="footer"],
  .wp-block-navigation,#kl-back-to-top,#kl-reading-progress,.wp-block-comments,.sidebar,
  .wp-block-search,.wp-block-buttons{display:none !important}
  body{font-size:11pt;line-height:1.6;color:#000;background:#fff}
  a{color:#000;border-bottom:none !important}
  a[href]::after{content:" (" attr(href) ")";font-size:.85em;color:#555}
  h1,h2,h3{color:#000;page-break-after:avoid}
  img{max-width:100% !important;page-break-inside:avoid}
  table{page-break-inside:avoid}
}

/* IE11 / Edge Legacy fallback */
@supports not (display:grid){
  .wp-block-post-template{display:flex;flex-wrap:wrap}
  .wp-block-post-template>li{flex:1 1 280px;margin:12px}
}

/* Safari iOS */
@supports (-webkit-touch-callout:none){
  body{-webkit-overflow-scrolling:touch}
  input,textarea,select{font-size:16px !important}
}

/* Firefox */
@-moz-document url-prefix(){body{font-weight:400}}

/* Admin bar mobile */
@media (max-width:600px){body.admin-bar #kl-back-to-top{bottom:60px}}
/* ============================================================
   إصلاحات الهيدر الاحترافية v3 - Kuwait Lawyer Pro
   ============================================================ */

/* === الشعار / اسم الموقع === */
header .wp-block-site-title,
header .wp-block-site-title a {
  color: #FFFFFF !important;
  font-weight: 700 !important;
  font-size: 19px !important;
  text-decoration: none !important;
  border-bottom: none !important;
  background: transparent !important;
  letter-spacing: -0.01em;
}

header .wp-block-site-title a:hover {
  color: #C9A24A !important;
  background: transparent !important;
}

/* === القائمة الرئيسية === */
header .wp-block-navigation.kl-main-nav,
header .wp-block-navigation {
  margin: 0 20px;
  flex: 1;
  justify-content: center !important;
}

/* عناصر القائمة - بيضاء واضحة */
header .wp-block-navigation .wp-block-navigation-item__content {
  color: #FFFFFF !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  padding: 8px 14px !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  border-bottom: none !important;
  transition: all 0.2s ease !important;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  min-height: 38px;
}

header .wp-block-navigation .wp-block-navigation-item__content:hover {
  color: #C9A24A !important;
  background-color: rgba(201, 162, 74, 0.1) !important;
}

/* السهم في submenu */
header .wp-block-navigation-submenu__toggle {
  color: #FFFFFF !important;
}

header .wp-block-navigation .wp-block-navigation-submenu__toggle-indicator {
  margin-right: 4px !important;
  margin-left: 0 !important;
}

/* === القائمة المنسدلة (Submenu) === */
header .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
  background: #0F2C4D !important;
  border: 1px solid #1E456F !important;
  border-radius: 10px !important;
  padding: 8px !important;
  min-width: 240px !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.3) !important;
  margin-top: 8px !important;
}

header .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
  color: #E8E8E8 !important;
  padding: 10px 16px !important;
  border-radius: 6px !important;
  width: 100%;
  font-size: 14px !important;
  display: flex;
}

header .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
  background-color: #C9A24A !important;
  color: #081A30 !important;
}

/* === زر CTA "احجز استشارة" === */
header .kl-header-cta {
  margin: 0 !important;
}

header .kl-header-cta .wp-block-button__link,
header .wp-block-button .wp-block-button__link.has-accent-background-color {
  background-color: #C9A24A !important;
  color: #081A30 !important;
  border: 2px solid #C9A24A !important;
  border-radius: 100px !important;
  padding: 10px 24px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: 0.02em;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 12px rgba(201, 162, 74, 0.25);
}

header .kl-header-cta .wp-block-button__link:hover {
  background-color: #FFFFFF !important;
  color: #0F2C4D !important;
  border-color: #FFFFFF !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(255, 255, 255, 0.2);
}

/* === التجاوب على الموبايل === */

/* تابلت 1024px وأقل */
@media (max-width: 1024px) {
  header .wp-block-navigation {
    font-size: 14px;
  }
  header .wp-block-navigation .wp-block-navigation-item__content {
    padding: 6px 10px !important;
    font-size: 14px !important;
  }
}

/* موبايل 768px وأقل */
@media (max-width: 768px) {
  /* اخفاء الزر CTA من الهيدر على الموبايل (بيظهر في القائمة المنسدلة) */
  header .kl-header-cta {
    display: none !important;
  }

  /* أيقونة hamburger */
  header .wp-block-navigation__responsive-container-open {
    color: #FFFFFF !important;
    background: transparent !important;
    padding: 8px !important;
    width: 44px;
    height: 44px;
  }

  /* القائمة المنسدلة الـ overlay */
  header .wp-block-navigation__responsive-container.is-menu-open {
    background-color: #0F2C4D !important;
    padding: 80px 30px 40px !important;
  }

  header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
    font-size: 17px !important;
    padding: 14px 20px !important;
    color: #FFFFFF !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 0 !important;
    width: 100%;
    text-align: right;
  }

  /* السهم في الموبايل */
  header .wp-block-navigation__responsive-container-close {
    color: #FFFFFF !important;
    padding: 12px !important;
  }

  /* اسم الموقع - أصغر */
  header .wp-block-site-title,
  header .wp-block-site-title a {
    font-size: 16px !important;
  }
}

/* موبايل صغير 480px */
@media (max-width: 480px) {
  header.wp-block-group {
    padding: 12px 16px !important;
  }
  header .wp-block-site-title,
  header .wp-block-site-title a {
    font-size: 14px !important;
  }
}

/* === الخط الذهبي السفلي === */
header.wp-block-group {
  border-bottom: 3px solid #C9A24A !important;
  position: relative;
}

/* === Sticky header (اختياري - الهيدر يلتصق فوق عند التمرير) === */
@media (min-width: 769px) {
  header.wp-block-group {
    position: sticky;
    top: 0;
    z-index: 100;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }
}

/* === تحسينات إضافية === */

/* ضمان عدم ظهور إطار حول site-title */
header .wp-block-site-title {
  text-decoration: none !important;
}

/* ضمان وضوح الأيقونة على الموبايل */
header .wp-block-navigation__responsive-container-open svg,
header .wp-block-navigation__responsive-container-close svg {
  fill: #FFFFFF !important;
  width: 24px;
  height: 24px;
}