/* طبقة أولوية نهائية لمطابقة تصميم مركز الفخامة */
:root{--praimary-color:#16304b!important;--secondary-color:#343434!important;--ref-gold:#c7a568!important}
.navbar{background:#fff!important;color:#343434!important;top:28px!important;border-bottom:1px solid #e5e7eb!important;box-shadow:0 3px 16px rgba(22,48,75,.09)!important}
.navbar .nav-links a{color:#343434!important;background:transparent!important}.navbar .nav-links a:hover,.navbar .nav-links a.active{color:#fff!important;background:#16304b!important}.navbar .nav-links a:after{color:transparent!important;background:transparent!important;opacity:0!important;width:auto!important}.navbar .nav-links a:hover:after,.navbar .nav-links a.active:after{color:#fff!important;opacity:1!important}
.navbar .brand-name{color:#16304b!important}.navbar .brand-name .dot{color:#c7a568!important}.btn-nav{background:#16304b!important;color:#fff!important;border-color:#16304b!important;border-radius:0!important}.btn-nav:hover{background:#c7a568!important;color:#fff!important}
.khamaj-banner{background-image:var(--khamaj-banner-bg)!important;background-color:#edf2f5!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;min-height:510px!important;margin-top:72px!important;border-radius:0!important;display:flex!important;visibility:visible!important;opacity:1!important;overflow:hidden!important}
.khamaj-banner:before,.khamaj-banner:after{display:none!important}
.khamaj-banner .banner-inner{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:min(1180px,calc(100% - 36px))!important;min-height:450px!important}
.khamaj-banner .banner-copy{display:block!important;visibility:visible!important;opacity:1!important;width:min(560px,100%)!important;text-align:right!important}
.khamaj-banner .banner-kicker{background:transparent!important;color:#16304b!important;padding:0!important}.khamaj-banner .banner-kicker i{color:#c7a568!important}
.khamaj-banner .banner-copy h1{color:#16304b!important;font-weight:400!important;text-shadow:none!important;font-size:clamp(38px,5vw,68px)!important;line-height:1.25!important}.home-page .khamaj-banner .banner-copy h1{color:#16304b!important;text-shadow:none!important}
.khamaj-banner .banner-copy p{color:#343434!important;font-size:20px!important;line-height:1.8!important}.home-page .khamaj-banner .banner-copy p{color:#343434!important}
.banner-actions{display:flex!important;gap:10px!important;justify-content:flex-start!important;flex-wrap:wrap!important}.banner-actions .btn-book,.banner-actions .btn-more{border-radius:0!important;padding:9px 30px!important;font-size:15px!important;box-shadow:none!important;transform:none!important}.banner-actions .btn-book{background:#16304b!important;color:#fff!important;border:2px solid #16304b!important}.banner-actions .btn-more{background:transparent!important;color:#16304b!important;border:2px solid #16304b!important}.banner-actions .btn-book:hover,.banner-actions .btn-more:hover{background:#c7a568!important;color:#fff!important;border-color:#c7a568!important}
.banner-arrow{display:flex!important;align-items:center!important;justify-content:center!important;background:rgba(255,255,255,.7)!important;color:#16304b!important;border:1px solid #fff!important;border-radius:0!important}.banner-arrow:hover{background:#16304b!important;color:#fff!important}.banner-dots{display:flex!important;visibility:visible!important;opacity:1!important}.banner-dot{background:#b8c3ce!important}.banner-dot.active{background:#16304b!important;box-shadow:0 0 0 3px rgba(199,165,104,.35)!important}
.section-title{color:#16304b!important;font-weight:500!important}.section-title span,.section-sub{color:#16304b!important}.section-title:after{background:#c7a568!important}
.services-grid,.blog-grid,.trip-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important;gap:24px!important}.services-grid .service-item,.blog-grid .blog-card,.trip-grid .trip-card{height:100%!important;min-width:0!important;margin:0!important;padding:0!important;position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;clip-path:none!important;border-radius:0!important;background:#fff!important;border:1px solid #e9e9e9!important;box-shadow:none!important;transform:none!important}.services-grid .service-item:hover,.blog-grid .blog-card:hover,.trip-grid .trip-card:hover{border-color:#16304b!important;box-shadow:0 12px 28px rgba(22,48,75,.1)!important;transform:translateY(-5px)!important}
.services-grid .service-item>.service-slider{position:relative!important;inset:auto!important;height:230px!important;min-height:230px!important;width:100%!important;flex:none!important}.services-grid .service-item>.service-slider img{width:100%!important;height:100%!important;object-fit:cover!important}.services-grid .service-item>.service-content{padding:20px 22px 8px!important;text-align:right!important}.services-grid .service-item>.service-content h3{font-size:19px!important;color:#16304b!important}.services-grid .service-item>.service-content p{font-size:14px!important;color:#69737c!important;line-height:1.85!important}.services-grid .service-item>.service-actions{padding:12px 22px 20px!important;border-top:1px solid #f0f1f3!important}.services-grid .service-item>.service-actions a{color:#16304b!important;font-size:13px!important}.services-grid .service-item>.service-actions a:hover{color:#c7a568!important}
.blog-grid .blog-card .slider-container,.blog-grid .blog-card .slider-img{height:220px!important;min-height:220px!important}.post-reactions .reaction-btn:first-child{border-radius:0!important;color:#16304b!important;background:#fff!important;border-color:#16304b!important}.post-reactions .reaction-btn:first-child:hover,.post-reactions .reaction-btn:first-child.active-like{background:#16304b!important;color:#fff!important}
.footer,.site-footer{background:#16304b!important;color:#fff!important}
@media(max-width:1100px){.services-grid,.blog-grid,.trip-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:680px){body{padding-top:0!important}body:before{display:none!important}.navbar{position:relative!important;top:0!important;height:auto!important;min-height:72px!important}.khamaj-banner{margin-top:0!important;min-height:390px!important}.khamaj-banner .banner-inner{min-height:290px!important;justify-content:center!important}.khamaj-banner .banner-copy{text-align:center!important}.khamaj-banner .banner-copy h1{font-size:37px!important}.khamaj-banner .banner-copy p{font-size:15px!important}.banner-actions{justify-content:center!important}.banner-arrow{width:34px!important;height:34px!important}.banner-arrow-prev{right:10px!important}.banner-arrow-next{left:10px!important}.services-grid,.blog-grid,.trip-grid{grid-template-columns:1fr!important;gap:18px!important}.services-grid .service-item>.service-slider{height:205px!important;min-height:205px!important}.services-grid .service-item>.service-content{text-align:center!important}}

/* مؤشر السن المباشر: يعمل حتى لو لم يعمل JavaScript */
@media (pointer:fine){
  html,body,body *{cursor:url('/assets/tooth-cursor.png') 12 12,auto!important}
  #toothCursor{display:none!important}
}
@media (pointer:coarse){#toothCursor{display:none!important}}

/* أولوية أعلى من قواعد theme.css القديمة التي كانت تفرض cursor:none */
@media (pointer:fine){
  body.tooth-cursor-enabled.tooth-cursor-enabled,
  body.tooth-cursor-enabled.tooth-cursor-enabled *{cursor:url('/assets/tooth-cursor.png') 12 12,auto!important}
}

/* المؤشر المرئي النهائي: صورة سن داخل الصفحة، وليس صورة cursor native */
@media (pointer:fine){
  body.tooth-cursor-enabled,body.tooth-cursor-enabled *{cursor:none!important}
  #toothCursor{display:block!important;position:fixed!important;z-index:2147483647!important;width:42px!important;height:42px!important;margin:0!important;padding:0!important;pointer-events:none!important;opacity:0!important;background:transparent!important;border:0!important;transform-origin:20% 80%!important}
  #toothCursor.is-visible{opacity:1!important}
  #toothCursor img{display:block!important;width:42px!important;height:42px!important;max-width:none!important;object-fit:contain!important;visibility:visible!important;opacity:1!important;background:transparent!important}
}

/* حل نهائي للمربع الفارغ: لا نستخدم cursor:url؛ نعرض صورة السن داخل الصفحة */
body.tooth-cursor-enabled,body.tooth-cursor-enabled *{cursor:none!important}
#toothCursor{display:block!important;position:fixed!important;z-index:2147483647!important;width:46px!important;height:46px!important;pointer-events:none!important;opacity:0!important;background:transparent!important;border:0!important}
#toothCursor.is-visible{display:block!important;opacity:1!important;visibility:visible!important}
#toothCursor img{display:block!important;width:46px!important;height:46px!important;max-width:none!important;object-fit:contain!important;visibility:visible!important;opacity:1!important;background:transparent!important}
@media (pointer:coarse){#toothCursor{display:none!important}}

/* منع ظهور مربع المؤشر الأصلي؛ المؤشر الوحيد هو صورة السن المرئية */
@media (pointer:fine){
  html,body,body *{cursor:auto!important}
  body.tooth-cursor-enabled.tooth-cursor-enabled,
  body.tooth-cursor-enabled.tooth-cursor-enabled *{cursor:none!important}
}
