/* PMW custom CSS file.
   This file is managed from WP Admin: Settings > PMW Custom CSS/JS. */

/* ── Prevent horizontal overflow everywhere ─────────────────── */
html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
}

/* iOS / Mobile Safari scroll bug fix */
body {
    position: relative;
}

/* ── Image zoom ─────────────────────────────────────── */
.img-zoom-wrapper {
    overflow: hidden;
    border-radius: 32px;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}

img.img01,
img.img02,
img.img03,
img.img04 {
    object-fit: cover;
    border-radius: 32px;
    display: block;
    width: 100%;
    height: 100%;
    transform: scale(1);
    transition: transform 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
    will-change: transform;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

/* Desktop — hover */
img.img01:hover,
img.img02:hover,
img.img03:hover,
img.img04:hover {
    transform: scale(1.06);
}

/* Mobile — tap */
img.img01:active,
img.img02:active,
img.img03:active,
img.img04:active {
    transform: scale(1.06);
    transition: transform 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
}

/* ── Header glassmorphism ────────────────────────────── */
.Header {
    transition: background 0.4s ease, backdrop-filter 0.4s ease;
}

.Header.scrolled {
    background: rgba(255, 255, 255, 0.75) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.Service-Image {
    transition: transform 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
    will-change: transform;
    display: block;
    width: 100%;
}

.Procedure-Card:hover .Service-Image {
    transform: scale(1.1);
}

/* ── Procedure Card — button hover ───────────────────── */
.Procedure-Card .Button-Procedure {
    transition: background-color 0.3s ease,
                color 0.3s ease,
                border-color 0.3s ease !important;
}

.Procedure-Card:hover .Button-Procedure,
.Procedure-Card .Button-Procedure:hover {
    background-color: #006686 !important;
    color: #ffffff !important;
    border-color: #006686 !important;
}