/*
Theme Name: Blocksy MLK
Theme URI: https://mamaslebanesekitchen.com
Description: Child theme of Blocksy (free) for Mama's Lebanese Kitchen — STAGING trial. Look = Blocksy Customizer settings; this file only styles our own mlk-* components (newsletter, rating line, Pin button, homepage tiles, lazy reviews). Rollback: activate Kadence MLK.
Author: Mama's Lebanese Kitchen
Template: blocksy
Version: 1.1.1
License: GNU General Public License v2 or later
Text Domain: blocksy-mlk
*/

/* Brand tokens -> Blocksy global palette (Customizer > Colors). Fallbacks = brand hex. */
:root {
  --mlk-red: var(--theme-palette-color-1, #9b2c1f);
  --mlk-olive: var(--theme-palette-color-2, #5f6b2a);
  --mlk-text: var(--theme-palette-color-3, #2f2c28);
  --mlk-ink: var(--theme-palette-color-4, #23211e);
  --mlk-line: var(--theme-palette-color-5, #d9d2c5);
  --mlk-cream-2: var(--theme-palette-color-6, #f4eee3);
  --mlk-cream: var(--theme-palette-color-7, #faf6ee);
  --mlk-white: var(--theme-palette-color-8, #ffffff);
  --mlk-muted: #6b655c;
  --mlk-radius: 12px;
}
.entry-content img { height: auto; border-radius: 8px; }
@media (max-width: 719px) {
  .entry-content .alignleft, .entry-content .alignright { max-width: 46%; }
  .entry-content .wp-block-image.alignleft img, .entry-content .wp-block-image.alignright img { width: 100% !important; }
}
/* ---------------------------------------------------------------- content boxes (converted Striking shortcodes) */
.entry-content .mlk-box { border: 1px solid var(--mlk-line); }
.entry-content .mlk-notice { background: var(--mlk-cream-2); border-left: 4px solid var(--mlk-olive); padding: 1rem 1.25rem; border-radius: 6px; }
.entry-content .mlk-popular { background: var(--mlk-cream); border: 1px dashed var(--mlk-line); padding: 1rem 1.25rem; border-radius: var(--mlk-radius); }
.entry-content .mlk-popular ul { margin-bottom: 0; }
.entry-content .mlk-contact { background: var(--mlk-cream-2); padding: 1rem 1.25rem; border-radius: var(--mlk-radius); }
.entry-content .wp-block-table table { border-collapse: collapse; }
.entry-content .wp-block-table th { background: var(--mlk-cream-2); text-align: left; }

/* ---------------------------------------------------------------- disclosure + proof + pin */
.mlk-disclosure { font-size: 0.82em; color: var(--mlk-muted); background: var(--mlk-cream); border-radius: 6px; padding: 0.5em 0.85em; margin: 0 0 1.25em; }
.mlk-proof { display: flex; flex-wrap: wrap; align-items: center; gap: 0.45em; font-size: 0.95em; color: var(--mlk-muted); margin: 0.35em 0 1em; min-height: 1.5em; }
.mlk-proof__stars { color: #e0a02c; letter-spacing: 1px; }
.mlk-proof b { color: var(--mlk-ink); }
.mlk-proof a { color: var(--mlk-red); text-decoration: none; }
.mlk-pin-wrap { margin: 0.75em 0 1.25em; }
.mlk-pin { display: inline-flex; align-items: center; gap: 0.45em; background: #cb2027; color: #fff !important; text-decoration: none !important; font-weight: 600; font-size: 0.95em; padding: 0.55em 1em; border-radius: 999px; line-height: 1; }
.mlk-pin:hover { background: #a3181e; color: #fff; }
.single .ct-featured-image img { border-radius: var(--mlk-radius); }

/* ---------------------------------------------------------------- ad slots: reserved height = zero CLS */
.mlk-ad-slot { display: flex; align-items: center; justify-content: center; min-height: var(--mlk-ad-h-m, 250px); margin: 1.75rem auto; background: repeating-linear-gradient(45deg, #f7f3ea 0 10px, #f2ecdf 10px 20px); border: 1px dashed var(--mlk-line); border-radius: 8px; position: relative; width: 100%; max-width: 100%; box-sizing: border-box; }
.mlk-ad-slot .mlk-ad-label { font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: #a39a8b; }
@media (min-width: 1025px) { .mlk-ad-slot { min-height: var(--mlk-ad-h-d, 280px); } }
.mlk-ad-slot--sidebar-1 { min-height: 250px; margin: 0; }
.mlk-ad-slot--before-comments { margin-top: 0; }
.mlk-ads-hidden .mlk-ad-slot { display: none; }

/* ---------------------------------------------------------------- newsletter box */
.mlk-newsletter { background: var(--mlk-cream-2); border: 1px solid var(--mlk-line); border-radius: var(--mlk-radius); padding: 1.5rem; margin: 2rem 0 1rem; }
.mlk-newsletter__inner { max-width: 560px; margin: 0 auto; text-align: center; }
.mlk-newsletter__kicker { font-size: 0.75em; letter-spacing: 0.14em; text-transform: uppercase; color: var(--mlk-olive); font-weight: 700; margin: 0 0 0.25em; }
.mlk-newsletter__title { font-family: inherit; color: var(--mlk-ink); font-size: 1.5em; line-height: 1.2; margin: 0 0 0.35em; }
.mlk-newsletter__text { color: var(--mlk-muted); margin: 0 0 1em; }
.mlk-newsletter__fields { display: flex; gap: 0.5rem; flex-wrap: wrap; justify-content: center; }
.mlk-newsletter__input { flex: 1 1 200px; min-height: 48px; border: 1px solid var(--mlk-line); border-radius: 8px; padding: 0 1em; font-size: 1em; background: #fff; }
.mlk-newsletter__btn { min-height: 48px; background: var(--mlk-red); color: #fff; border: 0; border-radius: 8px; padding: 0 1.25em; font-weight: 700; cursor: pointer; }
.mlk-newsletter__btn:hover { background: var(--mlk-olive); }
.mlk-newsletter__fine { font-size: 0.75em; color: var(--mlk-muted); margin: 0.75em 0 0; }
.mlk-newsletter--sidebar { margin: 0; padding: 1.25rem; background: var(--mlk-red); border-color: var(--mlk-red); }
.mlk-newsletter--sidebar .mlk-newsletter__kicker { color: #f6d9c9; }
.mlk-newsletter--sidebar .mlk-newsletter__title, .mlk-newsletter--sidebar .mlk-newsletter__text, .mlk-newsletter--sidebar .mlk-newsletter__fine { color: #fff; }
.mlk-newsletter--sidebar .mlk-newsletter__btn { background: var(--mlk-ink); }
.mlk-newsletter--sidebar .mlk-newsletter__btn:hover { background: var(--mlk-olive); }
.mlk-newsletter--home { background: var(--mlk-ink); border-color: var(--mlk-ink); padding: 2.5rem 1.5rem; }
.mlk-newsletter--home .mlk-newsletter__kicker { color: #d7c7a1; }
.mlk-newsletter--home .mlk-newsletter__title { color: #fff; font-size: 2em; }
.mlk-newsletter--home .mlk-newsletter__text, .mlk-newsletter--home .mlk-newsletter__fine { color: #d9d2c5; }

/* ---------------------------------------------------------------- sidebar (Blocksy .ct-sidebar) */
.ct-sidebar .ct-widget:has(.mlk-newsletter) { padding: 0; border: 0; background: transparent; box-shadow: none; }
.ct-sidebar .mlk-about { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 0.5rem; }
.ct-sidebar .mlk-about img { width: 140px; height: 140px; object-fit: cover; border-radius: 50%; border: 4px solid var(--mlk-cream-2); }
.ct-sidebar .mlk-about p { margin: 0; font-size: 0.95em; }
.ct-sidebar .wp-block-latest-posts li { margin-bottom: 0.85em; }
.ct-sidebar .wp-block-latest-posts__featured-image img { border-radius: 8px; }
.ct-sidebar .wp-block-latest-posts a { color: var(--mlk-ink); font-weight: 600; text-decoration: none; line-height: 1.3; }
.wp-block-search__button { background: var(--mlk-red); color: #fff; border: 0; border-radius: 8px; }
.wp-block-search__input { border-radius: 8px; min-height: 44px; }

/* ---------------------------------------------------------------- reviews (lazy list + form copy) */
.mlk-comments-actions { text-align: center; margin: 1rem 0 2rem; }
.mlk-btn-load { background: var(--mlk-white); color: var(--mlk-red); border: 2px solid var(--mlk-red); border-radius: 999px; padding: 0.7em 1.6em; font-weight: 700; cursor: pointer; min-height: 48px; }
.mlk-btn-load:hover { background: var(--mlk-red); color: #fff; }
.mlk-btn-load[disabled] { opacity: 0.6; cursor: wait; }
.comment-form .stcr-form, .comment-form p[class*="subscribe-reloaded"] { background: var(--mlk-cream-2); border-radius: 8px; padding: 0.85em 1em; font-size: 0.95em; }
.comment-form input[name="subscribe-reloaded"] { width: 20px; height: 20px; margin-right: 0.5em; vertical-align: middle; accent-color: var(--mlk-red); }

/* ---------------------------------------------------------------- homepage blocks */
.mlk-hero .wp-block-cover__inner-container { max-width: 760px; }
.mlk-hero .wp-block-search__inside-wrapper { background: #fff; border-radius: 12px; padding: 4px; border: 0; }
.mlk-hero .wp-block-search__input { border: 0; min-height: 48px; font-size: 1.05em; }
.mlk-hero .wp-block-search__button { min-height: 48px; padding: 0 1.4em; border-radius: 10px; font-weight: 700; }
.mlk-hero h1 { text-shadow: 0 2px 18px rgba(0,0,0,0.35); }
.mlk-section-kicker { font-size: 0.78em; letter-spacing: 0.16em; text-transform: uppercase; color: var(--mlk-olive); font-weight: 700; margin-bottom: 0.2em; }
/* Group blocks render a legacy __inner-container wrapper; the grid lives on whichever holds the tiles. */
.mlk-tiles:not(:has(> .wp-block-group__inner-container)), .mlk-tiles > .wp-block-group__inner-container { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.25rem; }
.mlk-tiles--cats:not(:has(> .wp-block-group__inner-container)), .mlk-tiles--cats > .wp-block-group__inner-container { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.mlk-tiles img { max-width: 100%; }
.mlk-tiles > .wp-block-group__inner-container > * { margin: 0; }
@media (max-width: 1024px) { .mlk-tiles:not(:has(> .wp-block-group__inner-container)), .mlk-tiles > .wp-block-group__inner-container, .mlk-tiles--cats > .wp-block-group__inner-container { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 719px) { .mlk-tiles:not(:has(> .wp-block-group__inner-container)), .mlk-tiles > .wp-block-group__inner-container, .mlk-tiles--cats > .wp-block-group__inner-container { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.85rem; } }
/* Homepage sections: contained width even on the fullwidth/unboxed page template. */
.home .entry-content > .wp-block-group.alignwide, .home .entry-content > .wp-block-query.alignwide { max-width: 1290px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 1.5rem; padding-right: 1.5rem; box-sizing: border-box; }
.mlk-tiles > .wp-block-group { margin: 0; }
.mlk-tile .wp-block-image { margin: 0 0 0.5rem; }
.mlk-tile .wp-block-image img { aspect-ratio: 4 / 3; object-fit: cover; width: 100%; border-radius: 10px; transition: transform .2s ease; }
@media (hover: hover) and (pointer: fine) { .mlk-tile:hover .wp-block-image img { transform: scale(1.03); } } /* no zoom on touch */
.mlk-tile h3, .mlk-tile h2 { font-size: 1.05em; line-height: 1.3; margin: 0; }
.entry-content .mlk-tile h3 a, .entry-content .mlk-tile h2 a, .mlk-tile h3 a, .mlk-tile h2 a { color: var(--mlk-ink); text-decoration: none; }
.entry-content .mlk-tile h3 a:hover, .mlk-tile h3 a:hover, .mlk-tile h2 a:hover { color: var(--mlk-red); }
.mlk-tile--cat .wp-block-image img { aspect-ratio: 1 / 1; }
.mlk-tile--cat h3 { text-align: center; font-size: 1em; }
.mlk-latest .wp-block-post-featured-image img { border-radius: 10px; }
.mlk-latest .wp-block-post-title { font-size: 1.1em; line-height: 1.3; margin: 0.5em 0 0.25em; }
.entry-content .mlk-latest .wp-block-post-title a, .mlk-latest .wp-block-post-title a { color: var(--mlk-ink); text-decoration: none; }
.entry-content .mlk-latest .wp-block-post-title a:hover, .mlk-latest .wp-block-post-title a:hover { color: var(--mlk-red); }
.mlk-about-strip { background: var(--mlk-cream-2); border-radius: var(--mlk-radius); }
.mlk-about-strip img { border-radius: 50%; aspect-ratio: 1 / 1; object-fit: cover; }
.home .entry-content > .wp-block-group.alignwide { margin-top: 3rem; margin-bottom: 3rem; }

/* Tile spacing (was Customizer > Additional CSS under Kadence) */
.mlk-tiles:not(:has(> .wp-block-group__inner-container)), .mlk-tiles > .wp-block-group__inner-container { row-gap: 2rem; }
.mlk-tile .wp-block-image { margin: 0 0 .6rem; }
.entry-content .mlk-tiles .mlk-tile h3 a, .entry-content .mlk-latest .wp-block-post-title a { text-decoration: none !important; color: var(--mlk-ink) !important; }

/* ---------------------------------------------------------------- header search field ([mlk_search] in Blocksy's HTML element) */
.mlk-search-form { display: flex; }
.mlk-search-field { min-height: 40px; width: 200px; border-radius: 999px 0 0 999px !important; border: 1px solid var(--mlk-line); padding: 0 1em; background: #fff; }
.mlk-search-submit { min-height: 40px; border-radius: 0 999px 999px 0; border: 0; background: var(--mlk-red); color: #fff; padding: 0 0.9em; cursor: pointer; }
.ct-panel .mlk-search-form { width: 100%; }
.ct-panel .mlk-search-field { flex: 1; width: auto; min-height: 48px; font-size: 16px; }
.ct-panel .mlk-search-submit { min-height: 48px; }

/* ads are off until mlk_ads_live=1 (the PHP renders nothing) */
.mlk-ads-hidden .mlk-ad-slot { display: none !important; }
.mlk-newsletter__fields { position: relative; }
.mlk-newsletter__msg { font-weight: 700; color: var(--mlk-olive); }
.mlk-search-form .mlk-search-field { background-color: #fff !important; color: var(--mlk-text) !important; }