/* Divine Chi Flow — extras loaded on every page (child theme css/custom.css) */

/* Google Fonts: Lora (headlines) + Karla (body).
   If you prefer, load these via Customizer > Google Fonts instead and delete this import. */
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;1,400&family=Karla:wght@300;400;500;600&display=swap');

/* Horizontal photo strip: put class dcf-scroller on a grid wrapper */
.dcf-scroller {
    display: flex;
    gap: 18px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 12px;
    -webkit-overflow-scrolling: touch;
}
.dcf-scroller > * { flex: 0 0 auto; scroll-snap-align: center; width: clamp(240px, 30vw, 360px); }
.dcf-scroller::-webkit-scrollbar { height: 4px; }
.dcf-scroller::-webkit-scrollbar-thumb { background: #E2D2BE; border-radius: 4px; }

/* Service icon circle */
.dcf-icon {
    width: 54px; height: 54px;
    border-radius: 50%;
    border: 1px solid #E7DACA;
    display: flex; align-items: center; justify-content: center;
    color: #8A6A4E;
}
.dcf-icon svg { width: 26px; height: 26px; stroke-width: 1.1; }

/* Highlighted event CTA in the navbar: add class dcf-nav-cta to the menu item link */
.dcf-nav-cta > a,
a.dcf-nav-cta {
    background: #F2EAE0;
    border: 1px solid #E2D2BE;
    color: #8A6A4E !important;
    border-radius: 500px;
    padding: 9px 18px !important;
    font-size: 13.5px;
    line-height: 1.2;
    align-self: center;
    min-height: 0 !important;
    transition: background .3s ease;
}
.dcf-nav-cta > a:hover, a.dcf-nav-cta:hover { background: #EADFCF; color: #7A5C42 !important; }

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}