/*
 * PrintyWorld brand palette ("Logo Classic"): logo yellow + ink black + white.
 * Loaded by header.php on every storefront page. Keep page-specific colors in
 * the pages themselves; this file only aligns shared/bootstrap pieces.
 */
:root {
    --pw-yellow:       #FFE600;
    --pw-yellow-hover: #F2CF00;
    --pw-yellow-soft:  #FFF9D1;
    --pw-ink:          #111111;
    --pw-text:         #3D3D3D;
    --pw-muted:        #7A7A7A;
    --pw-bg:           #F6F6F4;
    --pw-border:       #E6E6E3;
    --pw-success:      #16A34A;
    --pw-error:        #DC2626;
}

/* Primary actions: yellow with black text (never white text on yellow) */
.btn-primary,
.btn-primary:focus,
.btn-add-to-cart {
    background-color: var(--pw-yellow) !important;
    border-color: var(--pw-yellow) !important;
    color: var(--pw-ink) !important;
}
.btn-primary:hover,
.btn-primary:active,
.btn-add-to-cart:hover {
    background-color: var(--pw-yellow-hover) !important;
    border-color: var(--pw-yellow-hover) !important;
    color: var(--pw-ink) !important;
}

/* Secondary actions: outline in ink */
.btn-outline-primary {
    background-color: transparent !important;
    border-color: var(--pw-ink) !important;
    color: var(--pw-ink) !important;
}
.btn-outline-primary:hover {
    background-color: var(--pw-ink) !important;
    color: #fff !important;
}

.btn-success { background-color: var(--pw-success) !important; border-color: var(--pw-success) !important; }
.btn-danger  { background-color: var(--pw-error) !important;   border-color: var(--pw-error) !important; }

/* Focus rings and text selection in brand yellow */
input:focus, select:focus, textarea:focus {
    border-color: var(--pw-yellow) !important;
    box-shadow: 0 0 0 3px rgba(255, 230, 0, 0.35) !important;
    outline: none;
}
::selection { background: var(--pw-yellow); color: var(--pw-ink); }

/* Category bar under the header */
.header-categories-list .cat-item:hover > a { color: var(--pw-ink) !important; box-shadow: inset 0 -3px 0 var(--pw-yellow); }