/* ══════════════════════════════════════════════
   Pieml — Globale dark theme
   Fonts: Anton (headings) · Inter (body)
   Kleuren: #0a0a0a bg · #fff tekst · #c9a84c goud
   ══════════════════════════════════════════════ */

/* ── Reset & basis ── */
*, *::before, *::after { box-sizing: border-box; }

body {
    background: #0a0a0a !important;
    color: #fff !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    margin: 0;
}

a { color: #c9a84c; text-decoration: none; }
a:hover { color: #fff; }

h1, h2, h3, h4, h5, h6 {
    font-family: 'Anton', Impact, sans-serif !important;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: #fff !important;
}

/* ── Header / nav ── */
.site-header,
header.site-header,
.elementor-location-header {
    background: #0a0a0a !important;
    border-bottom: 1px solid #1e1e1e !important;
    padding: 0 !important;
}

.site-branding,
.site-title,
.site-title a,
.site-logo a {
    font-family: 'Anton', Impact, sans-serif !important;
    font-size: 1.6rem !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    color: #fff !important;
}

.site-title a:hover { color: #c9a84c !important; }

/* Hello Elementor nav */
.site-navigation,
.site-navigation ul,
nav.site-navigation {
    background: #0a0a0a !important;
}

.site-navigation a,
.main-navigation a,
nav ul li a {
    color: #ccc !important;
    font-family: 'Inter', sans-serif !important;
    font-size: .85rem !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    padding: 8px 16px !important;
    transition: color .15s !important;
}

.site-navigation a:hover,
.main-navigation a:hover,
nav ul li a:hover,
nav ul li.current-menu-item > a {
    color: #c9a84c !important;
}

/* Header wrapper hoogte */
.site-header .header-inner,
.site-header .container,
.site-header .wrap {
    padding: 16px 24px !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
}

/* ── Page / post titels ── */
.page-title,
.entry-title,
.woocommerce-products-header__title,
h1.page-title {
    font-family: 'Anton', Impact, sans-serif !important;
    text-transform: uppercase !important;
    color: #fff !important;
    font-size: clamp(2rem, 6vw, 4rem) !important;
}

/* ── Algemene pagina content ── */
.site-content,
.site-main,
main#main,
.entry-content,
.page-content {
    background: #0a0a0a !important;
    color: #ccc !important;
}

/* ── WooCommerce — shop overzicht ── */
.woocommerce,
.woocommerce-page,
.woocommerce-page .site-main {
    background: #0a0a0a !important;
}

.woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 2px !important;
    width: 100% !important;
    float: none !important;
    clear: both !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 2 kolommen op mobiel */
@media (max-width: 640px) {
    .woocommerce ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

.woocommerce ul.products li.product {
    background: #111 !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    float: none !important;
    position: relative;
    overflow: hidden;
    transition: outline .15s;
}

.woocommerce ul.products li.product:hover {
    outline: 2px solid #c9a84c;
}

.woocommerce ul.products li.product img {
    width: 100% !important;
    height: 260px !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform .3s;
}

.woocommerce ul.products li.product:hover img {
    transform: scale(1.03);
}

.woocommerce ul.products li.product .woocommerce-loop-product__link {
    display: block;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-family: 'Anton', sans-serif !important;
    font-size: 1.1rem !important;
    text-transform: uppercase !important;
    letter-spacing: .5px !important;
    color: #fff !important;
    padding: 16px 20px 4px !important;
    margin: 0 !important;
}

.woocommerce ul.products li.product .price {
    color: #c9a84c !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    padding: 0 20px 8px !important;
    display: block !important;
}

.woocommerce ul.products li.product .price del {
    color: #555 !important;
}

.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product .add_to_cart_button {
    background: #c9a84c !important;
    color: #0a0a0a !important;
    border: none !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 700 !important;
    font-size: .8rem !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    padding: 12px 20px !important;
    margin: 0 20px 20px !important;
    display: block !important;
    text-align: center !important;
    border-radius: 0 !important;
    transition: background .15s !important;
}

.woocommerce ul.products li.product a.button:hover {
    background: #fff !important;
    color: #0a0a0a !important;
}

/* Shop paginatie */
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    background: #111 !important;
    color: #fff !important;
    border-color: #333 !important;
}

.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: #c9a84c !important;
    color: #0a0a0a !important;
}

/* Orderby / filter */
.woocommerce-ordering select,
.woocommerce .widget_layered_nav ul li a {
    background: #111 !important;
    color: #fff !important;
    border-color: #333 !important;
}

/* ── WooCommerce — single product ── */
.single-product div.product {
    background: #0a0a0a !important;
    padding: 40px 0 !important;
}

.single-product .product_title {
    font-family: 'Anton', Impact, sans-serif !important;
    font-size: clamp(2rem, 5vw, 3.5rem) !important;
    text-transform: uppercase !important;
    color: #fff !important;
    letter-spacing: .5px !important;
}

.single-product p.price,
.single-product span.price {
    color: #c9a84c !important;
    font-size: 1.6rem !important;
    font-weight: 700 !important;
}

.single-product .woocommerce-product-details__short-description {
    color: #aaa !important;
    font-size: 1rem !important;
    line-height: 1.7 !important;
}

.single-product form.cart .button,
.single-product .single_add_to_cart_button {
    background: #c9a84c !important;
    color: #0a0a0a !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 700 !important;
    font-size: .9rem !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    border: 2px solid #c9a84c !important;
    border-radius: 0 !important;
    padding: 16px 40px !important;
    transition: all .15s !important;
}

.single-product form.cart .button:hover {
    background: transparent !important;
    color: #c9a84c !important;
}

.single-product .woocommerce-tabs .tabs {
    border-bottom: 1px solid #1e1e1e !important;
}

.single-product .woocommerce-tabs .tabs li {
    background: #111 !important;
    border-color: #1e1e1e !important;
}

.single-product .woocommerce-tabs .tabs li a {
    color: #aaa !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    font-size: .85rem !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}

.single-product .woocommerce-tabs .tabs li.active {
    background: #0a0a0a !important;
    border-bottom-color: #0a0a0a !important;
}

.single-product .woocommerce-tabs .tabs li.active a {
    color: #c9a84c !important;
}

.woocommerce-Tabs-panel {
    background: #0a0a0a !important;
    color: #aaa !important;
    border: 1px solid #1e1e1e !important;
    padding: 24px !important;
}

/* ── Cart & Checkout ── */
.woocommerce-cart .woocommerce,
.woocommerce-checkout .woocommerce {
    background: #0a0a0a !important;
}

.woocommerce table.shop_table {
    background: #111 !important;
    border-color: #1e1e1e !important;
    color: #fff !important;
}

.woocommerce table.shop_table th {
    background: #141414 !important;
    color: #c9a84c !important;
    font-family: 'Inter', sans-serif !important;
    font-size: .8rem !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    border-color: #1e1e1e !important;
    font-weight: 700 !important;
}

.woocommerce table.shop_table td {
    border-color: #1e1e1e !important;
    color: #ddd !important;
    background: #111 !important;
}

.woocommerce-cart-form .button,
.woocommerce .cart .button {
    background: #1e1e1e !important;
    color: #fff !important;
    border: 1px solid #333 !important;
    border-radius: 0 !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    font-size: .8rem !important;
}

.woocommerce .proceed-to-checkout .checkout-button,
.woocommerce-checkout #place_order {
    background: #c9a84c !important;
    color: #0a0a0a !important;
    font-weight: 700 !important;
    border: 2px solid #c9a84c !important;
    border-radius: 0 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    font-size: .9rem !important;
    transition: all .15s !important;
}

.woocommerce .proceed-to-checkout .checkout-button:hover,
.woocommerce-checkout #place_order:hover {
    background: transparent !important;
    color: #c9a84c !important;
}

/* Checkout form */
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-shipping-fields h3,
.woocommerce-checkout #order_review_heading {
    color: #fff !important;
    font-family: 'Anton', sans-serif !important;
    text-transform: uppercase !important;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
    background: #141414 !important;
    border: 1px solid #2a2a2a !important;
    color: #fff !important;
    border-radius: 0 !important;
    padding: 12px 14px !important;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
    border-color: #c9a84c !important;
    outline: none !important;
}

.woocommerce form .form-row label {
    color: #aaa !important;
    font-size: .85rem !important;
    letter-spacing: .5px !important;
    font-weight: 500 !important;
}

/* Order review box */
#order_review,
.woocommerce-checkout-review-order {
    background: #111 !important;
    border: 1px solid #1e1e1e !important;
    padding: 24px !important;
}

/* ── Notices / berichten ── */
.woocommerce-message,
.woocommerce-info {
    background: #141414 !important;
    border-top-color: #c9a84c !important;
    color: #ddd !important;
}

.woocommerce-error {
    background: #1a0a0a !important;
    border-top-color: #c0392b !important;
    color: #ddd !important;
}

.woocommerce-message a.button,
.woocommerce-info a.button {
    background: #c9a84c !important;
    color: #0a0a0a !important;
    border-radius: 0 !important;
    font-weight: 700 !important;
}

/* ── Footer ── */
.site-footer,
footer.site-footer {
    background: #050505 !important;
    border-top: 1px solid #1e1e1e !important;
    color: #555 !important;
    padding: 32px 24px !important;
    text-align: center !important;
    font-size: .85rem !important;
}

.site-footer a { color: #888 !important; }
.site-footer a:hover { color: #c9a84c !important; }

/* ── Breadcrumb ── */
.woocommerce .woocommerce-breadcrumb {
    color: #555 !important;
    font-size: .8rem !important;
    letter-spacing: .5px !important;
    padding: 16px 0 !important;
}

.woocommerce .woocommerce-breadcrumb a { color: #888 !important; }
.woocommerce .woocommerce-breadcrumb a:hover { color: #c9a84c !important; }

/* ── Widget sidebar ── */
.widget-area,
.widget {
    background: #0a0a0a !important;
}

.widget-title {
    font-family: 'Anton', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 1rem !important;
    letter-spacing: 1px !important;
    color: #fff !important;
    border-bottom: 2px solid #c9a84c !important;
    padding-bottom: 10px !important;
    margin-bottom: 16px !important;
}

/* ── Scrollbar ── */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #0a0a0a; }
::-webkit-scrollbar-thumb { background: #333; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #c9a84c; }