/*
Theme Name: Bruto naar Netto
Theme URI: https://www.brutonaarnetto.be/
Author: AlgorithmDevZ
Description: Vergelijkingssite theme voor brutonaarnetto.be — salaris calculator + vergelijkers voor auto, energie, zorg, wonen, hypotheek, internet/tv en sim-only.
Version: 1.0.2
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: brutonaarnetto
*/

* { box-sizing: border-box; }

html, body {
    margin: 0;
    padding: 0;
    font-family: "Helvetica Neue", Arial, sans-serif;
    color: #241c47;
    background: #fff;
}

a { color: inherit; }

img { max-width: 100%; height: auto; }

.page-container {
    min-height: 60vh;
}

main {
    display: block;
}

.skip-menu--button {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-140%);
    z-index: 400;
    background: #6e46cf;
    color: #fff;
    font-weight: 600;
    font-size: 0.9rem;
    text-decoration: none;
    padding: 10px 16px;
    border-radius: 0 0 8px 0;
    transition: transform 0.15s ease;
}

.skip-menu--button:focus {
    transform: translateY(0);
}

/* ── Reviews section ── */
.bn-reviews-section{padding:48px 16px;background:#f8f7fd;}
.bn-reviews-wrap{max-width:1080px;margin:0 auto;}
.bn-reviews-head{text-align:center;margin-bottom:32px;}
.bn-reviews-head h2{font-size:1.7rem;font-weight:800;color:#241c47;margin:0 0 10px;}
.bn-reviews-summary{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;}
.bn-reviews-score{font-size:2.2rem;font-weight:800;color:#241c47;line-height:1;}
.bn-reviews-stars{color:#ff9f1a;font-size:1.3rem;letter-spacing:2px;}
.bn-reviews-count{font-size:0.95rem;color:#6b6488;font-weight:600;}
.bn-reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
@media (max-width:900px){.bn-reviews-grid{grid-template-columns:1fr;}}
.bn-review-card{background:#fff;border-radius:16px;padding:22px;box-shadow:0 2px 10px rgba(36,28,71,0.06);display:flex;flex-direction:column;gap:12px;}
.bn-review-top{display:flex;align-items:center;gap:12px;}
.bn-review-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:#fff;flex-shrink:0;}
.bn-review-name{font-weight:700;color:#241c47;font-size:0.95rem;}
.bn-review-loc{font-size:0.78rem;color:#6b6488;}
.bn-review-stars{color:#ff9f1a;font-size:0.95rem;letter-spacing:1px;}
.bn-review-text{font-size:0.88rem;line-height:1.5;color:#3c3660;margin:0;}
.bn-review-date{font-size:0.72rem;color:#6b6483;margin-top:auto;}

/* ── Product Tiles Grid ── */
.icp-header-with-product-tiles {
    max-width: 900px;
    margin: 0 auto;
}
.icp-header-with-product-tiles__tiles {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    padding: 24px;
}
@media (max-width: 768px) {
    .icp-header-with-product-tiles__tiles {
        grid-template-columns: 1fr;
    }
}
.product-tile {
    display: flex;
    align-items: center;
    padding: 16px;
    border: 1px solid #e6e1fb;
    border-radius: 12px;
    background-color: #fff;
    text-decoration: none;
    color: #241c47;
    font-weight: 700;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(36,28,71,0.04);
}
.product-tile:hover {
    border-color: #6e46cf;
    box-shadow: 0 6px 16px rgba(110,70,207,0.12);
    transform: translateY(-2px);
}
.product-tile__title {
    font-size: 0.95rem;
}