/* Premium polish layer — loaded after styles.css, only refines visuals, keeps all content/structure the same */

* { -webkit-font-smoothing: antialiased; }

a, button, .btn, .quotebtn { transition: all .25s ease; }

/* Buttons get a touch more depth and a subtle lift on hover */
.btn, .quotebtn, button[type="submit"], input[type="submit"] {
    border-radius: 6px !important;
    box-shadow: 0 2px 10px rgba(0,0,0,.12);
}
.btn:hover, .quotebtn:hover, button[type="submit"]:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0,0,0,.18);
}

/* Cards / boxes throughout the site get softer, more premium shadows */
.card, .service-box, .icon-container, .review, [class*="box"] {
    transition: transform .25s ease, box-shadow .25s ease;
}

/* Images get a refined rounded corner + subtle shadow where not already styled full-bleed */
img { image-rendering: -webkit-optimize-contrast; }

/* Nav links get a nicer underline hover effect */
nav a:not(.quotebtn) {
    position: relative;
}
nav a:not(.quotebtn)::after {
    content: '';
    position: absolute;
    left: 0; bottom: -4px;
    width: 0; height: 2px;
    background: #FFCB0F;
    transition: width .25s ease;
}
nav a:not(.quotebtn):hover::after { width: 100%; }

/* Smooth scroll for anchor links */
html { scroll-behavior: smooth; }

/* Floating WhatsApp button */
.wa-float {
    position: fixed;
    bottom: 24px;
    right: 24px;
    width: 58px;
    height: 58px;
    background: #25D366;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 20px rgba(0,0,0,.25);
    z-index: 9999;
    transition: transform .25s ease, box-shadow .25s ease;
}
.wa-float:hover {
    transform: scale(1.08);
    box-shadow: 0 10px 28px rgba(0,0,0,.3);
}
.wa-float svg { width: 30px; height: 30px; }

.wa-tooltip {
    position: fixed;
    bottom: 40px;
    right: 92px;
    background: #1A1C27;
    color: #fff;
    padding: 8px 14px;
    border-radius: 6px;
    font-size: 13px;
    white-space: nowrap;
    z-index: 9999;
    opacity: 0;
    pointer-events: none;
    transition: opacity .25s ease;
}
.wa-float:hover + .wa-tooltip,
.wa-float:focus + .wa-tooltip { opacity: 1; }

@media (max-width: 600px) {
    .wa-float { width: 52px; height: 52px; bottom: 16px; right: 16px; }
    .wa-tooltip { display: none; }
}