/* BarkShop — design tokens and global styles (loaded on every page).
   Brand colours are Astra's global palette, set as code by bin/setup-theme.php and printed by
   Astra as --ast-global-color-N. The aliases below are the only names the theme uses; no hex
   value of the brand palette is repeated here. Decorative wood tones are theme-only tokens. */

:root {
    --bark-primary: var(--ast-global-color-0);
    --bark-primary-dark: var(--ast-global-color-1);
    --bark-ink: var(--ast-global-color-2);
    --bark-text: var(--ast-global-color-3);
    --bark-background: var(--ast-global-color-4);
    --bark-surface: var(--ast-global-color-5);
    --bark-border: var(--ast-global-color-7);

    --bark-accent: #d9933f;       /* amber accent: add-to-cart, sale badge */
    --bark-wood-light: #ecdcc0;   /* blonde pine / birch, like the shop shelves */
    --bark-wood: #d4b485;
    --bark-wood-dark: #9c7748;

    --bark-radius: 10px;
    --bark-radius-large: 16px;
    --bark-shadow: 0 8px 24px rgba(32, 48, 58, .10);
    --bark-shadow-deep: 0 18px 45px rgba(58, 44, 28, .28);
}

/* Buttons: Astra paints the theme, WooCommerce and block buttons from the palette. Only the
   block-checkout buttons need the same skin spelled out. */
.wc-block-components-button {
    background-color: var(--bark-primary);
    border-color: var(--bark-primary);
    color: #fff;
    border-radius: var(--bark-radius);
}
.wc-block-components-button:hover {
    background-color: var(--bark-primary-dark);
}

/* Prices */
.woocommerce .price,
.woocommerce ul.products li.product .price {
    color: var(--bark-primary-dark);
    font-weight: 700;
}

/* Header logo: bin/setup-theme.php sets the width; the box never stretches a square logo. */
.custom-logo,
.ast-site-identity .site-logo-img img {
    height: auto;
}

/* FiboSearch bar placed at the top of the content, submit button in the brand colour. */
.bark-search-bar {
    max-width: 680px;
    margin: 1rem auto 0;
    padding: 0 1rem;
}
.bark-search-bar .dgwt-wcas-search-wrapp { width: 100%; }
.dgwt-wcas-search-wrapp .dgwt-wcas-search-submit,
.dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit {
    background-color: var(--bark-primary);
    border-color: var(--bark-primary);
}
.dgwt-wcas-search-wrapp .dgwt-wcas-search-submit:hover,
.dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:hover {
    background-color: var(--bark-primary-dark);
}
.dgwt-wcas-search-wrapp .dgwt-wcas-search-submit svg path { fill: #fff; }

/* Footer company data (NAP) + legal/info links */
.bark-footer-nap {
    font-size: .85rem;
    line-height: 1.7;
    opacity: .85;
    margin-bottom: .6rem;
}
.bark-footer-nap a { text-decoration: none; }
.bark-footer-nap a:hover { text-decoration: underline; }

/* Payment brand marks (footer + checkout) */
.bark-payment-marks { display: inline-flex; align-items: center; gap: .6rem; margin-top: .3rem; }
.bark-payment-marks img { height: 20px; width: auto; }
.bark-payment-mark-text { font-size: .8rem; opacity: .85; }

/* Shop stage notice (verification stage): sits under the disabled order button. */
.bark-shop-stage-notice { margin: .8rem 0 0; font-size: .9rem; }

/* Cookie consent (cookie-law-info). The preference centre's category headers are <button>s:
   keep the theme's button skin off them so the plugin's own styles apply. */
.cky-preference-center .cky-accordion-btn,
.cky-preference-center .cky-accordion-btn:hover,
.cky-preference-center .cky-accordion-btn:focus {
    background-color: transparent;
    border-color: transparent;
    color: inherit;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
}
/* On phones the stock banner covered half the screen: tighter type, buttons in a row. */
@media (max-width: 600px) {
    .cky-consent-container .cky-consent-bar { padding: 12px 16px; }
    .cky-consent-bar .cky-title { font-size: 15px; line-height: 20px; margin: 0 0 6px; }
    .cky-consent-bar .cky-notice-des,
    .cky-consent-bar .cky-notice-des p { font-size: 13px; line-height: 18px; }
    .cky-consent-bar .cky-notice-group { flex-direction: column; align-items: stretch; gap: 10px; }
    .cky-consent-bar .cky-notice-btn-wrapper { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
    .cky-consent-bar .cky-notice-btn-wrapper .cky-btn {
        flex: 1 1 calc(50% - 4px);
        margin: 0;
        padding: 9px 8px;
        font-size: 13px;
        line-height: 1.2;
    }
    .cky-consent-bar .cky-notice-btn-wrapper .cky-btn-accept { flex-basis: 100%; }
}