/*
Theme Name:   AboutMyHotel
Theme URI:    https://www.aboutmyhotel.com
Description:  AboutMyHotel child theme based on Blocksy
Author:       AboutMyHotel
Template:     blocksy
Version:      1.5.2
Text Domain:  blocksy-amh
*/
/* Hero + scroll-fade animations moved to animations.css (frontend-only, see functions.php). */

/* ============================================================
   Logo bar — Splide.js carousel (block 2 homepage)
   ============================================================ */
.amh-logo-bar-section {
    padding: 20px 0;
}

.amh-logo-bar-section .splide__slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

.amh-logo-bar-section .splide__slide img {
    height: 80px;
    width: auto;
    object-fit: contain;
    filter: grayscale(100%);
    opacity: 1;
    transition: filter 0.3s ease, opacity 0.3s ease;
}

.amh-logo-bar-section .splide__slide img:hover {
    filter: grayscale(0%);
    opacity: 1;
}

.amh-logo-bar-section .splide__arrow {
    background: transparent;
    border: 2px solid #fff;
    border-radius: 50%;
    width: 36px;
    height: 36px;
}

.amh-logo-bar-section .splide__arrow--prev { left: 0; }
.amh-logo-bar-section .splide__arrow--next { right: 0; }

.amh-logo-bar-section .splide__arrow svg {
    fill: #fff;
    width: 14px;
    height: 14px;
}

.amh-logo-bar-section .splide__arrow:hover {
    background: #fff;
}

.amh-logo-bar-section .splide__arrow:hover svg {
    fill: #1ba3dd;
}

@media (max-width: 640px) {
    .amh-logo-bar-section .splide__slide img {
        height: 72px;
    }
    .amh-logo-bar-section .splide__arrows {
        display: none;
    }
}

/* Remove the block's inline left/right padding on mobile (constrained groups
   already get the theme content padding, so the extra 1.5em is redundant). */
@media (max-width: 690px) {
    .amh-no-mobile-xpad {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* ── Utility classes ── */
.amh-no-margin-bottom { margin-bottom: 0 !important; }
.amh-no-margin-top    { margin-top:    0 !important; }
.amh-no-padding-bottom { padding-bottom: 0 !important; }
.amh-no-padding-top    { padding-top:    0 !important; }

/* Footer ct-widget spacing — propagate utility classes up to the wrapper */
.ct-footer .ct-widget:not(:first-child):has(> .amh-no-margin-top) { margin-top: 0 !important; }
.ct-footer .ct-widget:has(> .amh-no-margin-bottom) + .ct-widget { margin-top: 0 !important; }
.amh-margin-bottom-10 { margin-bottom: 10px !important; }
.amh-margin-top-10    { margin-top:    10px !important; }
.ct-footer .ct-widget:not(:first-child):has(> .amh-margin-top-10) { margin-top: 10px !important; }
.ct-footer .ct-widget:has(> .amh-margin-bottom-10) + .ct-widget   { margin-top: 10px !important; }
.ct-footer .ct-widget:has(> .amh-no-margin-top) p,
.ct-footer .ct-widget:has(> .amh-margin-top-10) p { margin-block-start: 0; }


/* ── FAQ accordion — question h4 color ── */
.stk-block-accordion .stk-block-heading__text {
    color: var(--theme-palette-color-3);
}
/* ── Badge inline ── */
.amh-badge {
    display: table;
    color: #fff;
    font-size: 16px;
    padding: 0 8px;
    background-color: #1ba3dd;
    border-radius: 0;
    margin-block-end: 5px !important;
}
.has-text-align-center.amh-badge { margin-left: auto; margin-right: auto; }
.has-text-align-right.amh-badge  { margin-left: auto; margin-right: 0; }

/* Remove bottom content spacing on pages */
body.page [data-vertical-spacing*=bottom] { padding-bottom: 0 !important; }

/* Footer middle row bottom spacing */
[data-footer*="type-1"] .ct-footer [data-row*="middle"] > div { padding-bottom: 35px; }

/* ── Free Trial form (CF7) ── */
.amh-trial-form { max-width: 760px; margin: 0 auto; }
.amh-trial-form .amh-form-section { margin: 1.75rem 0 .75rem; font-size: 1.15rem; color: var(--theme-palette-color-2); }
.amh-trial-form .amh-form-section:first-child { margin-top: 0; }
.amh-trial-form p { margin: 0 0 1rem; }
.amh-trial-form label { display: block; font-weight: 600; font-size: .9rem; }
.amh-trial-form input[type="text"],
.amh-trial-form input[type="email"],
.amh-trial-form input[type="url"],
.amh-trial-form select { width: 100%; padding: 6px 12px; margin-top: 4px; border: 1px solid #d4d9dd; background: #fff; font-size: 1rem; font-weight: 400; }
.amh-trial-form input:focus,
.amh-trial-form select:focus { outline: none; border-color: var(--theme-palette-color-1); }
.amh-trial-form .amh-row { display: flex; flex-wrap: wrap; }
.amh-trial-form .amh-row > label { flex: 1 1 0; min-width: 0; margin: 0 1rem 0 0; }
.amh-trial-form .amh-row > label:last-child { margin-right: 0; }
.amh-trial-form .amh-accept label { display: inline; font-weight: 400; }
.amh-trial-form .wpcf7-submit { background: var(--theme-palette-color-1); color: #fff; border: 0; padding: 14px 32px; font-weight: 700; font-size: 1rem; cursor: pointer; transition: background .15s ease; }
.amh-trial-form .wpcf7-submit:hover { background: var(--theme-palette-color-2); }
@media (max-width: 600px) { .amh-trial-form .amh-row { flex-direction: column; } .amh-trial-form .amh-row > label { margin-right: 0; } }
/* Free Trial: CF7 response message as wide as the form */
.amh-trial-form ~ .wpcf7-response-output { max-width: 760px; margin-left: auto !important; margin-right: auto !important; }