/* ═══════════════════════════════════════════
   Elementor Image — Motion أحيانًا يترك elementor-invisible بدون تشغيل viewport observer
   (visibility:hidden من Elementor frontend.css)
   ═══════════════════════════════════════════ */
.elementor-widget-image.elementor-invisible,
.elementor-widget-image.elementor-visibility-hidden {
    visibility: visible !important;
}

/* ═══════════════════════════════════════════
   عمود + خلفية / أوفرلاي Elementor: المحتوى فوق الطبقة الزخرفية
   (نفس منطق المتحف .toto-museum-media والودجتات اللي علّينا z-index فيها)
   ═══════════════════════════════════════════ */
.elementor-column > .elementor-widget-wrap.elementor-element-populated {
    position: relative;
    z-index: 1;
}

.elementor-column > .elementor-widget-wrap > .elementor-background-overlay {
    z-index: 0;
    pointer-events: none;
}

.elementor-widget.elementor-widget-image {
    position: relative;
    z-index: 2;
}

/* ═══════════════════════════════════════════
   صورة Elementor القياسية — نفس إصلاح .toto-cat-icon img في categories-grid.css
   (طبقة/فريم أو blend للخلفية كانت تخفي الصورة بصريًا)
   ═══════════════════════════════════════════ */
.elementor-widget-image img {
    display: block !important;
    width: 100%;
    max-width: 100%;
    height: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    mix-blend-mode: normal !important;
    position: relative;
    z-index: 1;
}

.elementor-widget-image a img {
    mix-blend-mode: normal !important;
}

/* ═══════════════════════════════════════════
   Elementor Icon Box — وصف أسود + روابط واضحة
   ملاحظة: رابط Elementor الأصلي على الأيقونة/العنوان فقط؛
   النقر على الوصف يُكمَّل عبر toto-elementor-icon-box.js
   ═══════════════════════════════════════════ */

/* مؤشر يد عند وجود رابط على الصندوق (أيقونة أو عنوان) */
.elementor-widget-icon-box:has(.elementor-icon-box-icon a[href]) .elementor-icon-box-description,
.elementor-widget-icon-box:has(.elementor-icon-box-title a[href]) .elementor-icon-box-description {
    cursor: pointer;
}

.elementor-widget-icon-box .elementor-icon-box-description,
.elementor-widget-icon-box .elementor-icon-box-description p {
    color: #0a0a0a !important;
}

/* لما الـ wrapper يكون <a> (رابط الويدجت من Elementor) — منع لون الرابط الافتراضي على النص */
.elementor-widget-icon-box a.elementor-icon-box-wrapper,
.elementor-widget-icon-box a.elementor-icon-box-wrapper:link,
.elementor-widget-icon-box a.elementor-icon-box-wrapper:visited {
    color: inherit;
    text-decoration: none;
}

.elementor-widget-icon-box a.elementor-icon-box-wrapper .elementor-icon-box-description,
.elementor-widget-icon-box a.elementor-icon-box-wrapper .elementor-icon-box-description p {
    color: #0a0a0a !important;
}

/* رابط صريح داخل الوصف */
.elementor-widget-icon-box .elementor-icon-box-description a {
    color: #0a0a0a !important;
    text-decoration: underline;
    text-underline-offset: 2px;
    cursor: pointer;
}

.elementor-widget-icon-box .elementor-icon-box-description a:hover,
.elementor-widget-icon-box .elementor-icon-box-description a:focus {
    color: #000 !important;
    opacity: 0.92;
}
