/* ============================================================
 *  herenkapperyves — site overlay on top of original Quick theme
 * ============================================================ */

/* Gallery thumbnails — keep equal-size tiles even with responsive <picture> */
#grid .item-img-wrap {
    position: relative;
    overflow: hidden;
    background: #f3f3f3;
}
#grid .item-img-wrap > a {
    display: block;
    position: relative;
    aspect-ratio: 3 / 2;
    overflow: hidden;
}
#grid .item-img-wrap picture,
#grid .item-img-wrap picture img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease;
}
#grid .item-img-wrap:hover picture img {
    transform: scale(1.05);
}
#grid .item-img-overlay {
    position: absolute;
    inset: 0;
    background: rgba(231, 84, 61, 0.0);
    transition: background .25s ease;
}
#grid .item-img-wrap:hover .item-img-overlay {
    background: rgba(231, 84, 61, 0.6);
}

/* Contact form alert/feedback */
.contact-form .alert {
    margin-bottom: 20px;
    padding: 12px 16px;
    border-radius: 4px;
    display: block;
}
.contact-form .alert[hidden] { display: none !important; }
.contact-form .alert-success {
    background: #dff0d8;
    color: #3c763d;
    border: 1px solid #d6e9c6;
}
.contact-form .alert-danger {
    background: #f2dede;
    color: #a94442;
    border: 1px solid #ebccd1;
}

/* Submit button spinner */
#submit-button .loading-icon { margin-right: 6px; }
#submit-button[disabled] { opacity: 0.7; cursor: progress; }

/* Turnstile widget breathing room */
.cf-turnstile { margin: 6px 0 14px; }

/* Footer credit link readability */
#footer span a {
    color: inherit;
    text-decoration: underline;
    text-decoration-style: dotted;
}
#footer span a:hover { text-decoration-style: solid; }

/* Vakantie regeling: keep paragraphs spaced */
#vakantie p.lead + p.lead { margin-top: 10px; }