/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* =========================
   DESIGN TOKENS
========================= */

:root {
    --ng-color-white: #FFFFFF;
    --ng-color-gold: #E7B040;
    --ng-color-gold-muted: #C4A45D;
    --ng-color-black: #000000;
    --ng-color-surface: #1A1714;          /* FB23: premium dark surface (not pure black) */
    --ng-color-text: #1A1A1A;
    --ng-color-text-secondary: #4D4D4D;
    --ng-color-text-muted: #808080;

    --ng-font-heading: 'Open Sans', sans-serif;   /* FB1: everything to Open Sans */
    --ng-font-body: 'Open Sans', sans-serif;

    --ng-fs-h1: 2.6rem;
    --ng-fs-h2: 2rem;
    --ng-fs-h3: 1.25rem;
    --ng-fs-h4: 1.125rem;
    --ng-fs-body: 1rem;
    --ng-fs-meta: 0.87rem;
    --ng-fs-meta-sm: 0.75rem;

    --ng-container-max: 1376px;
    --ng-grid-cols: 12;
}

@media (max-width: 767px) {
    :root {
        --ng-fs-h1: 2rem;
        --ng-fs-h3: 2rem;
    }
}

/* =========================
   OPEN SANS  (FB1)
   Self-hosted, variable weight 400-800, latin + latin-ext, normal + italic.
   Replaces the previous Inter + Playfair Display setup site-wide.
========================= */

@font-face {
    font-family: 'Open Sans';
    src: url('./fonts/OpenSans/open-sans-normal-latin.woff2') format('woff2');
    font-weight: 400 800;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
    font-family: 'Open Sans';
    src: url('./fonts/OpenSans/open-sans-normal-latin-ext.woff2') format('woff2');
    font-weight: 400 800;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
    font-family: 'Open Sans';
    src: url('./fonts/OpenSans/open-sans-italic-latin.woff2') format('woff2');
    font-weight: 400 800;
    font-style: italic;
    font-display: swap;
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
    font-family: 'Open Sans';
    src: url('./fonts/OpenSans/open-sans-italic-latin-ext.woff2') format('woff2');
    font-weight: 400 800;
    font-style: italic;
    font-display: swap;
    unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* FB1: site-wide Open Sans. Text elements only (icon fonts on i/.eicon/.dashicons
   are deliberately not matched). !important beats the Elementor Kit's font rules. */
body,
body p, body a, body li, body td, body th, body blockquote, body figcaption,
body h1, body h2, body h3, body h4, body h5, body h6,
body input, body select, body textarea, body button, body label {
    font-family: 'Open Sans', sans-serif !important;
}

/* BRAND-01: the Swipeix nomination form rendered in a system font; force Open Sans.
   Overrides the parent theme's neighbourhood-gems.css (child loads after parent). */
.intro-wrapper,
.chef-qualification-container,
.chef-form,
#chef-qualification-form {
    font-family: 'Open Sans', sans-serif !important;
}

/* Legend contrast hardening: the fieldset legends straddle the top edge of the
   white form card over the photo wallpaper, so any type-size change could push
   glyphs onto the photo. A solid backing keeps them white-carded regardless. */
#chef-qualification-form legend,
.chef-form legend {
    background-color: #FFFFFF;
    padding: 2px 10px;
    border-radius: 4px;
}

/* Badge contrast: parent .restaurant-header badge was on #888 (white text = 3.54:1);
   #6e6e6e gives 5.10:1 (passes WCAG AA). */
.restaurant-header {
    background-color: #6e6e6e !important;
}

/* Skip link: dark-on-gold instead of the Hello reset's pink; image-only anchors
   should not inherit that pink link colour either. */
.skip-link:focus {
    color: #1A1714;
    background: #E7B040;
}
a:has(> img) {
    color: inherit;
}

.desktop--only {
		display: block;
	}

@media screen and (max-width: 768px) {
	body .desktop--only {
		display: none;
	}
}