/* Full-width shop header. All links and navigation are rendered without JavaScript. */
.akkumdar-site-header {
	--akk-header-gutter: clamp(16px, 2.5vw, 40px);
	background: var(--wp--custom--chrome--background, #2c3333);
	color: #f3f7f5;
}
.akk-layout-header { padding: 16px var(--akk-header-gutter) 0; }
.akk-layout-top { display: flex; align-items: center; gap: clamp(20px, 3vw, 48px); }
.akk-layout-logo { display: block; flex: 0 0 156px; }
.akk-layout-logo img { display: block; width: 156px; height: auto; }
.akk-layout-brand { flex: 0 1 245px; min-width: 0; }
.akk-layout-name, .akk-layout-name:visited { color: #f3f7f5; font-size: clamp(1.4rem, 2.3vw, 2rem); font-weight: 800; letter-spacing: .04em; text-decoration: none; }
.akk-layout-name-accent { color: #b0c0f8; }
.akk-layout-brand p { max-width: 32em; margin: 4px 0 0; color: #d7e5e0; font-size: .9rem; line-height: 1.5; }
.akk-layout-contacts { display: flex; flex: 0 1 auto; align-items: center; justify-content: flex-end; gap: clamp(20px, 3vw, 48px); font-size: .95rem; }
.akk-layout-contacts a, .akk-layout-contacts a:visited { color: #f3f7f5; text-underline-offset: .2em; }
.akk-layout-phone { display: flex; flex-direction: column; white-space: nowrap; }
.akk-layout-phone a { font-size: 1.1rem; font-weight: 750; text-decoration: none; }
.akk-layout-phone span { color: #d7e5e0; font-size: .85rem; }
.akk-layout-address { max-width: 17em; }
.akk-smart-search { position: relative; z-index: 20; flex: 1 1 320px; min-width: 220px; max-width: 520px; }
.akk-smart-search__form { margin: 0; }
.akk-smart-search__input { box-sizing: border-box; width: 100%; min-height: 46px; margin: 0; padding: 10px 15px; border: 1px solid #b8c8c2; border-radius: 9px; outline: 0; background: #fff; color: #172332; font: inherit; font-size: 1rem; }
.akk-smart-search__input::placeholder { color: #64748b; opacity: 1; }
.akk-smart-search__input:focus { border-color: #b0c0f8; box-shadow: 0 0 0 3px rgba(176,192,248,.25); }
.akk-smart-search__results { position: absolute; top: calc(100% + 7px); right: 0; left: 0; z-index: 100; max-height: min(65vh, 560px); overflow-y: auto; border: 1px solid #d2dceb; border-radius: 10px; background: #fff; color: #172332; box-shadow: 0 14px 34px rgba(9,20,34,.25); }
.akk-smart-search__results[hidden] { display: none; }
.akk-smart-search__group + .akk-smart-search__group { border-top: 1px solid #e5eaf1; }
.akk-smart-search__group h3 { margin: 0; padding: 10px 14px 6px; color: #64748b; font-size: .75rem; font-weight: 750; letter-spacing: .05em; text-transform: uppercase; }
.akk-smart-search__result, .akk-smart-search__result:visited { display: flex; min-height: 46px; padding: 9px 14px; flex-direction: column; justify-content: center; color: #172332; text-decoration: none; }
.akk-smart-search__result:hover, .akk-smart-search__result:focus, .akk-smart-search__result.is-active { outline: 0; background: #eef2ff; color: #172332; }
.akk-smart-search__title { font-size: .9rem; font-weight: 700; line-height: 1.3; }
.akk-smart-search__meta { margin-top: 2px; color: #64748b; font-size: .76rem; line-height: 1.3; }
.akk-smart-search__message { margin: 0; padding: 14px; color: #64748b; font-size: .88rem; }
.akk-layout-header .aks-navigation { max-width: none; width: 100%; margin: 12px 0 0; border-top: 1px solid #ffffff26; }
.akk-layout-header .aks-navigation ul { width: 100%; margin: 8px 0; padding: 0; justify-content: stretch; gap: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.18); border-radius: 8px; background: rgba(255,255,255,.035); }
.akk-layout-header .aks-navigation li { flex: 1 1 auto; margin: 0; }
.akk-layout-header .aks-navigation li + li { border-left: 1px solid rgba(255,255,255,.18); }
.akk-layout-header .aks-navigation a,
.akk-layout-header .aks-navigation a:visited { display: flex; align-items: center; justify-content: center; min-height: 42px; padding: 7px 13px; border: 0; border-radius: 0; background: transparent; color: #f3f7f5; text-decoration: none; transition: color .16s ease, background-color .16s ease, transform .08s ease; }
.akk-layout-header .aks-navigation a:hover,
.akk-layout-header .aks-navigation a:focus-visible { outline: 0; background: #b0c0f8; color: #172332; }
.akk-layout-header .aks-navigation a:active { background: #d94e4e; color: #fff; transform: translateY(1px); }
.akk-layout-header .aks-navigation .current-menu-item > a,
.akk-layout-header .aks-navigation .current_page_item > a,
.akk-layout-header .aks-navigation a[aria-current="page"] { background: #d94e4e; color: #fff; }
.akk-layout-header .aks-navigation .current-menu-item > a:hover,
.akk-layout-header .aks-navigation .current_page_item > a:hover,
.akk-layout-header .aks-navigation a[aria-current="page"]:hover { background: #b0c0f8; color: #172332; }

/* The page pattern includes two decorative spacers even without a featured image. */
.wp-theme-blanky.page:not(.aks-fitment-page) #main-content.blanky-main,
.wp-theme-blanky.home #main-content.blanky-main { padding-top: 24px; padding-bottom: 32px; }
.wp-theme-blanky.page .blanky-single-article > .wp-block-spacer,
.wp-theme-blanky.page #main-content > .container > .wp-block-spacer { display: none; }
.wp-theme-blanky.page .blanky-single-article > .blanky-post-content { margin-top: 20px; }
.wp-theme-blanky.page .blanky-single-article > .wp-block-post-featured-image { margin-top: 20px; }
.wp-theme-blanky.page #main-content > .container > .block-inner:empty { display: none; }

/* Reference tables keep their own horizontal scroll on narrow screens. */
.wp-theme-blanky main .akkumdar-reference { max-width: 100%; overflow-x: auto; }
.wp-theme-blanky main .akkumdar-reference table { width: 100%; border-collapse: collapse; }
.wp-theme-blanky main .akkumdar-reference th,
.wp-theme-blanky main .akkumdar-reference td { padding: .5rem .65rem; border: 1px solid #d2dceb; text-align: left; }
.wp-theme-blanky main .akkumdar-reference th { background: #edf2f9; }
.wp-theme-blanky main .akkumdar-reference caption { margin-bottom: .75rem; text-align: left; font-weight: 600; }
.wp-theme-blanky main #sizes table { min-width: 680px; }

/* Keep the home introduction close to the selection form. */
.wp-theme-blanky.home .blanky-hero { padding-block: 0; }
.wp-theme-blanky.home .blanky-hero > .wp-block-site-tagline { margin-top: 8px; font-size: clamp(1.6rem, 3vw, 2.4rem) !important; }
.wp-theme-blanky.home .blanky-hero-divider { display: none; }
.wp-theme-blanky.home .blanky-main > .wp-block-query { margin-top: 24px; padding-block: 0; }
.wp-theme-blanky.home .akkumdar-fitment { margin-block: 0; padding: clamp(20px, 2.5vw, 32px); }
.wp-theme-blanky.home .akkumdar-fitment h2 { font-size: clamp(1.4rem, 2.5vw, 1.9rem); line-height: 1.3; }
.wp-theme-blanky.home .akkumdar-fitment__result:empty { min-height: 0; }
.wp-theme-blanky.home .akkumdar-fitment select { min-width: 0; max-width: 100%; }

/* Keep the footer compact while every link remains a comfortable touch target. */
.wp-theme-blanky .blanky-footer.wp-block-group { padding-block: 10px; }
.wp-theme-blanky .aks-footer-links { padding-block: 0; column-gap: .75rem; }
.wp-theme-blanky .blanky-footer .aks-footer-links a { display: inline-flex; align-items: center; min-height: 32px; padding-inline: 3px; }

/* Cookie choice is placed above page content and remains usable on every screen size. */
.akk-cookie-banner { position: fixed; z-index: 99999; right: max(16px, env(safe-area-inset-right)); bottom: max(16px, env(safe-area-inset-bottom)); left: max(16px, env(safe-area-inset-left)); display: flex; align-items: center; justify-content: space-between; gap: 20px; max-width: 900px; margin: 0 auto; padding: 18px 20px; border: 1px solid #d2dceb; border-radius: 12px; background: #fff; color: #172332; box-shadow: 0 12px 36px rgba(23,35,50,.24); }
.akk-cookie-banner__text { min-width: 0; }
.akk-cookie-banner__text p { margin: 0; font-size: .9rem; line-height: 1.45; }
.akk-cookie-banner__text a { font-size: .86rem; }
.akk-cookie-banner__actions { display: flex; flex: 0 0 auto; gap: 10px; }
.akk-cookie-banner__button { min-height: 42px; padding: 9px 14px; border: 1px solid #c94646; border-radius: 7px; background: #c94646; color: #fff; font: inherit; font-weight: 700; white-space: nowrap; }
.akk-cookie-banner__button:hover { background: #923236; border-color: #923236; }

@media (max-width: 1100px) {
	.akk-layout-contacts { flex-direction: column; align-items: flex-end; gap: 4px; text-align: right; }
}
@media (max-width: 1000px) {
	.akk-layout-header .aks-navigation ul { font-size: .9rem; column-gap: 16px; }
}
@media (max-width: 760px) {
	.akk-layout-top { flex-wrap: wrap; gap: 12px 20px; }
	.akk-layout-brand { flex-basis: calc(100% - 176px); }
	.akk-smart-search { order: 1; flex: 1 1 100%; max-width: none; }
	.akk-layout-contacts { order: 2; flex: 1 1 100%; flex-direction: row; align-items: center; justify-content: space-between; text-align: left; gap: 12px; }
	.akk-layout-address { text-align: right; }
	.akk-layout-header .aks-navigation ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.akk-layout-header .aks-navigation li { border: 0; }
	.akk-layout-header .aks-navigation li:nth-child(even) { border-left: 1px solid rgba(255,255,255,.18); }
	.akk-layout-header .aks-navigation li:nth-child(n+3) { border-top: 1px solid rgba(255,255,255,.18); }
	.akk-layout-header .aks-navigation li:last-child:nth-child(odd) { grid-column: 1 / -1; }
	.akk-layout-header .aks-navigation a { width: 100%; min-height: 42px; text-align: center; }
}
@media (max-width: 600px) {
	.akk-layout-header { padding-top: 12px; }
	.akk-layout-logo { flex-basis: 104px; }
	.akk-layout-logo img { width: 104px; }
	.akk-layout-brand { flex-basis: calc(100% - 124px); }
	.akk-layout-brand p { font-size: .8rem; line-height: 1.4; }
	.akk-layout-contacts { font-size: .82rem; }
	.akk-layout-phone a { font-size: .95rem; }
	.akk-layout-phone span { font-size: .75rem; }
	.akk-layout-header .aks-navigation { margin-top: 8px; }
	.akk-layout-header .aks-navigation ul { column-gap: 16px; font-size: .88rem; }
	.wp-theme-blanky.page:not(.aks-fitment-page) #main-content.blanky-main,
	.wp-theme-blanky.home #main-content.blanky-main { padding-top: 20px; padding-bottom: 24px; }
	.wp-theme-blanky.page .blanky-single-article > .blanky-post-content { margin-top: 16px; }
	.akk-cookie-banner { flex-direction: column; align-items: stretch; gap: 12px; padding: 16px; }
	.akk-cookie-banner__actions { display: grid; grid-template-columns: 1fr; }
	.akk-cookie-banner__button { padding-inline: 8px; font-size: .88rem; }
}
