/*
 * Geonutrition — the WordPress layer. The design itself is geonutrition.css (the mockup's
 * stylesheet, untouched); every fix that only WordPress / Flatsome / the plugins need lives here.
 */

/* Flatsome paints #wrapper / #main white → the design's Ivory page */
body.gn #wrapper,
body.gn #main { background: var(--ivory, #F2F3EC); }
body.gn .page-wrapper { padding: 0; }
body.gn #content.content-area { padding: 0; }

/* Flatsome list indent (ul li { margin-left: 1.3em }) — the design sets its own */
.gn .gn-nav__list li,
.gn .gn-dropdown li,
.gn .gn-mnav__sub li,
.gn .ft-footer li,
.gn .bl-pages li { margin-left: 0; }

/* Flatsome's form defaults vs the design's forms */
.gn form#booking-form,
.gn form#contact-form,
.gn form#newsletter-form,
.gn form.rc-search { background: none; border: 0; padding: 0; margin-bottom: 0; overflow: visible; }
.gn .gn-check,
.gn .gn-field label { font-weight: inherit; text-transform: none; letter-spacing: inherit; }
.gn input[type="text"],
.gn input[type="email"],
.gn input[type="tel"],
.gn input[type="search"],
.gn textarea { box-shadow: none; }
.gn .button { margin-right: 0; }

/* ============ Article category chips — the colour chosen per tab (Άρθρα → Κατηγορίες (tabs)) ============ */
.bl-chip--pine { background: #26473A; }
.bl-chip--lime { background: #A7AE37; }
.bl-chip--coral { background: #F27348; }
.bl-chip--sage { background: #8CA096; }

/* ============ Article text (the_content of the old posts) ============ */
.gn .ar-doc img,
.gn .rp-intro__box img { max-width: 100%; height: auto; border-radius: 14px; }
.gn .ar-doc .aligncenter,
.gn .rp-intro__box .aligncenter { display: block; margin: 1.4em auto; }
.gn .ar-doc .alignleft { float: left; margin: .3em 1.2em 1em 0; max-width: 50%; }
.gn .ar-doc .alignright { float: right; margin: .3em 0 1em 1.2em; max-width: 50%; }
.gn .ar-doc .wp-caption,
.gn .rp-intro__box .wp-caption { max-width: 100%; }
.gn .ar-doc .wp-caption-text { font-size: .85em; opacity: .75; text-align: center; }
.gn .ar-doc iframe,
.gn .rp-intro__box iframe { max-width: 100%; border: 0; border-radius: 14px; }
.gn .ar-doc p:empty,
.gn .rp-intro__box p:empty { display: none; }
/* old posts carry Flatsome/WP blocks: keep them inside the text column */
.gn .ar-doc .row,
.gn .rp-intro__box .row { margin-left: 0; margin-right: 0; max-width: 100%; }
.gn .ar-doc::after { content: ""; display: table; clear: both; }

/* WP Recipe Maker leftovers inside an intro (roundup cards keep the plugin's look) */
.gn .rp-intro__box .wprm-recipe-roundup-item { margin: 1.5em 0; }

/* ============ Recipe intro: the old posts' texts are long — the details box stays small and sticky
   (in the mockup the intro was short, so the box was stretched to the text's height) ============ */
@media (min-width: 1100px) {
  .rp-intro__grid { grid-template-columns: minmax(0, 9fr) minmax(0, 3fr); align-items: start; }
  .rp-meta { position: sticky; top: calc(var(--head-h, 120px) + 16px); }
  .rp-meta__who { margin-top: 0; }
  .rp-intro__box { justify-content: flex-start; }
}

/* ============ Recipe box from WP Recipe Maker data ============ */
.gn .rp-ing__group,
.gn .rp-steps__group { margin: 1.1em 0 .4em; }

/* print: only the recipe */
@media print {
  .gn-header, .gn-mnav, .ft-footer, .gn-float, .bl-more, .rp-serve__btns, .rp-hero__actions, .gn-modal, .gn-toast { display: none !important; }
}

/* ============ Sticky header vs the WordPress admin bar (see also db_gn_admin_bar_css) ============ */
.admin-bar .gn-mnav__panel { top: 32px; }
@media (max-width: 782px) { .admin-bar .gn-mnav__panel { top: 46px; } }