/* Local refinements: keep the original yellow, purple and coral decoration. */
.landing-kindergarten {
    --readable-coral: #a63124;
    --readable-ink: #1b3a4e;
}

.portfolio-sec .heading,
.portfolio-sec .portfolio-foot-detail .p-num,
.day-head .sub-heading,
.day-icon {
    color: var(--readable-coral);
}
.portfolio-sec .cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active {
    color: var(--readable-coral);
    border-bottom-color: var(--readable-coral);
}
.contact-sec .contact-details .country {
    color: var(--readable-ink);
    font-weight: 600;
}
.btn.btn-pink,
.pink-and-purple-btn {
    color: #fff;
    background-color: var(--readable-coral);
    border-color: var(--readable-coral);
}
.btn.btn-pink:hover,
.btn.btn-pink:focus-visible,
.pink-and-purple-btn:hover,
.pink-and-purple-btn:focus-visible {
    color: #fff !important;
    background-color: #58438e !important;
    border-color: #58438e;
}
.day-head p,
.day-card p,
.pack-box .pack-sub {
    color: #4c5665;
    font-weight: 400;
}
.pack-item input:checked ~ .pack-text { color: #625773; }
.contact-form .collection-form-note { color: #1b3a4e; font-weight: 400; }
.contact-form .form-control::placeholder { color: #505865 !important; opacity: 1 !important; }

/* Captions sit at the bottom; leave the upper photo visible on hover. */
.portfolio-sec .cbp-l-grid-mosaic .cbp-caption-activeWrap {
    background: linear-gradient(to top, rgba(22, 34, 43, .92), rgba(22, 34, 43, .45) 35%, transparent 75%);
}
.portfolio-sec .portfolio-hover-effect .hover-text { padding: 18px; }

/* The collection bar is fixed at 48px: the site's navigation belongs below it. */
.landing-kindergarten header,
.landing-kindergarten header.header-appear { top: 48px; }
.landing-kindergarten header.header-appear,
.landing-kindergarten header.header-appear .inner-header { background-color: #fffaf0; }
.header-appear .main-navigation nav .navbar-nav .nav-link,
.header-appear .navbar-social a { color: #1b3a4e; }
.header-appear .sidemenu_btn span { background-color: #1b3a4e; }
.landing-kindergarten .menu-line { color: #1b3a4e; }
.landing-kindergarten section[id] { scroll-margin-top: 140px; }
.landing-kindergarten a:focus-visible,
.landing-kindergarten button:focus-visible { outline: 3px solid #1b3a4e; outline-offset: 4px; }

/* Restore keyboard access to the existing checkbox interaction. */
.pack-item { position: relative; }
.pack-item input {
    display: block;
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}
.pack-item:has(input:focus-visible) { outline: 3px solid #6a54a9; outline-offset: 3px; }
.pack-item .tick { border-color: #81728e; }
.day-slot .dot { border-color: #81728e; }

.portfolio-foot-detail .btn { min-width: 0; max-width: 100%; white-space: normal; }
@media (max-width: 991px) {
    .landing-kindergarten header .inner-header { background-color: #fffaf0; }
    .portfolio-foot-detail { row-gap: 22px; }
    .portfolio-foot-detail > div { flex: 0 0 100%; max-width: 100%; }
    .portfolio-foot-detail > div:last-child { justify-content: flex-start !important; padding-left: 24px; }
    .portfolio-foot-detail .btn { padding: 13px 26px; }
}