/*
Theme Name: The Garden Kitchen
Theme URI: https://gardenkitchenbewdley.co.uk/
Description: Child theme for the Garden Kitchen
Version: 1.0
Author: Paul James Digital
Author URI: https://pauljamesdigital.uk/
Template: Divi
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: garden-kitchen-child
*/

/* Your Custom CSS Goes Below */

a {
    transition: all 0.3s ease-in-out;
}

a:hover {
    opacity: 0.8;
}


/* ============================================================
   THE GARDEN KITCHEN  /  COLOUR SCHEME
   Summer 2026 palette. Four neutrals, one accent.

   Brand tokens:
     Marigold    #F5A623   accent: buttons, highlights, footer links
     Deep Gold   #C77E00   inline link text (the readable tone on white)
     Heading     #666666   headings, h1 to h6
     Body        #4A4A4A   body copy
     Graphite    #1F1F1F   footer and strong dark blocks
     White       #FFFFFF   page background

   Notes:
     Footer is graphite, not pure black, to sit with the soft greys.
     One accent only: the old per-section colours are retired.
     Font: Poppins (loaded by the Divi parent theme).
   ============================================================ */

:root {
    --gk-marigold:       #F5A623;
    --gk-marigold-dark:  #C77E00;
    --gk-marigold-hover: #A8690A;
    --gk-button-hover:   #E0950F;
    --gk-heading:        #666666;
    --gk-text:           #4A4A4A;
    --gk-graphite:       #1F1F1F;
    --gk-white:          #FFFFFF;
}

/* --- Base text and background --------------------------------- */

body {
    background-color: var(--gk-white);
    color: var(--gk-text);
}

body,
p, li, td, th,
.et_pb_text,
.et_pb_text_inner,
.et_pb_blurb_description {
    color: var(--gk-text);
}

/* --- Headings ------------------------------------------------- */

h1, h2, h3, h4, h5, h6,
.et_pb_module h1,
.et_pb_module h2,
.et_pb_module h3,
.et_pb_module h4,
.et_pb_module h5,
.et_pb_module h6 {
    color: var(--gk-heading);
}

/* --- Content links -------------------------------------------- */
/* Marigold, deepened so the words stay readable on white, and
   underlined. Scoped to content so nav and buttons are untouched. */

.et_pb_text a,
.et_pb_blurb_description a,
.et_pb_toggle_content a,
.entry-content a,
article a {
    color: var(--gk-marigold-dark);
    text-decoration: underline;
}

.et_pb_text a:hover,
.et_pb_blurb_description a:hover,
.et_pb_toggle_content a:hover,
.entry-content a:hover,
article a:hover {
    color: var(--gk-marigold-hover);
}

/* --- Buttons and calls to action ------------------------------ */
/* Brand marigold with dark text for contrast on the fill. */

.et_pb_button,
.et_pb_button:visited,
a.et_pb_button {
    color: #2A2A2A !important;
    background-color: var(--gk-marigold) !important;
    border-color: var(--gk-marigold) !important;
    text-decoration: none !important;
}

.et_pb_button:hover {
    color: #2A2A2A !important;
    background-color: var(--gk-button-hover) !important;
    border-color: var(--gk-button-hover) !important;
}

/* --- Footer --------------------------------------------------- */

#main-footer,
.et-l--footer {
    background-color: var(--gk-graphite);
}

#main-footer,
#main-footer p,
#main-footer li,
#main-footer .et_pb_text,
.et-l--footer,
.et-l--footer p {
    color: #C9C9C9;
}

#main-footer a,
.et-l--footer a {
    color: var(--gk-marigold);
    text-decoration: none;
}

#main-footer a:hover,
.et-l--footer a:hover {
    color: #FFC659;
    text-decoration: underline;
}

/* --- Focus states (keyboard accessibility) -------------------- */

.et_pb_button:focus-visible,
.et_pb_text a:focus-visible,
.entry-content a:focus-visible {
    outline: 2px solid var(--gk-marigold);
    outline-offset: 2px;
    border-radius: 2px;
}

/* --- Leaflet map (privacy map) -------------------------------- */

#gk-leaflet-map {
    height: 450px;
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    z-index: 0;
}

#gk-leaflet-map .leaflet-popup-content {
    font-family: 'Poppins', sans-serif;
    color: var(--gk-text);
    line-height: 1.5;
}

#gk-leaflet-map .leaflet-popup-content a {
    color: var(--gk-marigold-dark);
    font-weight: 600;
}

/* --- Catering estimate form ----------------------------------- */
/* Scoped to .gk-catering-form so it only ever touches that one form.
   The base input, label and button styling comes from the existing
   .gk-contact-form rules; this section adds the catering extras. */

.gk-catering-form .gk-perhead {
    background: #FFF6E6;
    border-left: 4px solid var(--gk-marigold);
    padding: 12px 16px;
    border-radius: 4px;
}

.gk-catering-form h3 {
    margin-top: 1.6em;
    padding-bottom: 0.3em;
    border-bottom: 1px solid #ECECEC;
}

.gk-catering-form .gk-pick {
    font-size: 0.62em;
    font-weight: 600;
    color: var(--gk-marigold-dark);
    white-space: nowrap;
    vertical-align: middle;
}

.gk-catering-form .gk-pick-note {
    margin-top: 0;
    font-size: 0.9em;
    color: #777;
}

/* Dim the options that are locked once a group's limit is reached. */
.gk-catering-form .wpcf7-list-item input:disabled + .wpcf7-list-item-label {
    opacity: 0.45;
}

.gk-catering-form .gk-estimate {
    margin: 1.8em 0;
    padding: 18px 20px;
    background: var(--gk-graphite);
    border-radius: 8px;
    text-align: center;
}

.gk-catering-form .gk-estimate-total {
    margin: 0;
    font-size: 1.6em;
    font-weight: 700;
    color: var(--gk-marigold);
}

.gk-catering-form .gk-estimate-note {
    margin: 0.4em 0 0;
    font-size: 0.85em;
    color: #C9C9C9;
}

.gk-catering-form .gk-terms {
    max-height: 220px;
    overflow-y: auto;
    padding: 16px;
    border: 1px solid #E2E2E2;
    border-radius: 6px;
    background: #FAFAFA;
    font-size: 0.92em;
}

.gk-catering-form .gk-terms p {
    margin: 0 0 0.8em;
}

.gk-catering-form .gk-terms p:last-child {
    margin-bottom: 0;
}