/* ============================================================
   IRONCLAD — style-updated.css  (RECREATED — was missing)
   Fixes: animations, spinner, sticky nav, carousel, WOW.js
   ============================================================ */

/* ── 1. WOW.JS — elements must be visible before animation ── */
/* WOW adds class "animated" when element enters viewport     */
.wow { visibility: visible !important; }

/* ── 2. ANIMATE.CSS v3 keyframe aliases ─────────────────── */
/* The carousel captions use inline animation-delay + these   */
.animated { animation-fill-mode: both; }

/* ── 3. SPINNER ─────────────────────────────────────────── */
#spinner { z-index: 99999; }
#spinner.show { display: flex !important; }
#spinner:not(.show) { display: none !important; }
#spinner .spinner-border {
    color: var(--ic-gold) !important;
    border-color: var(--ic-gold) !important;
    border-right-color: transparent !important;
    width: 3.5rem !important;
    height: 3.5rem !important;
}

/* ── 4. STICKY NAV — always on top, never hidden ─────────── */
.sticky-top { top: 0 !important; position: sticky !important; }
.navbar { transition: box-shadow 0.3s ease; }
.navbar.shadow-sm { box-shadow: 0 4px 18px rgba(0,0,0,0.13) !important; }

/* ── 5. CAROUSEL ─────────────────────────────────────────── */
.carousel-item { transition: transform 0.85s ease-in-out !important; }

.carousel-item img {
    height: 680px !important;
    object-fit: cover;
    object-position: center;
    filter: brightness(0.52);
    display: block;
    width: 100%;
}

.carousel-caption {
    position: absolute !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%);
    left: 12% !important;
    right: 12% !important;
    text-align: center;
    z-index: 10;
    padding: 0 !important;
}

/* Carousel text animation classes — v3 names, no animate__ prefix */
.carousel-caption .animated { animation-fill-mode: both; }
.carousel-caption .fadeInUp  { animation-name: fadeInUp;  animation-duration: 0.9s; }
.carousel-caption .fadeInLeft  { animation-name: fadeInLeft;  animation-duration: 0.9s; }
.carousel-caption .fadeInRight { animation-name: fadeInRight; animation-duration: 0.9s; }

/* ── 6. ABOUT IMAGES ─────────────────────────────────────── */
.about-item-image img.img-1 {
    height: 340px;
    object-fit: cover;
    border-radius: 6px;
}
.about-item-image img.img-2 {
    height: 280px;
    object-fit: cover;
    margin-top: 60px;
    border-radius: 6px;
}

/* ── 7. SERVICE CARD IMAGE HEIGHT ────────────────────────── */
.service-img img {
    height: 260px !important;
    object-fit: cover;
    object-position: center;
    width: 100%;
}

/* ── 8. FEATURE CARDS — equal height ─────────────────────── */
.feature .row { align-items: stretch; }
.feature-item { height: 100%; display: flex; flex-direction: column; }
.feature-item p { flex: 1; }

/* ── 9. BACK-TO-TOP ──────────────────────────────────────── */
.back-to-top {
    display: none;
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    z-index: 9999;
    width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    align-items: center;
    justify-content: center;
    border-radius: 4px !important;
}
.back-to-top.show-btn { display: flex !important; }

/* ── 10. WOW DELAY OVERRIDES ─────────────────────────────── */
[data-wow-delay="0.1s"] { animation-delay: 0.1s !important; }
[data-wow-delay="0.2s"] { animation-delay: 0.2s !important; }
[data-wow-delay="0.3s"] { animation-delay: 0.3s !important; }
[data-wow-delay="0.4s"] { animation-delay: 0.4s !important; }
[data-wow-delay="0.5s"] { animation-delay: 0.5s !important; }
[data-wow-delay="0.6s"] { animation-delay: 0.6s !important; }
[data-wow-delay="0.7s"] { animation-delay: 0.7s !important; }
[data-wow-delay="0.8s"] { animation-delay: 0.8s !important; }
[data-wow-delay="1s"]   { animation-delay: 1s   !important; }
[data-wow-delay="1.2s"] { animation-delay: 1.2s !important; }
[data-wow-delay="1.4s"] { animation-delay: 1.4s !important; }

/* ── 11. RESPONSIVE ──────────────────────────────────────── */
@media (max-width: 991.98px) {
    .carousel-item img { height: 480px !important; }
    .carousel-caption  { left: 6% !important; right: 6% !important; }
}
@media (max-width: 767.98px) {
    .carousel-item img { height: 360px !important; }
    .about-item-image img.img-1,
    .about-item-image img.img-2 { height: 200px; margin-top: 0; }
    .carousel-caption { left: 4% !important; right: 4% !important; }
}
@media (max-width: 575.98px) {
    .carousel-item img { height: 280px !important; }
}


/* ── CONTACT PAGE HEADER — background image with dark overlay ── */
.bg-breadcrumb-contact {
    background-image: linear-gradient(rgba(20,20,20,0.65), rgba(20,20,20,0.65)), url('../img/worker.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}