/* ==========================================================================
   Service details page — gallery lightbox + misc styles
   Loaded only on website.pages.service
   ========================================================================== */

.mw-gallery-thumb { position: relative; }
.mw-gallery-thumb a { display: block; position: relative; }
.mw-gallery-thumb a img { cursor: zoom-in; transition: transform .35s ease; }
.mw-gallery-thumb:hover a img { transform: scale(1.05); }
.mw-gallery-thumb a::after {
    content: '';
    position: absolute; inset: 0;
    background: rgba(15, 23, 42, .35);
    opacity: 0; transition: opacity .3s ease;
}
.mw-gallery-thumb:hover a::after { opacity: 1; }
.mw-gallery-thumb a::before {
    content: '';
    position: absolute;
    top: 12px;
    inset-inline-end: 12px;
    width: 40px; height: 40px;
    background: rgba(255, 255, 255, .95);
    -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b1120' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") center / 18px 18px no-repeat;
    mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b1120' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") center / 18px 18px no-repeat;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .35));
    z-index: 1;
    opacity: 1;
}
.mw-gallery-thumb:hover a::before { transform: scale(1.08); }

/* Phone number in RTL: force it to render left-to-right as a single block */
.mw-phone-ltr {
    display: inline-block;
    direction: ltr;
    unicode-bidi: isolate;
}