/*
Theme Name:     Kleo Child
Theme URI:
Description:    Child theme for Kleo
Author:         SeventhQueen
Author URI:     http://seventhqueen.com
Template:       kleo
Tags:  one-column, two-columns, right-sidebar, fluid-layout, custom-menu, featured-images, post-formats, sticky-post, translation-ready
License: GNU General Public License
License URI: license.txt
*/

/*
* Please add your custom styles below
*//* ==========================================================================
   Eggxtraterrestrial - white page, black ink, alien handwriting
   The real face is CS Gianluca; until its web files are installed the stack
   falls back to whatever handwriting font the visitor has.
   ========================================================================== */

/* @font-face is added by the font install step; see /wp-content/uploads/fonts/ */
:root {
  --egg-ink: #111;
  --egg-paper: #fff;
  --egg-hand: "CS Gianluca", "Bradley Hand", "Segoe Print", "Comic Sans MS", cursive;
  --egg-measure: 760px;
}

body,
.kleo-main-header,
.main-color,
.container-wrap,
#main,
.footer-widgets,
#footer {
  background: var(--egg-paper) !important;
  color: var(--egg-ink);
}

body,
body p,
body li,
body a,
.egg-hero,
.egg-menu,
.egg-split,
.egg-contact {
  font-family: var(--egg-hand);
  color: var(--egg-ink);
}

body {
  font-size: 20px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}

/* Headings: same hand, bigger, tighter */
h1, h2, h3,
.egg-hero h1 {
  font-family: var(--egg-hand);
  color: var(--egg-ink);
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 1.1;
}

h1 { font-size: clamp(2.6rem, 7vw, 4.6rem); margin: 0 0 .4em; }
h2 { font-size: clamp(2rem, 5vw, 3rem); margin: 0 0 .5em; }

/* Links: hand-drawn underline that thickens on hover */
.container-wrap a,
.egg-contact a,
.egg-note a {
  color: var(--egg-ink);
  text-decoration: none;
  border-bottom: 2px solid var(--egg-ink);
  padding-bottom: 1px;
}
.container-wrap a:hover,
.egg-contact a:hover { border-bottom-width: 4px; }

/* ---------- shared layout ---------- */
.egg-hero,
.egg-menu,
.egg-split,
.egg-contact { max-width: var(--egg-measure); margin: 0 auto; padding: 0 16px; }

.egg-art { display: block; height: auto; max-width: 100%; }
.egg-art-ufo { width: 320px; margin: 0 auto 10px; }

/* ---------- hero ---------- */
.egg-hero { text-align: center; }
.egg-hero .egg-lede { font-size: clamp(1.25rem, 3vw, 1.7rem); margin: 0 0 .4em; }
.egg-hero .egg-sub { font-size: 1.05rem; margin: 0; }

/* ---------- menu ---------- */
.egg-note { font-size: 1rem; }
.egg-menu { margin-top: 28px; }

.egg-item {
  display: grid;
  grid-template-columns: 1fr auto;
  column-gap: 14px;
  padding: 18px 0;
  border-bottom: 2px solid var(--egg-ink);
}
.egg-item:first-child { border-top: 2px solid var(--egg-ink); }

.egg-item-name { font-size: 1.5rem; }
.egg-item-price { font-size: 1.5rem; white-space: nowrap; }
.egg-item-price::before { content: "$"; }
.egg-item-desc { grid-column: 1 / -1; font-size: 1.05rem; margin-top: 2px; }

/* ---------- two-column sections ---------- */
.egg-split {
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: 40px;
  align-items: center;
}
.egg-split-reverse .egg-split-art { order: -1; }
.egg-split-art img { margin: 0 auto; }
.egg-schedule { font-size: 1.3rem; }

/* ---------- catering ---------- */
.egg-contact { text-align: center; }
.egg-email { font-size: clamp(1.3rem, 3vw, 1.9rem); margin: .6em 0; }

/* ---------- chrome the template brings that this page does not need ---------- */
.kleo-main-header { border-bottom: 2px solid var(--egg-ink); box-shadow: none; }
#header .logo img { max-height: 54px; width: auto; }
.page .page-title,
.breadcrumb,
.kleo-page-title,
#footer .widget_nav_menu,
.social-icons-list { display: none; }
#footer { border-top: 2px solid var(--egg-ink); padding: 26px 0; text-align: center; font-size: .95rem; }

/* ---------- phones ---------- */
@media (max-width: 767px) {
  body { font-size: 19px; }
  .egg-split { grid-template-columns: 1fr; gap: 24px; text-align: center; }
  .egg-split-reverse .egg-split-art { order: 0; }
  .egg-art-ufo { width: 240px; }
  .egg-item { padding: 15px 0; }
}

/* footer */
.egg-footer-links { font-size: 1.1rem; margin: 0 0 .3em; }
.egg-footer-note { font-size: .95rem; margin: 0; }
#footer a { color: var(--egg-ink); border-bottom: 2px solid var(--egg-ink); }

/* CS Gianluca (Envato Elements, licensed to J) - self-hosted */
@font-face {
  font-family: "CS Gianluca";
  src: url("/wp-content/uploads/fonts/CSGianluca-Regular.woff2") format("woff2"),
       url("/wp-content/uploads/fonts/CSGianluca-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* the real face has a single weight: never let the browser fake a bold */
h1, h2, h3, strong, b, .egg-item-name, .egg-item-price { font-weight: 400 !important; }
#header .logo img, .kleo-main-header .logo img { max-height: 46px; }