/* Blick theme — the few rules theme.json cannot express. Tokens: docs/brand-tokens.md. */

/* Header on a strip of the hero photo */
.blick-header.wp-block-cover { min-height: 112px; }
/* Cover clips its overflow; the dropdown menu must escape it and sit above the page */
.blick-header.wp-block-cover, .blick-hero.wp-block-cover { overflow: visible; }
.blick-header .wp-block-cover__inner-container,
.blick-hero .wp-block-cover__inner-container { width: 100%; }
.blick-bar { padding: 28px 0; }
.blick-logo img { height: 56px; width: auto; display: block; }
.blick-bar .wp-block-navigation { --wp--style--block-gap: 2rem; }
.blick-bar .wp-block-navigation a:where(:not(.wp-element-button)) { color: #fff; }
.blick-bar .wp-block-search { margin: 0; }
.blick-bar .wp-block-search__button { background: transparent; border: 0; color: #fff; padding: 0; margin: 0; line-height: 0; }
.blick-bar .wp-block-search__button svg { fill: currentColor; width: 30px; height: 30px; }
.blick-bar .wp-block-search__inside-wrapper { border: 0; align-items: center; gap: 0.5rem; }
.blick-bar .wp-block-search:not(.wp-block-search__searchfield-hidden) .wp-block-search__input { width: 340px; background: #fff; color: var(--wp--preset--color--ink); border: 0; border-radius: 4px; padding: 0.5rem 0.75rem; font-size: 0.9375rem; }
.blick-bar .wc-block-mini-cart__button { color: #fff; padding: 0; height: 30px; display: flex; align-items: center; }
.blick-bar .wc-block-mini-cart__quantity-badge { position: static; display: flex; align-items: center; height: 30px; margin: 0; }
.blick-bar .wc-block-mini-cart__icon { width: 30px; height: 30px; margin: 0; position: static; }
.blick-bar .wc-block-mini-cart__badge { position: absolute; top: -6px; right: -8px; }
.blick-bar .wp-block-search__button { height: 30px; display: flex; align-items: center; }
/* Dropdown: white on the photo strip (the phone overlay keeps the blue) */
.blick-bar .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container { background: #fff !important; color: var(--wp--preset--color--blue) !important; border: 0; border-radius: 4px; box-shadow: 0 12px 32px rgba(0,31,68,0.18); padding: 6px 0; min-width: 240px; }
.blick-bar .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container a:where(:not(.wp-element-button)) { color: var(--wp--preset--color--blue); padding: 0.5rem 1rem; }
.blick-bar .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container a:hover { background: var(--wp--preset--color--bg-soft); }
.blick-bar .wc-block-mini-cart__button:hover { opacity: 0.85; }
.blick-bar > .wp-block-group:last-child { gap: 1.25rem; align-items: center; }

/* Hero on the home page */
.blick-hero.wp-block-cover { min-height: 680px; align-items: flex-start; }
.blick-hero__text { max-width: 640px; padding-top: 40px; }
.blick-hero__text h1 { font-weight: 300; }
.blick-hero .wp-block-button.is-style-outline .wp-block-button__link,
.blick-hero .wp-block-button__link.is-style-outline { border: 2px solid #fff; color: #fff; background: transparent; }

/* Advantages card overlapping the hero */
.blick-advantages { margin-top: -64px !important; position: relative; z-index: 1; background: #fff; border-radius: 8px; box-shadow: var(--wp--preset--shadow--card); padding: 40px 32px 36px; }
.blick-icon { width: 88px; height: 88px; margin: 0 auto; border-radius: 50%; background: var(--wp--preset--gradient--icon); display: flex; align-items: center; justify-content: center; }
.blick-icon svg { width: 80px; height: 80px; display: block; }
.blick-advantages h3 { color: var(--wp--preset--color--ink); font-size: 1.0625rem; margin: 0; padding-top: 14px; }
.blick-advantages p { color: var(--wp--preset--color--gray-text); font-size: 0.875rem; margin: 0; max-width: 260px; margin-inline: auto; }

/* Product cards (Product Collection) */
.blick-cards .wc-block-product-template__product,
.blick-cards .wc-block-product { border: 1px solid var(--wp--preset--color--line); border-radius: 6px; padding: 16px; display: flex; flex-direction: column; gap: 10px; }
.blick-cards .wc-block-components-product-image,
.blick-cards .wp-block-woocommerce-product-image { margin: 0; background: var(--wp--preset--color--bg-pattern); }
.blick-cards .wp-block-woocommerce-product-image img, .blick-cards .wc-block-components-product-image img { aspect-ratio: 1; object-fit: contain !important; width: 100%; height: auto; }
.blick-cards .wp-block-post-title { font-size: 0.9375rem; font-weight: 600; line-height: 1.35; margin: 0; }
.blick-cards .wp-block-post-title a { color: var(--wp--preset--color--ink); }
.blick-cards .blick-card__meta { font-size: 0.8125rem; color: var(--wp--preset--color--gray); display: flex; flex-wrap: wrap; gap: 0 0.35em; margin: 0; }
.blick-cards .blick-card__meta .wp-block-post-terms a { color: inherit; }
.blick-cards .blick-card__meta > *:not(:last-child):not(:empty)::after { content: "·"; margin-left: 0.35em; }
.blick-cards .blick-card__row { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.blick-cards .wp-block-woocommerce-product-price { font-size: 1.125rem; margin: 0; }
.blick-cards .wc-block-components-product-price__value { color: var(--wp--preset--color--blue); font-weight: 700; }
.blick-cards .wp-block-woocommerce-product-button { margin: 0; }
.blick-cards .wp-block-woocommerce-product-button .wp-block-button__link { padding: 0.5rem 0.875rem; font-size: 0.8125rem; border-radius: 4px; }
.blick-cards .wc-block-grid__product-onsale, .blick-cards .wc-block-components-product-sale-badge { display: none; }

/* Catalogue toolbar and filters */
.blick-catalogue__search { max-width: 100%; } /* inside a flex group only — in a constrained column this would undo the column width */
.blick-catalogue__search .wp-block-search__inside-wrapper { border: 2px solid var(--wp--preset--color--blue); border-radius: 4px; overflow: hidden; }
.blick-catalogue__search .wp-block-search__input { border: 0; padding: 0 16px; height: 44px; font-size: 0.9375rem; }
.blick-catalogue__search .wp-block-search__button { background: var(--wp--preset--color--blue); color: #fff; border: 0; border-radius: 0; width: 56px; margin: 0; }
.blick-filters h3 { font-size: 0.8125rem; letter-spacing: 0.04em; text-transform: uppercase; color: var(--wp--preset--color--gray); margin: 0 0 8px; }
.blick-filters .wc-block-product-filter-checkbox-list__label { font-size: 0.9375rem; }
.blick-filters .wp-block-woocommerce-product-filter-attribute, .blick-filters .wp-block-woocommerce-product-filter-taxonomy, .blick-filters .wp-block-woocommerce-product-filter-price { margin-bottom: 24px; }
.blick-filters .wp-block-woocommerce-product-filter-price * { max-width: 100%; box-sizing: border-box; }
.blick-filters .wc-block-product-filter-price-slider__content { display: flex; flex-wrap: wrap; gap: 8px; }
.blick-filters .wc-block-product-filter-price-slider__range { width: 100%; flex-basis: 100%; }
.blick-filters .wc-block-product-filter-price-slider__left, .blick-filters .wc-block-product-filter-price-slider__right { flex: 1 1 0; min-width: 0; }
.blick-filters .wc-block-product-filter-price-slider input { width: 100%; min-width: 0; border: 1px solid var(--wp--preset--color--line); border-radius: 4px; padding: 6px 8px; font-size: 0.875rem; }
.blick-toolbar { color: var(--wp--preset--color--gray); font-size: 0.9375rem; }
.blick-toolbar .wc-block-catalog-sorting select { border: 0; background: transparent; color: inherit; font: inherit; }

/* Single product */
.blick-product .wp-block-woocommerce-product-sku { color: var(--wp--preset--color--gray); font-size: 0.9375rem; }
.blick-product .wp-block-woocommerce-product-price { font-size: 1.75rem; }
.blick-product .wc-block-components-product-price__value { color: var(--wp--preset--color--blue); font-weight: 700; }
.blick-product .wp-block-woocommerce-add-to-cart-form .single_add_to_cart_button { background: var(--wp--preset--color--blue); color: #fff; border-radius: 4px; font-weight: 700; padding: 0.875rem 1.5rem; }

/* Footer */
.blick-footer { border-top: 1px solid var(--wp--preset--color--line); padding: 40px 0; color: var(--wp--preset--color--gray); font-size: 0.875rem; }
.blick-footer .wp-block-navigation a:where(:not(.wp-element-button)) { color: var(--wp--preset--color--gray); font-weight: 400; }
.blick-footer .blick-logo img { height: 44px; }

/* Wholesale block */
.blick-check { display: flex; gap: 12px; }
.blick-check svg { flex-shrink: 0; margin-top: 2px; }
.blick-check strong { display: block; font-size: 1rem; color: var(--wp--preset--color--ink); }
.blick-check span { font-size: 0.875rem; color: var(--wp--preset--color--gray-text); line-height: 1.5; }
.blick-eyebrow { font-size: 0.8125rem; font-weight: 700; letter-spacing: 0.08em; color: var(--wp--preset--color--gray); text-transform: uppercase; }

@media (max-width: 781px) {
  .blick-header.wp-block-cover { min-height: 72px; }
  .blick-bar { padding: 16px 0; }
  .blick-logo img { height: 40px; }
  .blick-hero.wp-block-cover { min-height: 560px; }
  .blick-hero .wp-block-cover__gradient-background { background: var(--wp--preset--gradient--veil-vertical) !important; }
  .blick-hero__text { padding-top: 24px; }
  .blick-hero__text h1 { font-size: 2.375rem; }
  .blick-hero .wp-block-buttons { flex-direction: column; }
  .blick-hero .wp-block-button, .blick-hero .wp-block-button__link { width: 100%; text-align: center; }
  .blick-advantages { margin-top: -40px !important; padding: 24px 12px; }
  .blick-icon { width: 72px; height: 72px; }
  .blick-icon svg { width: 66px; height: 66px; }
  .blick-advantages p { display: none; }
  .blick-advantages h3 { font-size: 0.875rem; }
    .blick-cards .wc-block-product-template__product { padding: 12px; }
  .blick-cards .wp-block-woocommerce-product-button .wp-block-button__link { padding: 0.5rem 0.625rem; }
  .blick-footer .wp-block-navigation { --wp--style--block-gap: 0.75rem; }
}

/* Hero text column stays left; the grid of advantages keeps two columns on phones */
.blick-hero__text > * { max-width: 640px; }
.blick-bar .wp-block-navigation-item__label { white-space: nowrap; }
.blick-advantages .is-layout-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 781px) { .blick-advantages .is-layout-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }