/*
Theme Name:   Edge Hair Child
Theme URI:    https://edgehairstyles.com
Description:  Kadence child theme for Edge Hairstyles — clean card-grid blog (Beauty Tips, Hairstyles, Nails).
Author:       Edge Hairstyles
Template:     kadence
Version:      1.0.0
Text Domain:  edgehair
*/

:root{
  --cm-bg:#fff8f6;
  --cm-surface:#ffffff;
  --cm-ink:#2b1e2b;
  --cm-ink-soft:#6b5a66;
  --cm-accent:#b5577a;      /* rose — hairstyles */
  --cm-accent-2:#c9906b;    /* sage — beauty tips */
  --cm-accent-3:#8a6fc1;    /* lilac — nails */
  --cm-line:#f0e2e4;
  --cm-radius:14px;
  --cm-shadow:0 2px 10px rgba(43,39,48,.06);
}

body{background:var(--cm-bg);color:var(--cm-ink);}
a{color:var(--cm-accent);}
a:hover{color:var(--cm-ink);}

/* Header */
#masthead .site-header-row-container-inner{background:var(--cm-surface);border-bottom:1px solid var(--cm-line);}
.site-branding .site-title{font-weight:800;letter-spacing:-.02em;}
.header-navigation .menu > li > a{font-weight:600;text-transform:none;}

/* Archive / home cards (Kadence loop) */
.loop-entry.type-post{
  background:var(--cm-surface);
  border-radius:var(--cm-radius);
  box-shadow:var(--cm-shadow);
  overflow:hidden;
  transition:transform .2s ease, box-shadow .2s ease;
}
.loop-entry.type-post:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(43,39,48,.10);}
.loop-entry .post-thumbnail-inner img{aspect-ratio:3/2;object-fit:cover;}
.loop-entry .entry-taxonomies a{
  font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cm-accent);
}
.loop-entry .entry-title{font-size:1.3rem;line-height:1.3;}
.loop-entry .entry-title a{color:var(--cm-ink);}
.loop-entry .entry-title a:hover{color:var(--cm-accent);}
.loop-entry .entry-meta{font-size:13px;color:var(--cm-ink-soft);}
.loop-entry .entry-summary{color:var(--cm-ink-soft);}

/* Category colors on labels */
.category-home-decor .entry-taxonomies a{color:var(--cm-accent-2);}
.category-nails .entry-taxonomies a{color:var(--cm-accent-3);}

/* Pagination */
.pagination .page-numbers{border-radius:10px;background:var(--cm-surface);border:1px solid var(--cm-line);}
.pagination .page-numbers.current{background:var(--cm-accent);color:#fff;border-color:var(--cm-accent);}

/* Single post — readable, Pinterest-friendly */
.single-post .entry-content-wrap{background:var(--cm-surface);border-radius:var(--cm-radius);}
.single-post .entry-content{font-size:18px;line-height:1.75;}
.single-post .entry-content h2{margin-top:2em;padding-bottom:.3em;border-bottom:2px solid var(--cm-line);}
.single-post .entry-content img{border-radius:12px;}

/* Shortcode sections [cm_section] */
.cm-section{margin:2.5rem 0;}
.cm-section__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1rem;}
.cm-section__title{margin:0;font-size:1.6rem;}
.cm-section__more{font-weight:600;font-size:.95rem;white-space:nowrap;}
.cm-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(var(--cm-cols,3),minmax(0,1fr));}
.cm-card{background:var(--cm-surface);border-radius:var(--cm-radius);box-shadow:var(--cm-shadow);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease;}
.cm-card:hover{transform:translateY(-3px);}
.cm-card__img{display:block;aspect-ratio:3/2;background:var(--cm-line);}
.cm-card__img img{width:100%;height:100%;object-fit:cover;display:block;}
.cm-card__body{padding:1rem 1.1rem 1.2rem;}
.cm-card__cat{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}
.cm-card__title{font-size:1.1rem;line-height:1.35;margin:.35rem 0 .4rem;}
.cm-card__title a{color:var(--cm-ink);text-decoration:none;}
.cm-card__meta{font-size:13px;color:var(--cm-ink-soft);}
@media (max-width:900px){.cm-grid{--cm-cols:2 !important;}}
@media (max-width:560px){.cm-grid{--cm-cols:1 !important;}.cm-section__title{font-size:1.35rem;}}

/* Footer */
.site-footer{background:var(--cm-ink);color:#d9d3dc;}
.site-footer a{color:#fff;}

/* Logo */
.site-branding .site-title-wrap{display:none;}
.site-branding a.brand img{width:230px;max-width:230px;height:auto;}
@media (max-width:767px){.site-branding a.brand img{width:160px;max-width:160px;}}