/**
 * عزل مكوّنات ماكيوت عن أنماط القالب و Elementor و WooCommerce.
 * قواعد إخفاء هيدر/فوتر القالب في assets/css/themes/
 */
/* ─── عزل السلة المصغرة عن WooCommerce ─── */
#mkchMiniCart .mkch-mini-cart-body .woocommerce-mini-cart-item {
  display: grid !important;
  grid-template-columns: 52px minmax(0, 1fr) 28px !important;
  gap: 12px !important;
  align-items: start !important;
}

#mkchMiniCart .mkch-cart-item-media,
#mkchMiniCart .mkch-cart-item-media a {
  grid-column: 1 !important;
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  max-width: 52px !important;
  display: block !important;
  overflow: hidden !important;
  flex: 0 0 52px !important;
}

#mkchMiniCart .mkch-cart-item-meta {
  grid-column: 2 !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
}

#mkchMiniCart img,
#mkchMiniCart .mkch-cart-thumb,
#mkchMiniCart .attachment-thumbnail,
#mkchMiniCart .woocommerce-mini-cart-item img:not(.remove) {
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  max-width: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  object-fit: cover !important;
  display: block !important;
}

#mkchMiniCart .woocommerce-mini-cart-item a.remove {
  grid-column: 3 !important;
  width: auto !important;
  max-width: none !important;
  font-size: 20px !important;
  line-height: 1 !important;
  justify-self: end !important;
}

/* ─── عزل نافذة الحساب ─── */
#mkchAuthModal .mkch-auth-tabs {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

#mkchAuthModal .mkch-auth-tab {
  display: block !important;
  visibility: visible !important;
}

#mkchAuthModal .woocommerce-form-login .woocommerce-form-register,
#mkchAuthModal .woocommerce-form-login .register,
#mkchAuthModal p.lost_password + .woocommerce-form-register {
  display: none !important;
}

/* ─── عزل البانر والدائرة عن قالب Xtra ─── */
#mkch-homepage .hero-visual {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  overflow: visible !important;
}

#mkch-homepage .bento-main {
  overflow: visible !important;
}

#mkch-homepage .bento-main h1 .line2 {
  -webkit-text-stroke: 0 transparent !important;
  text-shadow: none !important;
}

#mkch-homepage .hero-float-wrap {
  animation: heroFloat 4s ease-in-out infinite !important;
}

#mkch-homepage .hero-orbit-visual {
  position: relative !important;
  width: 280px !important;
  height: 280px !important;
  min-width: 280px !important;
  min-height: 280px !important;
  aspect-ratio: 1 / 1 !important;
  transform: none !important;
  animation: none !important;
}

#mkch-homepage .hero-circle-bg {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 252px !important;
  height: 252px !important;
  margin: 0 !important;
  transform: translate(-50%, -50%) !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  z-index: 1 !important;
  aspect-ratio: 1 / 1 !important;
}

#mkch-homepage .orbit-ring {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  border-radius: 50% !important;
  z-index: 3 !important;
  box-sizing: border-box !important;
}

#mkch-homepage .hero-product-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 50% !important;
}

#mkch-homepage .hero-slider-slide {
  position: absolute !important;
  inset: 0 !important;
}

#mkch-homepage .hero-slider-slide:not(.is-active) {
  opacity: 0 !important;
  pointer-events: none !important;
}

#mkch-homepage .hero-slider-slide.is-active {
  opacity: 1 !important;
  z-index: 2 !important;
}

#mkch-homepage .hero-slider-slide img,
#mkch-homepage .hero-slider-img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: var(--hero-slider-fit, cover) !important;
  object-position: var(--hero-slider-position, center center) !important;
  display: block !important;
}

#mkch-homepage .h-scroll-track {
  direction: ltr !important;
}

#mkch-homepage .tile-discount {
  z-index: 4 !important;
  position: absolute !important;
}

#mkch-homepage .mosaic-tag,
#mkch-homepage .deal-flash {
  z-index: 6 !important;
  position: absolute !important;
}

#mkch-homepage .product-tile .tile-img img {
  z-index: 1 !important;
  position: relative !important;
}

#mkch-homepage .mosaic-item img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  image-rendering: auto !important;
}

/* ─── عزل توهج دعوة للعمل — منع القصّ ─── */
#mkch-homepage .mkch-sec-cta,
#mkch-homepage .final-cta {
  overflow: visible !important;
  content-visibility: visible !important;
  contain: none !important;
}

#mkch-homepage .mkch-sec-cta .cta-blob {
  overflow: visible !important;
  clip-path: none !important;
}

/* Elementor — إظهار محتوى الأقسام بدون انتظار حركة reveal */
#mkch-homepage.mkch-elementor-embed .reveal {
  opacity: 1 !important;
  transform: none !important;
}

#mkch-homepage.mkch-elementor-embed .mosaic-grid,
#mkch-homepage.mkch-elementor-embed .magazine-grid {
  display: grid !important;
  visibility: visible !important;
}

/* Elementor — توهج دعوة للعمل بدون قصّ من الأعلى/الأسفل */
#mkch-homepage.mkch-elementor-embed.mkch-cta-only {
  overflow: visible !important;
}

#mkch-homepage.mkch-elementor-embed.mkch-cta-only .final-cta,
#mkch-homepage.mkch-elementor-embed.mkch-cta-only.mkch-sec-cta {
  overflow: visible !important;
  padding-top: calc(var(--section-pad-mobile, 18px) + 80px) !important;
  padding-bottom: calc(var(--section-pad-mobile, 18px) + 80px) !important;
}

@media (min-width: 768px) {
  #mkch-homepage.mkch-elementor-embed.mkch-cta-only .final-cta {
    padding-top: calc(var(--section-pad, 32px) + 96px) !important;
    padding-bottom: calc(var(--section-pad, 32px) + 96px) !important;
  }
}

#mkch-homepage.mkch-elementor-embed.mkch-cta-only .cta-blob {
  width: min(960px, 150vw) !important;
  height: min(680px, 260%) !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  filter: blur(72px) !important;
  clip-path: none !important;
}

[class*="elementor-widget-mkch_cta"] .elementor-widget-container,
.elementor-element:has(#mkch-homepage.mkch-cta-only),
.elementor-column:has(#mkch-homepage.mkch-cta-only),
.elementor-section:has(#mkch-homepage.mkch-cta-only),
.elementor-container:has(#mkch-homepage.mkch-cta-only) {
  overflow: visible !important;
}

/* ─── تضمين داخل Elementor ─── */
[class*="elementor-widget-mkch_"] .elementor-widget-container,
.elementor-widget-shortcode .elementor-widget-container:has(#mkch-homepage.mkch-elementor-embed) {
  padding: 0;
  margin: 0;
  overflow: visible;
}

#mkch-homepage.mkch-elementor-embed {
  width: 100%;
  background: var(--dark, #0d0618);
  color: var(--text, #e8e4f0);
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
  z-index: 1;
}

#mkch-homepage.mkch-elementor-embed.mkch-elementor-fullwidth {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-left: max(16px, env(safe-area-inset-left, 0px));
  padding-right: max(16px, env(safe-area-inset-right, 0px));
  box-sizing: border-box;
}

#mkch-homepage.mkch-elementor-embed.mkch-elementor-fullwidth.mkch-hero-only,
#mkch-homepage.mkch-elementor-embed.mkch-elementor-fullwidth.mkch-ticker-only,
#mkch-homepage.mkch-elementor-embed.mkch-elementor-fullwidth.mkch-showcase-only {
  padding-left: 0;
  padding-right: 0;
}

[class*="elementor-widget-mkch_hero"] .elementor-widget-container,
[class*="elementor-widget-mkch_ticker"] .elementor-widget-container,
.elementor-element:has(#mkch-homepage.mkch-hero-only),
.elementor-element:has(#mkch-homepage.mkch-ticker-only),
.elementor-section:has(#mkch-homepage.mkch-hero-only),
.elementor-section:has(#mkch-homepage.mkch-ticker-only) {
  overflow: visible !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#mkch-homepage.mkch-elementor-embed.mkch-hero-only .mkch-hero-stack,
#mkch-homepage.mkch-elementor-embed.mkch-hero-only .mkch-hero-slider {
  width: 100%;
  max-width: 100%;
  margin-inline: 0;
}

#mkch-homepage.mkch-elementor-embed.mkch-hero-only .mkch-hero-slider .hero-slider-slide,
#mkch-homepage.mkch-elementor-embed.mkch-hero-only .mkch-hero-slider .hero-slider-slide img,
#mkch-homepage.mkch-elementor-embed.mkch-hero-only .hero-slider-img {
  width: 100% !important;
  max-width: none !important;
  min-width: 100%;
  object-fit: cover !important;
  background-color: var(--dark, #0d0618);
}

#mkch-homepage.mkch-elementor-embed.mkch-ticker-only .ticker-wrap {
  width: 100%;
  max-width: 100%;
}

/* عارض الصور — عرض كامل: التمديد على الغلاف فقط، الإطار 100% بدون 100vw */
#mkch-homepage.mkch-elementor-embed.mkch-elementor-fullwidth.mkch-showcase-only {
  width: 100vw;
  max-width: 100vw;
  margin-inline: calc(50% - 50vw);
  padding: 0;
  overflow: hidden;
  box-sizing: border-box;
}

#mkch-homepage.mkch-elementor-embed.mkch-elementor-fullwidth.mkch-showcase-only .mkch-showcase {
  padding-inline: 0;
  overflow: hidden;
}

#mkch-homepage.mkch-elementor-embed.mkch-elementor-fullwidth.mkch-showcase-only .mkch-showcase-inner {
  max-width: none;
  padding-inline: 0;
}

#mkch-homepage.mkch-elementor-embed.mkch-elementor-fullwidth.mkch-showcase-only .mkch-showcase-stage {
  width: 100%;
  max-width: 100%;
  margin: 0;
  border-radius: 0;
}

#mkch-homepage.mkch-elementor-embed.mkch-elementor-fullwidth.mkch-showcase-only .mkch-showcase-slide,
#mkch-homepage.mkch-elementor-embed.mkch-elementor-fullwidth.mkch-showcase-only .mkch-showcase-image {
  width: 100%;
  max-width: 100%;
  left: 0;
  right: 0;
}

/* ─── Elementor — التصنيفات: منع الاقتصاص من الجوانب ─── */
#mkch-homepage.mkch-elementor-embed.mkch-categories-only {
  overflow-x: visible !important;
}

#mkch-homepage.mkch-elementor-embed.mkch-categories-only .category-pills {
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
  padding-inline: max(20px, env(safe-area-inset-left, 0px)) max(20px, env(safe-area-inset-right, 0px)) !important;
  overflow: visible !important;
}

#mkch-homepage.mkch-elementor-embed.mkch-categories-only .category-pills-inner {
  max-width: 1280px;
  margin: 0 auto;
  width: 100%;
}

#mkch-homepage.mkch-elementor-embed.mkch-categories-only .category-grid,
#mkch-homepage.mkch-elementor-embed.mkch-categories-only .pills-track {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

#mkch-homepage.mkch-elementor-embed.mkch-categories-only .pills-track {
  padding-inline: 8px 12px;
  scroll-padding-inline: 16px;
}

[class*="elementor-widget-mkch_categories"] .elementor-widget-container,
.elementor-element:has(#mkch-homepage.mkch-categories-only),
.elementor-column:has(#mkch-homepage.mkch-categories-only) {
  overflow: visible !important;
}

/* ─── Elementor — عارض الصور ─── */
#mkch-homepage.mkch-elementor-embed.mkch-showcase-only {
  width: 100%;
  max-width: 100%;
}

#mkch-homepage.mkch-elementor-embed.mkch-showcase-only .mkch-showcase,
#mkch-homepage.mkch-elementor-embed.mkch-showcase-only .mkch-showcase-inner {
  width: 100%;
  max-width: 100%;
}

#mkch-homepage.mkch-elementor-embed.mkch-showcase-only .mkch-showcase-stage {
  width: 100%;
  min-height: 180px;
}

[class*="elementor-widget-mkch_showcase"] .elementor-widget-container,
.elementor-element:has(#mkch-homepage.mkch-showcase-only),
.elementor-column:has(#mkch-homepage.mkch-showcase-only) {
  overflow: visible !important;
}

/* ─── Elementor — جوال: العروض والمدونة ─── */
@media (max-width: 768px) {
  #mkch-homepage.mkch-elementor-embed.mkch-offers-only .offers-mosaic,
  #mkch-homepage.mkch-elementor-embed.mkch-blog-only .magazine-blog,
  #mkch-homepage.mkch-elementor-embed .offers-mosaic,
  #mkch-homepage.mkch-elementor-embed .magazine-blog {
    padding-inline: max(16px, env(safe-area-inset-left, 0px)) max(16px, env(safe-area-inset-right, 0px)) !important;
  }

  #mkch-homepage.mkch-elementor-embed .mosaic-grid {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
    gap: 12px !important;
  }

  #mkch-homepage.mkch-elementor-embed .mosaic-item {
    min-height: 200px;
    aspect-ratio: 16 / 10;
  }

  #mkch-homepage.mkch-elementor-embed .mosaic-item:first-child {
    grid-column: span 1 !important;
    grid-row: span 1 !important;
    min-height: 240px;
  }

  #mkch-homepage.mkch-elementor-embed .magazine-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  #mkch-homepage.mkch-elementor-embed .magazine-blog .h-scroll-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}

@media (max-width: 480px) {
  #mkch-homepage.mkch-elementor-embed .mosaic-item {
    min-height: 180px;
    aspect-ratio: 4 / 3;
  }

  #mkch-homepage.mkch-elementor-embed .mosaic-item:first-child {
    min-height: 210px;
  }
}

#mkch-homepage.mkch-elementor-embed.mkch-hero-only .hero-bento {
  min-height: auto;
}

body #mkch-homepage .tile-actions .mkch-view-cart {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body #mkch-homepage .tile-actions.is-in-cart .mkch-add-cart {
  display: none !important;
  visibility: hidden !important;
}

body #mkch-homepage .tile-actions.is-in-cart .mkch-view-cart {
  display: block !important;
  visibility: visible !important;
  pointer-events: auto !important;
  opacity: 1 !important;
}

.mkch-embed-notice {
  margin: 0;
  padding: 16px 20px;
  border: 1px dashed rgba(51, 25, 97, 0.35);
  border-radius: 12px;
  background: #f6f7f7;
  color: #50575e;
  font-size: 14px;
  text-align: center;
}