/*
Theme Name:     WSV Theme
Theme URI:      https://wijnenspijsmetvisser.nl
Description:    Child theme voor Astra, gebouwd voor Wijn & Spijs met Visser. Bevat de WSV huisstijl, custom page templates en integratie met de wsv-booking plugin via shortcode [wsv_boeking].
Author:         Wijn & Spijs met Visser
Author URI:     https://wijnenspijsmetvisser.nl
Template:       astra
Version:        1.0.0
Text Domain:    wsv-theme
*/

/* ----------------------------------------------------------
   WSV Theme basis-CSS
   De volledige stijl staat in assets/css/wsv-stijl.css
   en wordt geladen via functions.php.
   ---------------------------------------------------------- */

:root{
    --regent:#991156;
    --regent-dk:#7a0d44;
    --auxerrois:#C7AB08;
    --zwart:#1A1008;
    --offwhite:#F8F7F5;
    --terracotta:#8B4A2B;
    --wit:#FFFFFF;
    --font-kop:"Bodoni Moda", Georgia, serif;
    --font-accent:"Beth Ellen", cursive;
    --font-body:"Scope One", Georgia, serif;
}

body{
    font-family:var(--font-body);
    color:var(--zwart);
    background:var(--offwhite);
    line-height:1.7;
}

h1,h2,h3,h4{
    font-family:var(--font-kop);
    font-weight:400;
    letter-spacing:-0.03em;
}

a{color:var(--regent);}
a:hover{color:var(--regent-dk);}

/* Astra knoppen overschrijven: nooit blauw, altijd Regent rood.
   Alleen specifieke WSV/Astra klassen — géén generieke button selector,
   zodat plugin-knoppen (booking, FAQ, etc.) niet worden overschreven. */
.wp-block-button__link,
.wsv-knop,
.btn-boek-nu,
input[type="submit"],
.ast-button{
    background:var(--regent) !important;
    color:var(--wit) !important;
    border-radius:2px !important;
    border:none !important;
    text-transform:uppercase;
    letter-spacing:0.1em;
    font-size:11px;
}
.wp-block-button__link:hover,
.wsv-knop:hover,
.btn-boek-nu:hover,
input[type="submit"]:hover,
.ast-button:hover{
    background:var(--regent-dk) !important;
}

/* Proeverijen mobiel: tekst altijd boven foto */
@media (max-width: 768px) {
    .proeverij-blok-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 24px !important;
    }
    .proeverij-blok-grid > div:first-child,
    .proeverij-blok-grid > .proeverij-foto-wrap:first-child {
        order: 2;
    }
    .proeverij-blok-grid > div:last-child,
    .proeverij-blok-grid > .proeverij-foto-wrap:last-child {
        order: 2;
    }
    .proeverij-blok-grid .proeverij-foto-wrap {
        order: 1 !important;
        height: 260px !important;
    }
    .proeverij-blok-grid > div:not(.proeverij-foto-wrap) {
        order: 2 !important;
    }
    section[style*="padding:80px 48px"] {
        padding: 40px 24px !important;
    }
}