/*
Theme Name:   Engitech Child
Theme URI:    http://wpdemo.archiwp.com/engitech/
Description:  Make your modifications to [Parent Theme] in this Engitech child theme.
Author:       OceanThemes
Author URI:   http://oceanthemes.net/
Template:     engitech
Version:      3.8.24
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  engitech-child
*/

/* ==========================================================================
   Ewarenow unified site — branding, sections, dark mode
   ========================================================================== */
:root {
  --ewn-primary: #0a284c;      /* Ewarenow navy */
  --ewn-primary-deep: #071e42;
  --ewn-accent: #5dade2;       /* link blue */
  --ewn-cta: #d9534f;          /* CTA red */
  --ewn-bg: #ffffff;
  --ewn-bg-alt: #f4f7fb;
  --ewn-text: #20292f;
  --ewn-text-soft: #000000;
  --ewn-card-bg: #ffffff;
  --ewn-card-border: #e3e9f0;
  --text-primary: var(--ewn-text);   /* legacy alias: migrated post inline styles */
  --bg-tertiary: var(--ewn-bg-alt);  /* legacy alias: migrated post inline styles */
  --star: #FFD700;                   /* yellow apex node (Triangle diagram) */
}
html[data-theme="dark"] {
  --ewn-bg: #0f1722;
  --ewn-bg-alt: #16202e;
  --ewn-text: #e8edf2;
  --ewn-text-soft: #ffffff;
  --ewn-card-bg: #1a2535;
  --ewn-card-border: #2a3a50;
  --star: #ffe14d;                   /* yellow apex node — brighter on dark bg */
  color-scheme: dark;
}

/* Base surfaces */
html[data-theme="dark"] body,
html[data-theme="dark"] #page,
html[data-theme="dark"] .site-content {
  background: var(--ewn-bg) !important;
  color: var(--ewn-text) !important;
}
html[data-theme="dark"] h1, html[data-theme="dark"] h2,
html[data-theme="dark"] h3, html[data-theme="dark"] h4,
html[data-theme="dark"] h5, html[data-theme="dark"] h6 { color: var(--ewn-text) !important; }
html[data-theme="dark"] p, html[data-theme="dark"] li { color: var(--ewn-text-soft); }
html[data-theme="dark"] .site-header,
html[data-theme="dark"] .header-desktop,
html[data-theme="dark"] .header-sticky,
html[data-theme="dark"] .site-footer,
html[data-theme="dark"] .page-header {
  background-color: var(--ewn-primary-deep) !important;
}
html[data-theme="dark"] .main-navigation li:not(.ewn-cta-btn) > a {
  color: var(--ewn-text) !important;
}
html[data-theme="dark"] .main-navigation li.current-menu-item > a {
  color: var(--ewn-accent) !important;
}

/* Header logo sizing (parent-theme header markup — unused: header.php replaces it) */
.site-logo img { max-height: 52px; width: auto; }

/* WP260629A: sitewide heading scale for any content not already covered by a component
   style (.ewn-hero h1, .ewn-card h3, .ewn-prose h2/h3/h4, etc. — those win on specificity
   and are untouched). Real per-level contrast (~1.2-1.25 ratio) instead of Doug's R07 table,
   which stepped every level by a flat 2px and read as one indistinct size. :where() keeps
   this at zero specificity so component overrides still win without !important. */
.inner-post :where(h1) { font-size: 40px; font-weight: 700; }
.inner-post :where(h2) { font-size: 32px; font-weight: 700; }
.inner-post :where(h3) { font-size: 26px; font-weight: 700; }
.inner-post :where(h4) { font-size: 22px; font-weight: 600; }
.inner-post :where(h5) { font-size: 19px; font-weight: 400; }
.inner-post :where(h6) { font-size: 17px; font-weight: 600; }

/* Author box name is retagged h6 -> h3 in content-single.php (heading-hierarchy
   fix - was h2 -> h6, skipping 3 levels); pin it back to its original h6 size so
   the :where(h3) sitewide scale above doesn't blow it up. */
.author-info h3 { font-size: 17px; font-weight: 600; margin: 0 0 4px; }

/* Section framework used by page content */
.ewn-hero {
  background: linear-gradient(135deg, var(--ewn-primary-deep) 0%, var(--ewn-primary) 60%, #14406e 100%);
  color: #fff; padding: 96px 24px; text-align: center;
}
.ewn-hero h1 { color: #fff; font-size: 2.6rem; margin-bottom: 16px; }
.ewn-hero p.ewn-sub { color: #c9d8ea; font-size: 1.25rem; max-width: 760px; margin: 0 auto 32px; }
.ewn-section { padding: 64px 24px; background: var(--ewn-bg); }
.ewn-section.alt { background: var(--ewn-bg-alt); }
.ewn-section > .ewn-inner { max-width: 1140px; margin: 0 auto; }
.ewn-section h2 { color: var(--ewn-primary); margin-bottom: 12px; }
html[data-theme="dark"] .ewn-section h2 { color: var(--ewn-accent); }
.ewn-kicker { text-transform: uppercase; letter-spacing: .12em; font-size: .8rem; color: var(--ewn-cta); font-weight: 700; }

/* Card grid */
.ewn-cards { display: flex; flex-wrap: wrap; gap: 24px; margin-top: 32px; }
.ewn-card {
  flex: 1 1 240px; background: var(--ewn-card-bg); border: 1px solid var(--ewn-card-border);
  border-radius: 10px; padding: 28px; transition: transform .15s ease, box-shadow .15s ease;
}
.ewn-card:hover { transform: translateY(-4px); box-shadow: 0 10px 28px rgba(10,40,76,.12); }
.ewn-card i { font-size: 2rem; color: var(--ewn-accent); margin-bottom: 14px; display: block; }
.ewn-card h3 { font-size: 1.15rem; color: var(--ewn-primary); }
html[data-theme="dark"] .ewn-card h3 { color: var(--ewn-text); }
.ewn-card p { color: var(--ewn-text-soft); font-size: .95rem; }
.ewn-card a.ewn-more { color: var(--ewn-accent); font-weight: 600; text-decoration: none; }

/* Featured card (e.g., Standard Edition on pricing page) */
.ewn-card-featured {
  border: 2px solid var(--ewn-accent);
  box-shadow: 0 20px 44px -20px rgba(93,173,226,.5);
}
.ewn-card-featured:hover { box-shadow: 0 24px 48px -18px rgba(93,173,226,.6); }
.ewn-card-featured a.ewn-more {
  display: inline-block; margin-top: 4px; padding: 10px 22px; border-radius: 24px;
  background: var(--ewn-accent); color: #fff; transition: background .15s ease;
}
.ewn-card-featured a.ewn-more:hover { background: var(--ewn-primary); color: #fff; }

/* Buttons */
.ewn-btn {
  display: inline-block; padding: 14px 32px; border-radius: 6px; font-weight: 700;
  text-decoration: none; margin: 0 8px 8px 0;
}
.ewn-btn.primary { background: var(--ewn-cta); color: #fff; }
.ewn-btn.primary:hover { background: #c9302c; color: #fff; }
.ewn-btn.ghost { border: 2px solid #fff; color: #fff; }
.ewn-btn.ghost:hover { background: rgba(255,255,255,.12); color: #fff; }
.ewn-section .ewn-btn.ghost { border-color: var(--ewn-primary); color: var(--ewn-primary); }
html[data-theme="dark"] .ewn-section .ewn-btn.ghost { border-color: var(--ewn-accent); color: var(--ewn-accent); }

/* Testimonials */
.ewn-quote {
  border-left: 4px solid var(--ewn-accent); padding: 16px 24px; margin: 24px 0;
  background: var(--ewn-card-bg) !important; /* parent .entry-content blockquote sets a light bg */
  border-radius: 0 8px 8px 0; font-style: italic;
}
.ewn-quote footer { font-style: normal; font-weight: 700; color: var(--ewn-primary); margin-top: 8px; }
html[data-theme="dark"] .ewn-quote footer { color: var(--ewn-accent); }

/* Custom testimonial cards (Working for You, Testimonials carousel) supply their own
   quote-mark SVG above the blockquote; suppress the parent theme's blockquote:before
   Flaticon glyph so the two don't render stacked on top of each other. Scoped to figure
   wrappers so real blog-post blockquotes keep the parent theme's default quote icon. */
figure blockquote:before { content: none; }

/* CTA strip */
.ewn-cta-strip { background: var(--ewn-primary); color: #fff; text-align: center; padding: 56px 24px; }
.ewn-cta-strip h2 { color: #fff; }

/* Recent posts shortcode output */
.ewn-posts { list-style: none; padding: 0; margin-top: 24px; }
.ewn-posts li { padding: 14px 0; border-bottom: 1px solid var(--ewn-card-border); }
.ewn-posts a { color: var(--ewn-primary); font-weight: 600; text-decoration: none; }
html[data-theme="dark"] .ewn-posts a { color: var(--ewn-accent); }
.ewn-posts .meta { color: var(--ewn-text-soft); font-size: .85rem; margin-left: 10px; }

/* Dark/light toggle button (fixed, top-right, above header) */
#ewn-mode-toggle {
  position: fixed; top: 14px; right: 18px; z-index: 99999;
  width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--ewn-card-border);
  background: var(--ewn-card-bg); color: var(--ewn-text); cursor: pointer;
  font-size: 1.1rem; line-height: 1; box-shadow: 0 2px 10px rgba(0,0,0,.18);
}
#ewn-mode-toggle:hover { color: var(--ewn-accent); }

/* WP260620A: larger primary nav (parent-theme header markup — unused: header.php replaces it) */
#primary-menu > li > a,
.main-navigation #primary-menu > li > a {
  font-size: 18px !important;
}

/* WP260620A: proper registered/trademark mark (wrapped by main.js regMark) */
sup.ewn-reg {
  font-size: 0.62em;
  line-height: 0;
  vertical-align: 0.42em;
  margin-left: 0.04em;
  font-weight: inherit;
}

/* "Try EQQ Free" menu CTA */
.menu .ewn-cta-btn > a, li.ewn-cta-btn > a {
  background: var(--ewn-cta); color: #fff !important; border-radius: 6px;
  padding: 10px 18px !important; font-weight: 700;
}

/* WP260620A: blog post cards follow dark mode (parent .post-inner is white) */
html[data-theme="dark"] .post-inner {
  background: var(--ewn-card-bg) !important;
  border: 1px solid var(--ewn-card-border);
}
html[data-theme="dark"] .post-inner .post-title a,
html[data-theme="dark"] .post-inner h1 a,
html[data-theme="dark"] .post-inner h2 a,
html[data-theme="dark"] .post-inner h3 a { color: var(--ewn-text) !important; }
html[data-theme="dark"] .post-inner .post-title a:hover,
html[data-theme="dark"] .post-inner h2 a:hover { color: var(--ewn-accent) !important; }

/* WP260620A: larger blog body text — list excerpts + single article */
.entry-summary, .entry-summary p,
.single .entry-content, .single .entry-content > p,
.single .entry-content li {
  font-size: 18px;
  line-height: 1.7;
}

/* WP260620A: larger Get in Touch (CF7) form text */
.wpcf7-form input.wpcf7-form-control,
.wpcf7-form textarea.wpcf7-form-control,
.wpcf7-form select.wpcf7-form-control { font-size: 16px; }
.wpcf7-form label { font-size: 15px; }

/* WP260620A: swap the "Simple Likes" heart for a thumbs-up (like) icon.
   Mask + currentColor preserves the theme's colour states (grey / red when liked)
   and survives the AJAX re-render after a click. */
.sl-icon svg { display: none; }
.sl-icon::before {
  content: "";
  display: inline-block;
  width: 15px; height: 15px;
  vertical-align: middle;
  background-color: var(--ewn-accent);   /* brand blue like icon */
  -webkit-mask: url(images/thumb-up.svg) center / contain no-repeat;
          mask: url(images/thumb-up.svg) center / contain no-repeat;
}

/* WP260620A: single-article dark-mode refinements (likes, comment form, post nav) */
/* "Simple Likes" count number is black by default */
html[data-theme="dark"] .sl-wrapper,
html[data-theme="dark"] .sl-button,
html[data-theme="dark"] .sl-count { color: var(--ewn-text) !important; }

/* native comment form fields are light grey — match dark surface */
html[data-theme="dark"] .comment-form input[type="text"],
html[data-theme="dark"] .comment-form input[type="email"],
html[data-theme="dark"] .comment-form input[type="url"],
html[data-theme="dark"] .comment-form textarea {
  background: var(--ewn-card-bg) !important;
  color: var(--ewn-text) !important;
  border: 1px solid var(--ewn-card-border) !important;
}
html[data-theme="dark"] .comment-form input::placeholder,
html[data-theme="dark"] .comment-form textarea::placeholder { color: var(--ewn-text-soft); }

/* author box divider */
html[data-theme="dark"] .author-info,
html[data-theme="dark"] .post-author { border-color: var(--ewn-card-border) !important; }

/* WP260620A: social share row on single posts (appended via the_content) */
.ewn-share {
  display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
  margin: 44px 0 4px; padding-top: 26px; border-top: 1px solid var(--ewn-card-border);
}
.ewn-share-label { font-size: 13px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--ewn-text-soft); }
.ewn-share-btns { display: flex; gap: 10px; }
/* the post like button, relocated onto this row by main.js, sits at the far right */
.ewn-share .sl-wrapper { margin-left: auto; }
.ewn-share-btn {
  display: inline-flex; align-items: center; justify-content: center;
  width: 42px; height: 42px; border-radius: 50%;
  background: var(--ewn-card-bg); border: 1px solid var(--ewn-card-border);
  transition: transform .18s, background .18s, color .18s, border-color .18s;
}
.ewn-share-btn:hover { transform: translateY(-3px); }
/* Original brand colours by default; fill the brand colour on hover. */
.ewn-share-facebook { color: #1877f2; }
.ewn-share-x        { color: #000; }
.ewn-share-linkedin { color: #0a66c2; }
html[data-theme="dark"] .ewn-share-x { color: #fff; }   /* X mark is white on dark */
.ewn-share-facebook:hover { background: #1877f2; color: #fff; border-color: #1877f2; }
.ewn-share-x:hover        { background: #000;     color: #fff; border-color: #000; }
.ewn-share-linkedin:hover { background: #0a66c2; color: #fff; border-color: #0a66c2; }
html[data-theme="dark"] .ewn-share-x:hover { background: #fff; color: #000; border-color: #fff; }

/* WP260620A: two-column single-article layout (matches legacy ewarenow.com blog) */
.ewn-single-row { display: flex; flex-wrap: wrap; gap: clamp(24px, 3vw, 44px); }
.ewn-single-row .content-area { flex: 1 1 0; min-width: 0; width: auto; max-width: 100%; float: none; }
.ewn-article-sidebar { flex: 0 0 320px; max-width: 320px; width: 320px; float: none; }
@media (max-width: 991px) {
  .ewn-single-row { display: block; }
  .ewn-article-sidebar { max-width: none; width: auto; margin-top: 40px; }
}
.ewn-article-sidebar__inner { position: sticky; top: 96px; display: flex; flex-direction: column; gap: 22px; }

/* sidebar cards */
.ewn-side-card {
  background: var(--ewn-card-bg); border: 1px solid var(--ewn-card-border);
  border-radius: 14px; padding: 22px 22px 24px; box-shadow: 0 1px 2px rgba(10,40,76,.05);
}
.ewn-side-title {
  margin: 0 0 16px; font-size: 17px; color: var(--ewn-primary);
  padding-bottom: 12px; position: relative;
}
html[data-theme="dark"] .ewn-side-title { color: var(--ewn-text); }
.ewn-side-title::after {
  content: ""; position: absolute; left: 0; bottom: 0; width: 44px; height: 2px;
  background: var(--ewn-cta); border-radius: 2px;
}

/* search form */
.ewn-side-card form { display: flex; gap: 8px; }
.ewn-side-card .search-field, .ewn-side-card input[type="search"] {
  flex: 1 1 auto; min-width: 0; padding: 10px 14px; font-size: 15px;
  border: 1px solid var(--ewn-card-border); border-radius: 9px;
  background: var(--ewn-bg); color: var(--ewn-text);
}
.ewn-side-card .search-submit, .ewn-side-card input[type="submit"] {
  flex: 0 0 auto; padding: 10px 16px; border: 0; border-radius: 9px;
  background: var(--ewn-accent); color: #fff; font-weight: 600; cursor: pointer;
}

/* categories list */
.ewn-side-cats { list-style: none; margin: 0; padding: 0; }
.ewn-side-cats li {
  display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 11px 0;
}
.ewn-side-cats li + li { border-top: 1px solid var(--ewn-card-border); }
.ewn-side-cats a {
  min-width: 0; text-decoration: none; color: var(--ewn-text); font-weight: 500; transition: color .15s;
}
.ewn-side-cats a:hover { color: var(--ewn-accent); }
.ewn-side-cats span {
  flex: 0 0 auto; min-width: 26px; text-align: center; font-size: 12.5px; font-weight: 600;
  color: var(--ewn-accent); background: rgba(93,173,226,.12); border-radius: 20px; padding: 2px 9px;
}

/* related posts */
.ewn-side-related { list-style: none; margin: 0; padding: 0; }
.ewn-side-related li + li { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--ewn-card-border); }
.ewn-side-related a { display: flex; gap: 13px; align-items: flex-start; text-decoration: none; }
.ewn-rel-thumb {
  flex: 0 0 64px; width: 64px; height: 64px; border-radius: 10px; object-fit: cover; display: block;
}
.ewn-rel-thumb--ph { background: linear-gradient(135deg, var(--ewn-accent), var(--ewn-primary)); }
.ewn-rel-body { display: flex; flex-direction: column; min-width: 0; }
.ewn-rel-kicker { font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ewn-accent); margin-bottom: 4px; }
.ewn-rel-title { font-size: 14.5px; font-weight: 600; line-height: 1.35; color: var(--ewn-text); }
.ewn-side-related a:hover .ewn-rel-title { color: var(--ewn-accent); }

/* author box — clean bordered card, vertically-centered contained avatar.
   (The parent floats the avatar and puts a stray top border on .author-info.) */
.single .entry-footer { border: 0 !important; padding: 0 !important; }  /* like moved to share row → kill empty divider */
.single .author-bio {
  display: flex; align-items: center; gap: 22px;
  border: 1px solid var(--ewn-card-border); border-radius: 14px;
  padding: 24px 28px; margin-top: 14px;
}
.single .author-bio .author-image {
  float: none !important; margin: 0 !important; flex: 0 0 84px; width: 84px;
}
.single .author-bio .author-image img {
  width: 84px !important; height: 84px !important; border-radius: 50% !important;
  object-fit: cover; display: block;
}
/* #9415: user ID 1's avatar is swapped (functions.php get_avatar_data filter) for the
   Ewarenow logo instead of a photo - object-fit: cover would crop the logo's edges, so
   contain it instead and match the card background behind the transparent PNG. Square
   corners (not the default circle) so the full wordmark logo shows uncropped. */
.single .author-bio .author-image img[src*="ewarenow-logo"] {
  box-sizing: border-box !important;
  border-radius: 12px !important;
  object-fit: contain; background: var(--ewn-card-bg); padding: 10px;
}
.single .author-bio .author-info {
  flex: 1 1 auto; min-width: 0; border: 0 !important; padding: 0 !important;
}

/* back-to-blog link */
.ewn-back-to-blog { margin: 26px 0 0; }
.ewn-back-to-blog a {
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--ewn-accent); color: #fff; font-weight: 600; font-size: 15px;
  padding: 11px 22px; border-radius: 10px; text-decoration: none;
  transition: background .18s, transform .18s;
}
.ewn-back-to-blog a:hover { background: var(--ewn-primary); transform: translateY(-2px); color: #fff; }

/* WP260620A: EQQ-style blog cards — 2-up grid, colored category header + body */
.ewn-blog-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 26px; align-items: stretch; }
@media (max-width: 575px) { .ewn-blog-grid { grid-template-columns: 1fr; } }
.ewn-blog-grid .post-box {
  position: static !important; width: auto !important; left: auto !important; top: auto !important;
  float: none !important; margin: 0 !important; height: 100%;
}
.ewn-blog-grid .post-inner {
  height: 100%; display: flex; flex-direction: column;
  background: var(--ewn-card-bg); border: 1px solid var(--ewn-card-border);
  border-radius: 16px; overflow: hidden; box-shadow: 0 1px 2px rgba(10,40,76,.05);
  transition: transform .18s, box-shadow .18s, border-color .18s;
}
.ewn-blog-grid .post-inner:hover { transform: translateY(-4px); border-color: var(--ewn-accent); box-shadow: 0 16px 34px -20px rgba(10,40,76,.4); }

/* colored category header (gradient set inline by category) */
.ewn-card-head {
  position: relative; display: block; min-height: 168px; padding: 18px 20px;
  color: #fff; text-decoration: none; overflow: hidden;
}
.ewn-card-head::after { /* diagonal sheen */
  content: ""; position: absolute; top: 0; right: -30%; width: 70%; height: 100%;
  background: rgba(255,255,255,.06); transform: skewX(-18deg);
}
.ewn-card-head__cat {
  position: relative; z-index: 2; display: inline-block;
  font-size: 10.5px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase;
  color: #fff; background: rgba(0,0,0,.28); padding: 4px 10px; border-radius: 20px;
}
.ewn-card-head__title {
  position: relative; z-index: 2; display: block; margin-top: 12px; max-width: 75%;
  font-size: 17px; font-weight: 700; line-height: 1.25; color: #fff;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.ewn-card-head__num {
  position: absolute; z-index: 2; left: 18px; bottom: 6px;
  font-size: 52px; font-weight: 800; letter-spacing: -.03em; color: rgba(255,255,255,.22); line-height: 1;
}
.ewn-card-head__icon {
  position: absolute; z-index: 1; top: 14px; right: 16px; width: 58px; height: 58px; color: rgba(255,255,255,.85);
}
.ewn-card-head__icon svg { width: 100%; height: 100%; }

/* card body */
.ewn-card-body { display: flex; flex-direction: column; flex: 1 1 auto; padding: 20px 22px 22px; }
.ewn-card-date { font-size: 12.5px; color: var(--ewn-text-soft); }
.ewn-card-title { margin: 8px 0 0; font-size: 18px; line-height: 1.3; }
.ewn-card-title a { color: var(--ewn-primary); text-decoration: none; }
html[data-theme="dark"] .ewn-card-title a { color: var(--ewn-text); }
.ewn-card-title a:hover { color: var(--ewn-accent); }
.ewn-card-excerpt { margin: 10px 0 0; font-size: 14.5px; line-height: 1.6; color: var(--ewn-text-soft); }
.ewn-card-more { margin-top: auto; padding-top: 16px; color: var(--ewn-accent); font-weight: 600; font-size: 14px; text-decoration: none; }
.ewn-card-more:hover { color: var(--ewn-primary); }
html[data-theme="dark"] .ewn-card-more:hover { color: var(--ewn-text); }

/* single-article hero card (taller) */
.single .inner-post > .ewn-card-head { min-height: 210px; border-radius: 16px; margin-bottom: 26px; padding: 26px 30px; }
.single .inner-post > .ewn-card-head .ewn-card-head__title { font-size: clamp(20px,2.4vw,26px); max-width: 70%; }
.single .inner-post > .ewn-card-head .ewn-card-head__num { font-size: 72px; }
.single .inner-post > .ewn-card-head .ewn-card-head__icon { width: 76px; height: 76px; }

/* #9497: the parent's .entry-content { padding: 90px 0 110px } leaves a ~90px dead band
   under the header on blog surfaces (between the Blog h1 and the cards on the index,
   above the hero card on single posts), and .post-box .inner-post adds another 40px of
   top padding inside the single-post article, pushing the hero card ~40px below the
   sidebar top. Scoped to blog surfaces only - Elementor-designed pages never render this
   wrapper. Bottom padding deliberately left at the parent's value. */
.single .entry-content, .blog .entry-content, .archive .entry-content { padding-top: 36px; }
.single .blog-post > .inner-post { padding-top: 0; }

/* "You May Also Like" */
.ewn-ymal { margin-top: 48px; }
.ewn-ymal__title { font-size: clamp(20px,2.4vw,26px); color: var(--ewn-primary); margin: 0 0 22px; }
html[data-theme="dark"] .ewn-ymal__title { color: var(--ewn-text); }
.ewn-ymal__grid { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 767px) { .ewn-ymal__grid { grid-template-columns: 1fr; } }

/* WP260620A: single-article meta with icons (overrides parent's "_" placeholders) */
.single .entry-meta { display: flex; flex-wrap: wrap; gap: 8px 20px; align-items: center; }
.single .entry-meta span { display: inline-flex; align-items: center; gap: 7px; margin: 0; color: var(--ewn-text-soft); font-size: 14px; }
.single .entry-meta a { color: inherit; text-decoration: none; }
.single .entry-meta a:hover { color: var(--ewn-accent); }
.single .entry-meta svg { width: 15px; height: 15px; flex: 0 0 auto; color: var(--ewn-accent); }

/* Hide page-title band on the static front page (selector fallbacks) */
.home .page-header { display: none; }

/* Mobile */
@media (max-width: 640px) {
  .ewn-hero { padding: 64px 16px; }
  .ewn-hero h1 { font-size: 1.9rem; }
  .ewn-section { padding: 40px 16px; }
}

/* R13 type system: H1-H4 bold per Doug's font table (inline font-weight still wins) */
h1, h2, h3, h4 { font-weight: 700; }