/*
Theme Name: Bosnia Gift Platform
Theme URI: https://cvijeceipokloni.com
Author: Cvijece i Pokloni
Description: Lightweight WooCommerce theme for the Bosnia-first gifting platform.
Version: 0.2.0
Requires at least: 6.5
Tested up to: 6.8
Text Domain: bosnia-gift-platform-theme
*/

:root {
    --bgp-cream: #fbf4ea;
    --bgp-card: #fffdf8;
    --bgp-ink: #1e1a16;
    --bgp-muted: #655b50;
    --bgp-gold: #b9852d;
    --bgp-green: #173d25;
    --bgp-line: #eadfce;
    --bgp-shadow: 0 16px 42px rgba(64, 45, 26, 0.10);
}

body {
    margin: 0;
    font-family: Inter, system-ui, sans-serif;
    color: var(--bgp-ink);
    background: linear-gradient(180deg, #fffaf2 0%, #fbf8f3 44%, #f8f2ea 100%);
}

a {
    color: var(--bgp-green);
}

.site-header {
    position: sticky;
    top: 0;
    z-index: 20;
    min-height: 82px;
    border-bottom: 1px solid rgba(219, 206, 187, 0.7);
    border-radius: 0 0 10px 10px;
    background: rgba(255, 253, 248, 0.9);
    backdrop-filter: blur(14px);
}

.site-header__inner,
.site-footer__inner {
    width: min(1180px, calc(100% - 32px));
    margin: 0 auto;
}

.site-header__inner {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    min-height: 82px;
    gap: 28px;
}

.site-branding {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--bgp-ink);
    text-decoration: none;
}

.site-branding__mark {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border: 2px solid #dfbd79;
    border-radius: 50%;
    color: var(--bgp-gold);
    font-size: 24px;
}

.site-branding__text strong {
    display: block;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: 24px;
    line-height: 1;
}

.site-branding__text span {
    display: block;
    margin-top: 3px;
    color: #a98245;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.site-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
}

.site-nav a {
    color: var(--bgp-ink);
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: color 160ms ease;
}

.site-nav a:hover,
.site-nav a:focus-visible {
    color: var(--bgp-gold);
}

.site-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.site-action-icon,
.site-action-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    border: 1px solid var(--bgp-line);
    border-radius: 10px;
    background: var(--bgp-card);
    color: var(--bgp-ink);
    text-decoration: none;
    font-weight: 900;
    transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}

.site-action-icon {
    width: 42px;
}

.site-action-cta {
    padding: 0 14px;
    color: var(--bgp-green);
}

.site-action-icon:hover,
.site-action-icon:focus-visible,
.site-action-cta:hover,
.site-action-cta:focus-visible {
    border-color: var(--bgp-gold);
    background: #fff7e8;
    box-shadow: 0 8px 18px rgba(64, 45, 26, 0.09);
    transform: translateY(-1px);
}

.site-nav a:focus-visible,
.site-action-icon:focus-visible,
.site-action-cta:focus-visible {
    outline: 3px solid rgba(185, 133, 45, 0.35);
    outline-offset: 3px;
}

.content-area {
    width: min(1180px, calc(100% - 32px));
    margin: 0 auto;
    padding: 42px 0;
}

.content-area h1,
.woocommerce-products-header__title,
.product_title {
    font-family: "Cormorant Garamond", Georgia, serif;
    letter-spacing: 0;
}

.woocommerce ul.products {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after {
    display: none;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    float: none;
    width: auto;
    margin: 0;
}

.button,
button,
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    border: 1px solid var(--bgp-line);
    border-radius: 10px;
    background: var(--bgp-card);
    color: var(--bgp-green);
    font-weight: 900;
    transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    border-color: var(--bgp-gold);
    background: #fff7e8;
    color: var(--bgp-green);
    box-shadow: 0 8px 18px rgba(64, 45, 26, 0.09);
    transform: translateY(-1px);
}

.single_add_to_cart_button,
.checkout-button,
#place_order {
    border-color: var(--bgp-green) !important;
    background: var(--bgp-green) !important;
    color: #fff !important;
}

.single_add_to_cart_button:hover,
.checkout-button:hover,
#place_order:hover {
    background: #214d30 !important;
    border-color: #214d30 !important;
    color: #fff !important;
}

.site-footer {
    margin-top: 30px;
    border-top: 1px solid var(--bgp-line);
    background: #fff8ee;
    color: var(--bgp-muted);
    padding: 36px 0;
}

.site-footer__grid {
    display: grid;
    grid-template-columns: 1.4fr repeat(4, 1fr);
    gap: 28px;
}

.site-footer h2,
.site-footer h3 {
    margin: 0 0 12px;
    color: var(--bgp-ink);
    font-family: "Cormorant Garamond", Georgia, serif;
}

.site-footer p,
.site-footer a {
    color: var(--bgp-muted);
    font-size: 14px;
    line-height: 1.55;
}

.site-footer a {
    display: block;
    margin-bottom: 7px;
    text-decoration: none;
}

@media (max-width: 960px) {
    .site-header__inner {
        grid-template-columns: 1fr;
        padding: 16px 0;
    }

    .site-nav {
        justify-content: flex-start;
    }

    .site-actions {
        justify-content: flex-start;
    }

    .woocommerce ul.products,
    .site-footer__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .site-nav {
        gap: 12px;
    }

    .site-action-icon {
        display: none;
    }

    .woocommerce ul.products,
    .site-footer__grid {
        grid-template-columns: 1fr;
    }
}