/* Custom UX tweaks (loaded site-wide).
   Buttons/links without an href default to the arrow cursor — force the
   hand/pointer so every clickable CTA feels clickable. */
.btn,
[class*="float-btn"],
.light-modal-close-btn,
.close-box,
.light-modal-close-icon,
#openaboutmodal,
#opencovermodal,
#openvikimodal,
#submitButton,
.gallery-filter,
.scroll-link,
.custom-scroll-link,
.to-top,
button,
[role="button"] {
    cursor: pointer !important;
}

/* About-page name label ("SHIROZ.") — softer, semi-transparent so it's less distracting. */
.collage-image-title {
    background: rgba(45, 45, 50, 0.5) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

/* Read-More modal footer: breathing room between the CTA text and the buttons. */
.light-modal-footer-text {
    margin-right: 22px;
}
.light-modal-footer .light-modal-close-btn {
    margin-left: 10px;
}

/* Service card descriptions — ensure normal body font (was an invalid <p><div> that rendered as serif). */
.serv-wrap .serv-text,
.serv-text {
    font-family: 'Poppins', sans-serif;
    font-style: normal;
}

/* Section ordering — .content becomes a flex column so each section's inline
   `order` (from page_sections.sort_order in the DB) controls its position. */
.page .content {
    display: flex;
    flex-direction: column;
}
.page .content > section {
    width: 100%;
}

/* Center the visitor "See More" modal vertically (override template's padding-top:100px). */
#visitormodal {
    padding-top: 0 !important;
    overflow: hidden !important;
}
#visitormodal .light-modal-content {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 84%;
    max-height: 82vh;
    overflow-y: auto;
    margin: 0 !important;
}