.elementor-kit-37{--e-global-color-primary:#0F3542;--e-global-color-secondary:#1F2F36;--e-global-color-text:#0F3542;--e-global-color-accent:#CFA670;--e-global-color-cbfb6c7:#F7F5F1;--e-global-color-4e5550a:#FBFAF7;--e-global-color-8b23c41:#F3EEE8;--e-global-typography-primary-font-family:"Sofia Pro Light";font-weight:400;--e-global-typography-secondary-font-family:"Sofia Pro Light";--e-global-typography-text-font-family:"Sofia Pro Regular";--e-global-typography-accent-font-family:"Sofia Pro Regular";font-family:"Sofia Pro Regular", Sans-serif;}.elementor-kit-37 e-page-transition{background-color:#FFBC7D;}.elementor-kit-37 a{color:#CFA670;font-weight:300;text-decoration:none;letter-spacing:0px;}.elementor-kit-37 a:hover{color:#CFA670;}.elementor-kit-37 h1{font-weight:300;line-height:1.1em;letter-spacing:-0.5px;}.elementor-kit-37 h2{font-size:48px;font-weight:300;line-height:1.15em;letter-spacing:-0.3px;}.elementor-kit-37 h3{font-size:32px;font-weight:300;line-height:1.2em;letter-spacing:0px;}.elementor-kit-37 h4{font-size:22px;font-weight:300;line-height:1.65em;}.elementor-kit-37 h5{font-size:20px;font-weight:300;}.elementor-kit-37 h6{font-size:14px;font-weight:400;line-height:1.4em;letter-spacing:1.5px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-37 h2{font-size:38px;}.elementor-kit-37 h3{font-size:28px;}.elementor-kit-37 h4{font-size:19px;}.elementor-kit-37 h5{font-size:18px;}.elementor-kit-37 h6{font-size:14px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-37 h2{font-size:30px;}.elementor-kit-37 h3{font-size:24px;}.elementor-kit-37 h4{font-size:17px;}.elementor-kit-37 h5{font-size:16px;}.elementor-kit-37 h6{font-size:13px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* Sofia Pro alias: CSS die 'Sofia Pro' gebruikt valt zo niet terug op Arial */
@font-face{font-family:"Sofia Pro";src:url("https://restobar-saluut.nl/wp-content/uploads/2026/03/Sofia-Pro-ExtraLight-Az.ttf") format("truetype");font-weight:100 250;font-display:swap;}
@font-face{font-family:"Sofia Pro";src:url("https://restobar-saluut.nl/wp-content/uploads/2026/03/Sofia-Pro-Light-Az.ttf") format("truetype");font-weight:251 350;font-display:swap;}
@font-face{font-family:"Sofia Pro";src:url("https://restobar-saluut.nl/wp-content/uploads/2026/03/Sofia-Pro-Regular-Az.ttf") format("truetype");font-weight:351 900;font-display:swap;}

/* ============================================
   SALUUT — COMPLETE RESPONSIVE FIX
   ============================================ */

body { overflow-x: hidden; }

/* ---- TABLET (max 1024px) ---- */
@media (max-width: 1024px) {
    .elementor-section .elementor-container,
    .e-con-inner,
    .e-con {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
}

/* ---- MOBIEL (max 767px) ---- */
@media (max-width: 767px) {

    /* Headings schalen automatisch mee */
    h1, .elementor-heading-widget h1 {
        font-size: clamp(1.8rem, 8vw, 3rem) !important;
        line-height: 1.2 !important;
    }
    h2, .elementor-heading-widget h2 {
        font-size: clamp(1.4rem, 6vw, 2.2rem) !important;
        line-height: 1.3 !important;
    }
    h3, .elementor-heading-widget h3 {
        font-size: clamp(1.1rem, 5vw, 1.6rem) !important;
        line-height: 1.3 !important;
    }
    p, .elementor-widget-text-editor {
        font-size: clamp(0.95rem, 4vw, 1.1rem) !important;
        line-height: 1.6 !important;
    }

    /* Kolommen stacken netjes */
    .elementor-section .elementor-column,
    .e-con > .e-con-inner > .e-con,
    .e-con > .e-con {
        width: 100% !important;
        min-height: unset !important;
    }

    /* Knoppen netjes op mobiel */
    .elementor-button {
        padding: 12px 24px !important;
        font-size: 0.9rem !important;
    }
    .elementor-button-wrapper,
    .elementor-widget-button {
        width: auto !important;
        text-align: center !important;
    }

    /* Afbeeldingen nooit buiten scherm */
    img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* Geen horizontale scroll */
    .elementor-section,
    .e-con {
        overflow-x: hidden !important;
        max-width: 100vw !important;
    }

    /* Spacing */
    .e-con, .e-con-inner,
    .elementor-section .elementor-container {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}
/* Header logo + hamburger op één lijn */
.elementor-location-header .e-con-inner,
.elementor-location-header > .e-con > .e-con-inner {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
}
/* Hero knoppen naast elkaar op mobiel */
@media (max-width: 767px) {
    .elementor-widget-button {
        width: auto !important;
        display: inline-block !important;
    }
/* Respecteer Elementor "verberg op mobiel" instellingen */
@media (max-width: 767px) {
    .elementor-hidden-phone,
    .elementor-hidden-mobile,
    [class*="hidden-phone"],
    [class*="hidden-mobile"] {
        display: none !important;
    }
}
/* Header fix mobiel */
@media (max-width: 767px) {
    /* Logo kleiner */
    .elementor-location-header .elementor-widget-image img {
        width: 120px !important;
        height: auto !important;
    }

    /* Logo en hamburger op één rij */
    .elementor-location-header > .e-con,
    .elementor-location-header .e-con-inner {
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 12px 16px !important;
    }
}
}

/* ================= SALUUT — CONTRAST FIX (homepage) ================= */

/* Reserveer-knop (outline) in Events sectie: navy tekst op donkere foto is onleesbaar */
.elementor-element-cfe6f39 a.elementor-button {
    color: #F0E6D6 !important;
    border-color: #F0E6D6 !important;
}
.elementor-element-cfe6f39 a.elementor-button:hover {
    color: #00283C !important;
    background-color: #F0E6D6 !important;
}

/* Subtitels op navy achtergrond (Sfeer bij Saluut / Ervaar de sfeer...): te laag contrast */
.elementor-element-e02a4f1 p,
.elementor-element-ac8866c p {
    color: #9EB3BF !important;
}

/* ===== KNOPTEKST CENTREREN (alle apparaten) ===== */
/* Elementor-knoppen: tekst verticaal en horizontaal in het midden, gelijke padding links en rechts */
.elementor-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; text-align: center; padding-left: 28px !important; padding-right: 28px !important; }
.elementor-button .elementor-button-content-wrapper { display: flex; align-items: center; justify-content: center; }
.elementor-button .elementor-button-text { white-space: nowrap; }
.about-section .about-buttons .elementor-widget-button { flex: 0 0 auto !important; width: auto !important; max-width: none !important; }
.site-header .header-cta-wrap .elementor-button { padding-left: 22px !important; padding-right: 22px !important; }

@media (max-width: 1024px) { .about-section .about-buttons { flex-wrap: wrap !important; justify-content: flex-start !important; row-gap: 12px !important; column-gap: 12px !important; } .about-section .about-buttons .elementor-widget-button { margin: 0 !important; padding: 0 !important; } }

/* Eigen knoppen als blok met gecentreerde tekst (nodig voor text-box) */
.sa-btn { display: inline-block !important; text-align: center; }
.sa-btn > span { margin-left: 8px; }

/* Snijd de tekst bij tot de hoofdletterhoogte: dan staat hij op iPhone, Mac en Windows even precies in het midden */
@supports (text-box: trim-both cap alphabetic) {
  .elementor-button .elementor-button-text,
  .sa-btn, .sa-chips a, .sa-ig, .saluut-menu-tab, .saluut-allergen,
  #mk-allergenen .sa-codes b, .sa-date--tbd, .sa-badge, .sa-link, .sa-more,
  .hero-info__line span, #sa-footer .f-route {
    text-box: trim-both cap alphabetic;
  }
  /* padding compenseren voor de weggesneden ruimte, zodat de maten gelijk blijven */
  .elementor-button { padding-top: 18px !important; padding-bottom: 18px !important; }
  .sa-btn { padding-top: 21px !important; padding-bottom: 21px !important; }
  .sa-chips a { padding-top: 17px !important; padding-bottom: 17px !important; }
  .sa-ig { padding-top: 17px !important; padding-bottom: 17px !important; }
  .elementor .sa-mk-wrap .saluut-menu-tab { padding-top: 19px !important; padding-bottom: 19px !important; }
  .elementor .sa-mk-wrap .saluut-allergen { padding-top: 6px !important; padding-bottom: 6px !important; }
  #mk-allergenen .sa-codes b { padding-top: 8px !important; padding-bottom: 8px !important; }
  .sa-badge { padding-top: 14px !important; padding-bottom: 14px !important; }
  .sa-date--tbd { padding-top: 13px !important; padding-bottom: 13px !important; }
  .site-header .header-cta-wrap .elementor-button { padding-top: 16px !important; padding-bottom: 16px !important; }
  @media (max-width: 767px) {
    .sa-chips a { padding-top: 15px !important; padding-bottom: 15px !important; }
    .elementor .sa-mk-wrap .saluut-menu-tab { padding-top: 15px !important; padding-bottom: 15px !important; }
  }
}
/* ===== EINDE KNOPTEKST ===== *//* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Sofia Pro Light';
	font-display: auto;
	src: url('https://restobar-saluut.nl/wp-content/uploads/2026/03/Sofia-Pro-Light-Az.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Sofia Pro Regular';
	font-display: auto;
	src: url('https://restobar-saluut.nl/wp-content/uploads/2026/03/Sofia-Pro-Regular-Az.ttf') format('truetype');
}
/* End Custom Fonts CSS */