/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* Grovea visual stage 1.2.0 */
html:root {
            --go: #e66b2e !important;
        }

        .gv-btn-o,
        .gb-orange,
        .gs-navcta,
        .gs-btn:not(.ghost),
        .gs-step b {
            background: #e66b2e !important;
        }

        .gv-accent,
        .gv-kicker,
        .gv-more,
        .gb-kicker,
        .gb-link,
        .gs-eyebrow {
            color: #e66b2e !important;
        }

        .gv-mark,
        .gb-mark {
            width: 38px !important;
            height: 38px !important;
            display: grid !important;
            place-items: center !important;
            border: 0 !important;
            border-radius: 9px !important;
            background: #e66b2e !important;
        }

        .gv-mark::after,
        .gb-mark::after {
            content: 'G' !important;
            position: static !important;
            width: auto !important;
            height: auto !important;
            background: transparent !important;
            color: #fff !important;
            font: 800 20px/1 Arial, sans-serif !important;
        }

        .gs-logo b {
            background: #e66b2e !important;
            border: 0 !important;
            color: #fff !important;
        }

        .page-id-23 header .brxe-logo {
            display: inline-flex !important;
            align-items: center !important;
            gap: 10px !important;
            color: #17313b !important;
            font: 800 21px/1 Arial, sans-serif !important;
            letter-spacing: .04em !important;
        }

        .page-id-23 header .brxe-logo img {
            display: none !important;
        }

        .page-id-23 header .brxe-logo::before {
            content: 'G';
            width: 38px;
            height: 38px;
            display: grid;
            place-items: center;
            border-radius: 9px;
            background: #e66b2e;
            color: #fff;
            font: 800 20px/1 Arial, sans-serif;
        }

        .page-id-23 header .brxe-logo::after {
            content: 'GROVEA';
        }

        .gv-card:nth-child(1),
        .gb-card:nth-child(1) .gb-card-img {
            background-image: linear-gradient(0deg, rgba(13,28,38,.70), rgba(13,28,38,.03) 68%), url('https://grovea.nl/wp-content/uploads/2026/08/grovea-premium-garage.webp') !important;
        }

        .gv-card:nth-child(2),
        .gb-card:nth-child(2) .gb-card-img {
            background-image: linear-gradient(0deg, rgba(13,28,38,.70), rgba(13,28,38,.03) 68%), url('https://grovea.nl/wp-content/uploads/2026/08/grovea-premium-werkplaats.webp') !important;
        }

        .gv-card:nth-child(3),
        .gb-card:nth-child(3) .gb-card-img {
            background-image: linear-gradient(0deg, rgba(13,28,38,.70), rgba(13,28,38,.03) 68%), url('https://grovea.nl/wp-content/uploads/2026/08/grovea-premium-agrarisch.webp') !important;
        }

        .gv-card:nth-child(4),
        .gb-card:nth-child(4) .gb-card-img {
            background-image: linear-gradient(0deg, rgba(13,28,38,.70), rgba(13,28,38,.03) 68%), url('https://grovea.nl/wp-content/uploads/2026/08/grovea-premium-bedrijfshal.webp') !important;
        }

        .gv-card:nth-child(5),
        .gb-card:nth-child(5) .gb-card-img {
            background-image: linear-gradient(0deg, rgba(13,28,38,.70), rgba(13,28,38,.03) 68%), url('https://grovea.nl/wp-content/uploads/2026/08/grovea-premium-maatwerk.webp') !important;
        }

        .gv-card,
        .gb-card-img {
            background-size: cover !important;
            background-position: center !important;
        }

        .gv-project:nth-child(1) .gv-project-img {
            background-image: url('https://grovea.nl/wp-content/uploads/2026/08/grovea-premium-garage.webp') !important;
        }

        .gv-project:nth-child(2) .gv-project-img {
            background-image: url('https://grovea.nl/wp-content/uploads/2026/08/grovea-premium-maatwerk.webp') !important;
        }

        .gv-project:nth-child(3) .gv-project-img {
            background-image: url('https://grovea.nl/wp-content/uploads/2026/08/grovea-premium-bedrijfshal.webp') !important;
        }

        .gv-project-img {
            background-size: cover !important;
            background-position: center !important;
        }

        .gs-card:nth-child(1) .gs-visual {
            background-image: url('https://grovea.nl/wp-content/uploads/2026/08/grovea-premium-enkelgarage.webp') !important;
        }

        .gs-card:nth-child(2) .gs-visual {
            background-image: url('https://grovea.nl/wp-content/uploads/2026/08/grovea-premium-garage.webp') !important;
        }

        .gs-card:nth-child(3) .gs-visual {
            background-image: url('https://grovea.nl/wp-content/uploads/2026/08/grovea-premium-werkplaats.webp') !important;
        }

        .gs-card:nth-child(4) .gs-visual {
            background-image: url('https://grovea.nl/wp-content/uploads/2026/08/grovea-premium-agrarisch.webp') !important;
        }

        .gs-card:nth-child(5) .gs-visual {
            background-image: url('https://grovea.nl/wp-content/uploads/2026/08/grovea-premium-bedrijfshal.webp') !important;
        }

        .gs-card:nth-child(6) .gs-visual {
            background-image: url('https://grovea.nl/wp-content/uploads/2026/08/grovea-premium-maatwerk.webp') !important;
        }

        .gs-visual {
            background-size: cover !important;
            background-position: center !important;
        }

        .gs-visual::before,
        .gs-visual::after {
            display: none !important;
        }

        .gs-cta h2,
        .gs-cta h3 {
            color: #fff !important;
        }

        .gs-heroimg[style*="#172028"] {
            background: linear-gradient(135deg, rgba(23,32,40,.92), rgba(23,32,40,.68)), url('https://grovea.nl/wp-content/uploads/2026/08/grovea-premium-maatwerk.webp') center/cover !important;
        }

        .gs-heroimg[style*="#172028"] h2 {
            color: #fff !important;
        }

        .gs-heroimg[style*="#172028"] p {
            color: #e7ecef !important;
        }

        @media (max-width: 640px) {
            .gv-card,
            .gb-card-img,
            .gs-visual {
                background-position: center !important;
            }

            .page-id-23 header .brxe-logo {
                font-size: 18px !important;
            }

            .page-id-23 header .brxe-logo::before {
                width: 32px;
                height: 32px;
                font-size: 17px;
            }
        }
/* Grovea pre-launch proof labels 1.2.0 */
.gv-trust span:nth-child(3) {
    font-size: 0 !important;
}
.gv-trust span:nth-child(3)::after {
    content: 'Technische kwaliteitscontrole';
    font-size: 13px;
}
.gb-feature-box .gb-stat:nth-child(3) b,
.gb-feature-box .gb-stat:nth-child(3) span,
.gb-feature-box .gb-stat:nth-child(4) b,
.gb-feature-box .gb-stat:nth-child(4) span {
    font-size: 0 !important;
}
.gb-feature-box .gb-stat:nth-child(3) b::after {
    content: '✓';
    font-size: 27px;
}
.gb-feature-box .gb-stat:nth-child(3) span::after {
    content: 'Technische controle';
    font-size: 13px;
}
.gb-feature-box .gb-stat:nth-child(4) b::after {
    content: '€';
    font-size: 27px;
}
.gb-feature-box .gb-stat:nth-child(4) span::after {
    content: 'Indicatieve prijs';
    font-size: 13px;
}
/* Grovea visible preparation-phase copy 1.2.0 */
.gv-lead,
.gb-hero-copy > p,
.gc-hero .gc-wrap > p {
    font-size: 0 !important;
}
.gv-lead::after {
    content: 'Grovea ontwikkelt maatwerkconcepten voor stalen garages, werkplaatsen en hallen. In deze voorbereidingsfase verzamelen we vrijblijvende aanvragen en toetsen we ontwerp, levering en montage met gespecialiseerde producenten.';
    display: block;
    font-size: 18px;
    line-height: 1.65;
}
.gb-hero-copy > p::after {
    content: 'Van compacte garage tot bedrijfshal. Bekijk mogelijke gebouwconcepten en deel in deze voorbereidingsfase vrijblijvend jouw gewenste configuratie.';
    display: block;
    font-size: 18px;
    line-height: 1.55;
}
.gc-hero .gc-wrap > p::after {
    content: 'Stuur jouw vraag, maatvoering of configuratie. In deze voorbereidingsfase gebruiken we je aanvraag om de behoefte en technische mogelijkheden te beoordelen. Je aanvraag is vrijblijvend en geen bestelling.';
    display: block;
    font-size: 18px;
    line-height: 1.65;
}
@media (max-width: 640px) {
    .gv-lead::after,
    .gb-hero-copy > p::after,
    .gc-hero .gc-wrap > p::after {
        font-size: 15px;
    }
}
/* Grovea Studio visual fallback 1.2.0 */
.page-id-23 header .brxe-logo::before {
    content: 'G' !important;
}
.mgx-fallback {
    background: linear-gradient(135deg, rgba(23,49,59,.80), rgba(23,49,59,.48)), url('https://grovea.nl/wp-content/uploads/2026/08/grovea-premium-garage.webp') center/cover !important;
    color: #fff !important;
}
.mgx-fallback strong,
.mgx-fallback p {
    color: #fff !important;
    text-shadow: 0 2px 12px rgba(0,0,0,.45);
}
/* Grovea contact logo consistency 1.2.0 */
.gc-logo b {
    width: 38px !important;
    height: 38px !important;
    display: grid !important;
    place-items: center !important;
    border: 0 !important;
    border-radius: 9px !important;
    background: #e66b2e !important;
    color: #fff !important;
    font: 800 20px/1 Arial, sans-serif !important;
}



/* Grovea architectural premium 2.0.0 — 2026-08-11 */
html:root {
  --grovea-stone: #f3f1ec;
  --grovea-paper: #ffffff;
  --grovea-ink: #111a1f;
  --grovea-steel: #34434a;
  --grovea-accent: #d85b22;
  --grovea-green: #2f6b56;
  --grovea-line: #d8d6d0;
  --go: #d85b22 !important;
}
body.gvu-active {
  background: var(--grovea-stone);
  color: var(--grovea-ink);
  font-family: Inter, Arial, sans-serif;
  text-rendering: optimizeLegibility;
}
.gvu-header {
  position: sticky !important;
  top: 0;
  z-index: 1000;
  background: rgba(243, 241, 236, .94) !important;
  border-bottom: 1px solid rgba(17, 26, 31, .10) !important;
  box-shadow: 0 10px 30px rgba(17, 26, 31, .035) !important;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}
.admin-bar .gvu-header { top: 32px; }
.gvu-shell { width: min(1240px, calc(100% - 64px)) !important; }
.gvu-header-inner { min-height: 88px !important; height: 88px !important; }
.gvu-brand { gap: 14px !important; }
.gvu-brand-mark { width: 42px !important; height: 42px !important; border-radius: 10px !important; }
.gvu-brand-copy strong {
  color: var(--grovea-ink) !important;
  font-family: Manrope, Inter, sans-serif !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  letter-spacing: .10em !important;
}
.gvu-brand-copy small {
  color: #657078 !important;
  font-size: 9px !important;
  font-weight: 650 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase;
}
.gvu-nav { gap: 28px !important; }
.gvu-nav > a:not(.gvu-nav-cta) {
  position: relative;
  color: #27353c !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .015em;
  padding: 35px 0 33px !important;
}
.gvu-nav > a:not(.gvu-nav-cta)::after {
  content: "";
  position: absolute;
  left: 0;
  right: 100%;
  bottom: 24px;
  height: 2px;
  background: var(--grovea-accent);
  transition: right .22s ease;
}
.gvu-nav > a:not(.gvu-nav-cta):hover::after,
.gvu-nav > a:not(.gvu-nav-cta):focus-visible::after { right: 0; }
.gvu-nav-cta {
  background: var(--grovea-accent) !important;
  border: 1px solid var(--grovea-accent) !important;
  border-radius: 6px !important;
  box-shadow: 0 9px 24px rgba(216, 91, 34, .18);
  font-size: 12px !important;
  letter-spacing: .015em;
  padding: 13px 19px !important;
}
.gvu-nav-cta:hover {
  background: #bf4e1b !important;
  border-color: #bf4e1b !important;
  transform: translateY(-1px);
}
.gvu-footer {
  background: var(--grovea-ink) !important;
  border-top: 0 !important;
}
.gvu-footer-top { padding-top: 72px !important; }
.gvu-footer h2 {
  color: #fff !important;
  font-family: Manrope, Inter, sans-serif !important;
  font-size: 12px !important;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.gvu-footer p,
.gvu-footer a { color: #abb4b8 !important; }
.gvu-footer a:hover { color: #fff !important; }
.gvu-footer .gvu-brand-copy strong { color: #fff !important; }
.gvu-footer .gvu-brand-copy small { color: #9ca7ac !important; }
.gvu-phase {
  background: rgba(255,255,255,.055) !important;
  border: 1px solid rgba(255,255,255,.11) !important;
  border-left: 3px solid var(--grovea-accent) !important;
  border-radius: 4px !important;
}
.gvu-footer-bottom {
  border-top-color: rgba(255,255,255,.10) !important;
  color: #818d92 !important;
}
.gv-trust span:nth-child(3) { font-size: 13px !important; }
.gv-trust span:nth-child(3)::after { content: none !important; }

@media (max-width: 1100px) {
  .gvu-shell { width: min(100% - 40px, 1240px) !important; }
  .gvu-nav { gap: 20px !important; }
}
@media (max-width: 991px) {
  .gvu-header-inner { min-height: 78px !important; height: 78px !important; }
  .gvu-mobile summary {
    color: var(--grovea-ink) !important;
    border: 1px solid var(--grovea-line) !important;
    border-radius: 6px !important;
    padding: 10px 13px !important;
  }
  .gvu-mobile-panel {
    background: var(--grovea-paper) !important;
    border: 1px solid var(--grovea-line) !important;
    border-radius: 8px !important;
    box-shadow: 0 22px 55px rgba(17,26,31,.16) !important;
  }
  .gvu-mobile-panel a { color: var(--grovea-ink) !important; }
  .gvu-mobile-cta { background: var(--grovea-accent) !important; color: #fff !important; }
}
@media (max-width: 782px) {
  .admin-bar .gvu-header { top: 46px; }
}
@media (max-width: 640px) {
  .gvu-shell { width: calc(100% - 30px) !important; }
  .gvu-header-inner { min-height: 72px !important; height: 72px !important; }
  .gvu-brand-mark { width: 36px !important; height: 36px !important; border-radius: 9px !important; }
  .gvu-brand-copy strong { font-size: 18px !important; }
  .gvu-brand-copy small { font-size: 8px !important; }
}