/* Curtains Kenya: blue, orange and neutral brand palette. */
:root { --ck-orange: #ff8c0a; --ck-orange-dark: #a34800; --ck-orange-light: #fff0df; }
body .ck-button, main button.bg-ck-dark[type=submit], main button.bg-ck-blue[type=submit] { background-color: var(--ck-orange); color: var(--ck-dark); border-color: var(--ck-orange); font-weight: 600; }
body .ck-button:hover, main button.bg-ck-dark[type=submit]:hover, main button.bg-ck-blue[type=submit]:hover { background-color: #f57b00; color: var(--ck-dark); opacity: 1; }
body .ck-button:focus-visible, body .ck-button-outline:focus-visible { outline: 3px solid var(--ck-blue); outline-offset: 3px; }
body .ck-button-outline { border-color: var(--ck-orange); }
body .ck-button-outline:hover { background-color: var(--ck-orange); color: var(--ck-dark); border-color: var(--ck-orange); }
body .ck-nav-link::after { background-color: var(--ck-orange); height: 2px; }
body .ck-nav-link[aria-current=page], body .ck-nav-link.is-active { box-shadow: 0 3px 0 var(--ck-orange); }
body .ck-eyebrow { color: var(--ck-orange-dark); }
body .ck-footer-heading { color: var(--ck-orange); }
footer .ck-footer-list a:hover { color: var(--ck-orange); }

body .ck-hero .ck-eyebrow { color: #ffd1a1; }

/* Shopping accents */
.ck-product-badge { background: var(--ck-orange); color: var(--ck-dark); font-weight: 600; }
.ck-featured-badge { position: absolute; top: .5rem; left: .5rem; padding: .3rem .55rem; font-size: .65rem; text-transform: uppercase; letter-spacing: .08em; }
.ck-sale-price { color: var(--ck-orange-dark); font-weight: 600; }
body .ck-shopping-action { background: var(--ck-orange); border-color: var(--ck-orange); color: var(--ck-dark); font-weight: 600; }
body .ck-shopping-action:hover { background: #f57b00; color: var(--ck-dark); border-color: #f57b00; }
body .ck-shopping-action:focus-visible { outline: 3px solid var(--ck-blue); outline-offset: 3px; }
.shop-category-sidebar a.ck-filter-active { background: var(--ck-orange-light); color: var(--ck-dark); border-left: 3px solid var(--ck-orange); padding: .4rem .5rem; border-radius: .2rem; }
body select.ck-filter-active, body input.ck-filter-active { border-color: var(--ck-orange); background-color: var(--ck-orange-light); color: var(--ck-dark); }
[data-shop-filters] :is(input,select):focus { outline: 2px solid var(--ck-orange); outline-offset: 2px; }

/* Orange brand visibility */
body > header { border-bottom: 3px solid var(--ck-orange); }
#services .ck-service-card { border: 1px solid #ffd3a1; }
.ck-service-icon { display: inline-flex; align-items: center; justify-content: center; width: 2.25rem; height: 2.25rem; margin-bottom: .75rem; border-radius: 50%; background: var(--ck-orange); color: var(--ck-dark); }
.ck-service-icon svg { width: 1.1rem; height: 1.1rem; }
#services .ck-service-link { border-color: var(--ck-orange); }
.ck-consultation-panel { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1.5rem; margin-top: 2.5rem; padding: clamp(1.5rem,4vw,2.5rem); border-left: 4px solid var(--ck-orange); border-radius: .75rem; background: var(--ck-orange-light); color: var(--ck-dark); }
.ck-consultation-panel h3 { margin-bottom: .65rem; font-size: clamp(1.6rem,3vw,2.2rem); line-height: 1.2; }
.ck-consultation-panel p { max-width: 40rem; font-size: .95rem; line-height: 1.7; }
.ck-consultation-panel .ck-button { flex-shrink: 0; }

/* Structured navigation and shop links */
header nav[aria-label="Main navigation"] { gap: .2rem; }
header .ck-nav-link { display:inline-flex; align-items:center; justify-content:center; padding:.7rem .65rem; border-radius:.55rem; border:1px solid transparent; color:#17356f; font-size:.65rem; letter-spacing:.08em; line-height:1.2; white-space:nowrap; transition:background .18s,color .18s,border-color .18s; }
header .ck-nav-link::after { display:none; }
header .ck-nav-link:hover, header .ck-nav-link[aria-expanded="true"], header .ck-nav-link.is-active, header .ck-nav-link[aria-current] { background:#fff0df; border-color:#ffbc70; color:#17356f; box-shadow:none; }
header .ck-shop-link { padding:.65rem .8rem; border-radius:.55rem; border:1px solid #ff8c0a; color:#17356f; background:#fff0df; }
header .ck-shop-link:hover, header .ck-shop-link[aria-current="page"] { background:#ff8c0a; color:#17356f; }
header .ck-nav-link:focus-visible, header .ck-shop-link:focus-visible, .ck-menu-panel a:focus-visible, .shop-category-sidebar a:focus-visible { outline:2px solid #2b60de; outline-offset:3px; }
header .ck-menu-panel { margin-top:0; padding:.5rem; border:1px solid #ffd3a1; border-top:3px solid #ff8c0a; border-radius:.75rem; box-shadow:0 12px 28px #17356f18; }
header .ck-menu-panel a { border-radius:.4rem; color:#17356f; transition:background .18s; }
header .ck-menu-panel a:hover { background:#fff0df; }
#mobile-navigation a:hover, #mobile-navigation button:hover { background:#fff0df; color:#17356f; }
.shop-category-sidebar { border-radius:.8rem; border-color:#ffd3a1; }
.shop-category-sidebar > div.space-y-4 { margin-top:.65rem; }
.shop-category-sidebar [data-shop-category-group] + [data-shop-category-group] { margin-top:.3rem; }
.shop-category-sidebar > a, .shop-category-sidebar [data-shop-category-group] > a, .shop-category-sidebar [data-shop-subcategory-dropdown] a { border:1px solid transparent; border-radius:.45rem; padding:.55rem .6rem; line-height:1.45; transition:background .18s,color .18s; }
.shop-category-sidebar a:hover { background:#fff0df; color:#17356f; }
.shop-category-sidebar a.ck-filter-active { background:#fff0df; border-color:#ffd3a1; border-left:3px solid #ff8c0a; color:#17356f; }
.shop-category-sidebar [data-shop-subcategory-dropdown] { border-color:#ffbc70; padding-left:.45rem; }
.shop-product-title a:hover { color:#a34800; text-decoration:underline; text-underline-offset:4px; }
@media(max-width:639px) { .shop-category-sidebar > a, .shop-category-sidebar [data-shop-category-group] > a, .shop-category-sidebar [data-shop-subcategory-dropdown] a { padding:.45rem .25rem; font-size:.7rem; } }

/* Blue active tabs and readable category hierarchy */
header .ck-nav-link[aria-current], header .ck-nav-link.is-active, header .ck-nav-link[aria-expanded="true"], header .ck-shop-link[aria-current="page"] { background:#405cdd; color:white; border-color:transparent; box-shadow:0 5px 0 #ff8c0a; }
.ck-category-level-0 { font-weight:700; color:#17356f; background:#edf3ff; border-left:3px solid #ff8c0a; margin-top:.5rem; }
.ck-category-level-1 { font-weight:600; color:#17356f; }
.ck-category-level-2 { font-weight:400; color:#52617b; border-left:1px solid #ffd3a1; }
.ck-menu-panel .ck-category-level-0:hover { background:#fff0df; }
