/*
Theme Name: Chic Pro Child - PointsToPictures
Template: chic-pro
Version: 2.1.0
Description: Minimal child theme. Owns the footer and front-page banner removal only. Header, nav, mobile menu, search, and all typography are inherited from the parent theme untouched. No CSS applies below 993px.
*/

/* ═══ tokens (colors only — no typography) ═══ */
:root{
  --p2p-blue:#146AFF;
  --p2p-blue-d:#1158D9;
  --p2p-navy:#17263C;
  --p2p-navy-d:#101B29;
  --p2p-teal:#08769B;
}

/* ════════════════════════════════════════════════════════
   DESKTOP-ONLY header cosmetics (>=993px).
   Below this width the child theme is invisible: the parent
   theme + Max Mega Menu (breakpoint 768px) run untouched.
   ════════════════════════════════════════════════════════ */
@media (min-width: 993px){

  /* logo image carries the wordmark; hide redundant text */
  header#masthead .site-title,
  header#masthead .site-description{
    display:none !important;
  }

  /* Advertiser Disclosure: blue standout (compliance visibility) */
  #mega-menu-wrap-primary #mega-menu-primary
    > li.mega-menu-item > a.mega-menu-link[href*="disclaimer"]{
    color:var(--p2p-blue) !important;
    font-weight:700 !important;
  }

/* Subscribe: compact button, vertically centered in the menu row */
@media (min-width: 993px){
  #mega-menu-wrap-primary #mega-menu-primary > li.p2p-subscribe{
    display:flex !important;
    align-items:center !important;
  }
  #mega-menu-wrap-primary #mega-menu-primary
    > li.p2p-subscribe > a.mega-menu-link{
    background:var(--p2p-blue) !important;
    color:#fff !important;
    height:auto !important;
    line-height:1 !important;
    padding:11px 20px !important;
    border-radius:8px !important;
    margin-left:10px;
    display:inline-block !important;
  }
  #mega-menu-wrap-primary #mega-menu-primary
    > li.p2p-subscribe > a.mega-menu-link:hover{
    background:var(--p2p-blue-d) !important;
    color:#fff !important;
  }
}

/* ════════════════════════════════════════════════════════
   FOOTER — child-owned markup (see functions.php).
   No font-family anywhere: inherits the site's body font.
   Safe at all widths because the markup is ours alone.
   ════════════════════════════════════════════════════════ */
.p2p-footer{
  background:var(--p2p-navy);
  color:rgba(255,255,255,.65);
}
.p2p-footer-in{
  max-width:1280px;margin:0 auto;padding:48px 28px 36px;
  display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;
  gap:38px;align-items:start;
}
.p2p-f-brand img{height:72px;width:auto;margin-bottom:14px}
.p2p-f-tagline{
  font-size:13.5px;color:rgba(255,255,255,.55);
  max-width:32ch;line-height:1.55;margin:0;
}
.p2p-footer h4{
  font-size:12px;font-weight:700;letter-spacing:1.6px;
  text-transform:uppercase;color:#fff;
  border-left:3px solid var(--p2p-teal);padding-left:10px;
  margin:0 0 14px;
}
.p2p-footer ul{list-style:none;margin:0;padding:0}
.p2p-footer li{padding:4px 0}
.p2p-footer a{
  color:rgba(255,255,255,.65) !important;
  font-size:13.5px;text-decoration:none !important;
}
.p2p-footer a:hover{color:#fff !important;text-decoration:underline !important}
.p2p-f-email{
  display:flex;align-items:center;gap:9px;
  font-size:13.5px;color:rgba(255,255,255,.6);margin-top:6px;
}
.p2p-f-email a{color:#fff !important;font-weight:600}
.p2p-footer-bottom{background:var(--p2p-navy-d);padding:14px 0}
.p2p-footer-bottom-in{
  max-width:1280px;margin:0 auto;padding:0 28px;
  display:flex;justify-content:space-between;align-items:center;
  gap:16px;flex-wrap:wrap;
  font-size:12px;color:rgba(255,255,255,.45);
}
.p2p-footer-bottom a{color:rgba(255,255,255,.55) !important;text-decoration:none !important}
.p2p-footer-bottom a:hover{color:#fff !important}

/* footer responsive (our markup only — safe on mobile) */
@media (max-width:1024px){
  .p2p-footer-in{grid-template-columns:1fr 1fr;gap:30px}
}
@media (max-width:600px){
  .p2p-footer-in{grid-template-columns:1fr;padding:36px 20px 28px}
  .p2p-footer-bottom-in{flex-direction:column;align-items:flex-start}
}


/* ════════════════════════════════════════════════════════
   v2.1 additions
   ════════════════════════════════════════════════════════ */

/* ── (6) H1 banner: hidden on DESKTOP only, per spec ── */
@media (min-width: 993px){
  .home .entry-header,
  .home h1.entry-title,
  .home .page-header,
  .home .page-title{
    display:none !important;
  }
}

/* ── (1) desktop top menu: merge the two header bands into one row ── */
@media (min-width: 993px){
  header#masthead{
    display:flex;align-items:center;gap:24px;
    max-width:1280px;margin:0 auto;padding:0 28px;
  }
  header#masthead .site-branding{
    flex:none;padding:10px 0 !important;min-height:0 !important;
  }
  header#masthead .site-branding img,
  header#masthead .custom-logo{
    max-height:52px !important;width:auto !important;
  }
  header#masthead .header-bottom,
  header#masthead .main-navigation{
    flex:1;min-height:0 !important;
  }
  .header-bottom .container{min-height:0 !important;padding:0 !important}
}

/* ── (5) mobile header: hide redundant text, tighten bands ──
   Cosmetic only. No display/position rules touch the menu UL
   or the toggle, so open/close mechanics stay native. */
@media (max-width: 992px){
  header#masthead .site-title,
  header#masthead .site-description{
    display:none !important;
  }
  header#masthead .site-branding{
    padding:10px 0 !important;text-align:center;
  }
  header#masthead .site-branding img{
    max-height:44px !important;width:auto !important;margin:0 auto;
  }
}

/* ── (4) mobile menu pushes content down instead of covering it ──
   Only positioning of the expanded panel; the plugin's JS still
   owns show/hide. position:static puts the open menu in normal
   document flow, so content below is pushed, not overlapped. */
@media (max-width: 992px){
  #mega-menu-wrap-primary #mega-menu-primary{
    position:static !important;
    width:100% !important;
    box-shadow:none !important;
  }
}

/* ── (2) Subscribe menu item on mobile: full-width tappable row ── */
@media (max-width: 992px){
  #mega-menu-wrap-primary #mega-menu-primary
    > li.p2p-subscribe > a.mega-menu-link{
    background:var(--p2p-blue) !important;
    color:#fff !important;
    text-align:center;
    border-radius:8px;
    margin:8px 16px;
  }
}

/* ── (3) post typography: Roboto Slab headings, Barlow body ──
   Matches the homepage blocks and the site's original plugin CSS.
   Scoped to single-post/page content only. DELETE THIS BLOCK to
   revert posts to the parent theme's typography. */
.single .entry-title,
.page .entry-title,
.single .entry-content h2,
.single .entry-content h3,
.single .entry-content h4,
.page .entry-content h2,
.page .entry-content h3,
.page .entry-content h4{
  font-family:'Roboto Slab',Georgia,serif !important;
  font-weight:600 !important;
  letter-spacing:-.2px;
}
.single .entry-content,
.single .entry-content p,
.single .entry-content li,
.page .entry-content,
.page .entry-content p,
.page .entry-content li{
  font-family:'Barlow',system-ui,sans-serif !important;
  font-size:17px;
  line-height:1.65;
}