/*
Theme Name:   Enhance Smart Skills (Kadence Child)
Theme URI:    https://enhancesmartskills.com
Description:  Kadence child theme that replaces the GP Premium features used on enhancesmartskills.com (Elements, sticky/mobile header, secondary nav, footer links, author box, breadcrumbs, category headings).
Author:       Enhance Smart Skills
Template:     kadence
Version:      1.0.0
Text Domain:  ess-child
*/

/* Brand tokens (match the previous GeneratePress palette; adjust in Customizer > Colors if needed) */
:root {
  --ess-font-body: Inter, system-ui, sans-serif;
  --ess-font-heading: Georgia, "Times New Roman", serif;
}

/* Author box (replaces GP Element "Author box") */
.ess-author-box { margin: 2rem 0; }
.ess-author-box img { border-radius: 50%; flex: 0 0 auto; }
.ess-author-box h4 { margin: 0 0 .25rem; }

/* Breadcrumbs */
.ess-breadcrumbs { font-size: .875rem; margin: 0 auto; padding: .75rem 1rem; max-width: var(--global-content-width, 1290px); }
.ess-breadcrumbs a { text-decoration: none; }

/* Category heading / intro */
.ess-category-heading { max-width: var(--global-content-width, 1290px); margin: 1rem auto; padding: 0 1rem; }

/* Footer quick links */
.ess-footer-links { text-align: center; padding: 1rem; }
.ess-footer-links ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center; }

/* Secondary navigation */
.ess-secondary-nav { background: rgba(0,0,0,.04); }
.ess-secondary-nav ul { list-style: none; margin: 0 auto; padding: .5rem 1rem; display: flex; gap: 1.25rem; max-width: var(--global-content-width, 1290px); }

/* ---- Brand palette & typography (ported from GeneratePress customizer) ---- */
:root {
  --global-palette1: #1b78e2;  /* accent */
  --global-palette2: #14213d;  /* headings / strong accent */
  --global-palette3: #212121;  /* strong text */
  --global-palette4: #2f4468;  /* medium text */
  --global-palette5: #878787;  /* subtle text */
  --global-palette6: #f7f8f9;  /* lighter bg */
  --global-palette7: #fafafa;  /* site bg */
  --global-palette8: #ffffff;
  --global-palette9: #ffffff;
  --global-content-width: 1200px;
  --global-body-font-family: Inter, sans-serif;
  --global-heading-font-family: Georgia, "Times New Roman", serif;
}
body { font-family: Inter, sans-serif; font-size: 17px; color: #212121; background: #fafafa; }
h1, h2, h3, h4, h5, h6 { font-family: Georgia, "Times New Roman", serif; color: #14213d; }
.content-container, .site-container { max-width: 1200px; }

/* Sticky header (replaces GP Menu Plus sticky navigation) */
#masthead { position: sticky; top: 0; z-index: 999; background: #ffffff; }
.admin-bar #masthead { top: 32px; }

/* Remove Kadence's own archive title on categories (our Element already shows the heading) */
.category .post-archive-hero-section { display: none; }

/* Archive cards: hide category tags, style Read more button like the old loop template */
.archive .loop-entry .entry-taxonomies, .blog .loop-entry .entry-taxonomies { display: none; }
.ess-readmore { display: inline-block; margin-top: .5rem; padding: .5rem 1.1rem; background: #242226; color: #fff !important; border-radius: 999px; text-decoration: none; font-weight: 600; }
.ess-readmore:hover { background: #35343a; }
.loop-entry .entry-actions { display: none; }
.ess-readmore { display: table; margin-top: .75rem; }

/* Sidebar "Recent Posts" thumbnails: keep them small like the old sidebar */
.widget_recent_entries_with_thumbnails img, .rpwwt-widget img, #secondary .rpwwt-post-thumbnail img { width: 75px; height: 75px; object-fit: cover; }

/* =====================================================================
   DESIGN LAYER v2 - clean & modern
   ===================================================================== */
:root {
  --ess-navy: #14213d;
  --ess-navy-2: #2f4468;
  --ess-blue: #1b78e2;
  --ess-blue-dark: #145fb4;
  --ess-ink: #212121;
  --ess-muted: #5b6475;
  --ess-bg: #f4f7fb;
  --ess-line: rgba(20, 33, 61, .10);
  --ess-radius: 14px;
  --ess-shadow: 0 1px 2px rgba(20, 33, 61, .06), 0 10px 28px rgba(20, 33, 61, .08);
  --ess-shadow-hover: 0 2px 4px rgba(20, 33, 61, .08), 0 16px 36px rgba(20, 33, 61, .14);
}
body { background: var(--ess-bg); line-height: 1.75; -webkit-font-smoothing: antialiased; }
a { transition: color .2s ease; }

/* Header & menu */
#masthead { box-shadow: 0 1px 0 var(--ess-line), 0 8px 24px rgba(20, 33, 61, .05); }
.header-navigation .header-menu-container > ul > li > a,
.header-navigation ul.menu > li > a { font-weight: 600; font-size: .95rem; border-radius: 999px; padding: .55rem .95rem; transition: background .2s ease, color .2s ease; }
.header-navigation ul.menu > li > a:hover,
.header-navigation ul.menu > li.current-menu-item > a,
.header-navigation ul.menu > li.current-menu-ancestor > a { background: rgba(27, 120, 226, .10); color: var(--ess-blue); }
.header-navigation ul.sub-menu { border: 1px solid var(--ess-line); border-radius: 12px; box-shadow: var(--ess-shadow); overflow: hidden; }
.header-navigation ul.sub-menu a { padding: .65rem 1rem; }

/* Page title hero */
.entry-hero .entry-hero-container-inner { background: linear-gradient(135deg, var(--ess-navy) 0%, var(--ess-navy-2) 100%) !important; }
.entry-hero .hero-section-overlay { background: transparent !important; }
.entry-hero h1, .entry-hero .entry-title { color: #fff !important; letter-spacing: -.01em; }
.entry-hero .entry-meta, .entry-hero .entry-meta a { color: rgba(255, 255, 255, .85); }

/* Content cards */
.content-style-boxed .entry.content-bg,
.content-style-boxed .comments-area,
.content-style-boxed .comment-respond { border-radius: var(--ess-radius); box-shadow: var(--ess-shadow); }

/* Buttons */
.wp-block-button__link, .wp-element-button, .button, button.button, input[type=submit] {
  border-radius: 999px; font-weight: 600; letter-spacing: .01em; transition: transform .15s ease, box-shadow .15s ease, background .2s ease; }
.wp-block-button__link:hover, .wp-element-button:hover, .button:hover { transform: translateY(-1px); box-shadow: 0 8px 18px rgba(27, 120, 226, .28); }
.wp-block-button.is-style-outline .wp-block-button__link { border-width: 2px; }

/* Blog cards */
.loop-entry { border-radius: var(--ess-radius); overflow: hidden; box-shadow: var(--ess-shadow); transition: transform .2s ease, box-shadow .2s ease; }
.loop-entry:hover { transform: translateY(-4px); box-shadow: var(--ess-shadow-hover); }
.loop-entry .post-thumbnail-inner img { transition: transform .4s ease; }
.loop-entry:hover .post-thumbnail-inner img { transform: scale(1.04); }
.loop-entry .entry-title { font-size: 1.35rem; line-height: 1.3; }
.loop-entry .entry-title a:hover { color: var(--ess-blue); }
.loop-entry .entry-meta { color: var(--ess-muted); font-size: .85rem; }
.ess-readmore:hover { transform: translateY(-1px); }

/* Article typography */
.single .entry-content { font-size: 1.07rem; }
.single .entry-content h2 { margin-top: 2.2rem; padding-bottom: .4rem; border-bottom: 2px solid rgba(27, 120, 226, .18); }
.single .entry-content h3 { margin-top: 1.6rem; }
.entry-content a { text-underline-offset: 3px; }
.entry-content blockquote, .wp-block-quote { border-left: 4px solid var(--ess-blue); background: #eef5fe; padding: 1rem 1.25rem; border-radius: 0 12px 12px 0; }
.entry-content img { border-radius: 10px; }
.entry-content table { border-radius: 10px; overflow: hidden; }
.entry-tags a, .tag-links a { border-radius: 999px; }

/* Sidebar widgets as cards */
#secondary .widget { background: #fff; border-radius: var(--ess-radius); box-shadow: var(--ess-shadow); padding: 1.25rem 1.35rem; margin-bottom: 1.5rem; }
#secondary .widget-title { font-family: Inter, sans-serif; font-size: .85rem; letter-spacing: .08em; text-transform: uppercase; color: var(--ess-blue); margin-bottom: .9rem; }
#secondary .widget ul { list-style: none; margin: 0; padding: 0; }
#secondary .widget li { padding: .35rem 0; border-bottom: 1px solid var(--ess-line); }
#secondary .widget li:last-child { border-bottom: 0; }
#secondary .widget a { text-decoration: none; }
#secondary .widget a:hover { color: var(--ess-blue); }

/* Footer */
.ess-footer-links { background: var(--ess-navy); color: #d9e2f2; padding: 2.5rem 1rem; margin-top: 2rem; }
.ess-footer-links h2, .ess-footer-links h3, .ess-footer-links strong { color: #fff; }
.ess-footer-links a { color: #bcd8ff; }
.ess-footer-links a:hover { color: #fff; }
.site-footer, .site-footer-wrap, .site-bottom-footer-wrap { background: #0f1a30; color: #aab6cc; }
.site-footer a { color: #cfe1ff; }

/* Breadcrumbs */
.ess-breadcrumbs { color: var(--ess-muted); }
.ess-breadcrumbs a { color: var(--ess-blue); }

/* Phones */
@media (max-width: 767px) {
  .entry-hero h1, .entry-hero .entry-title { font-size: 1.75rem; line-height: 1.25; }
  .loop-entry .entry-title { font-size: 1.2rem; }
  .single .entry-content { font-size: 1.02rem; }
  .ess-readmore { display: block; text-align: center; }
  #secondary .widget { padding: 1rem; }
  .wp-block-buttons .wp-block-button { width: 100%; }
  .wp-block-buttons .wp-block-button__link { display: block; text-align: center; }
}

/* Header refinement: logo already contains the name; keep title for screen readers only */
.site-branding .site-title-wrap, .site-branding .site-title { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.header-navigation ul.menu > li > a { padding: .5rem .8rem; white-space: nowrap; }