/* =============================================
   Salon Amie – custom overrides
   ============================================= */

/* Fix: center "Salon Amie" text inside the logo-bg brown area.
   The logo-bg is position:absolute from left:0 with a % width.
   We match that same width with vw units on the logo col so the
   flex row reserves the correct space AND centers the text. */

@media (min-width: 992px) {
    .header-layout1 .logo-col {
        min-width: 18.4vw;
    }
    .header-layout1 .header-logo {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: -50px 0 0 0 !important;
    }
    .header-layout1 .header-logo a {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

/* Match logo-bg breakpoints */
@media (min-width: 992px) and (max-width: 1499px) { .header-layout1 .logo-col { min-width: 20vw; } }
@media (min-width: 992px) and (max-width: 1399px) { .header-layout1 .logo-col { min-width: 22vw; } }
@media (min-width: 992px) and (max-width: 1299px) { .header-layout1 .logo-col { min-width: 24vw; } }
@media (min-width: 992px) and (max-width: 1199px) { .header-layout1 .logo-col { min-width: 30vw; } }
@media (min-width: 992px) and (max-width: 1080px) { .header-layout1 .logo-col { min-width: 26vw; } }

/* Mobile: restore default flow */
@media (max-width: 991px) {
    .header-layout1 .logo-col { min-width: unset; }
    .header-layout1 .header-logo {
        width: auto !important;
        display: block !important;
        margin: -30px 0 0 0 !important;
    }
}

/* Sticky state – logo-bg has different widths when sticky */
.header-layout1 .sticky-wrapper.sticky .logo-col { min-width: 24vw; }
@media (max-width: 1600px) { .header-layout1 .sticky-wrapper.sticky .logo-col { min-width: 20vw; } }
@media (max-width: 1299px) { .header-layout1 .sticky-wrapper.sticky .logo-col { min-width: 22vw; } }
@media (max-width: 1199px) { .header-layout1 .sticky-wrapper.sticky .logo-col { min-width: 28vw; } }
@media (max-width: 991px)  { .header-layout1 .sticky-wrapper.sticky .logo-col { min-width: unset; } }

/* ==============================================
   Preloader fixes
   ============================================== */

/* Stack and center the inner content */
.preloader-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

/* Ensure the brand name is block-level so it stacks above the spinner */
.preloader-inner > span:first-child {
    display: block;
    line-height: 1.2;
}

/* Position Cancel button at top-right corner */
.preloader .preloaderCls {
    position: absolute;
    top: 25px;
    right: 25px;
}