/*
Theme Name: Kadence Child - ErosCharm Chic
Template: kadence
Version: 1.0.0
Description: Minimal child theme optimized for ErosCharm Affiliate Chic plugin (full-width app layout, Chic-like typography).
*/

:root{--ecac-green:#16a34a;--ecac-bg:#f9fafb;--ecac-text:#111827;--ecac-muted:#6b7280;}

/* Chic-like typography */
body{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}

/* Only affect Affiliate app pages */
body.ecac-affiliate-app{background:var(--ecac-bg);}

/* Remove Kadence container constraints on affiliate page */
body.ecac-affiliate-app .content-container,
body.ecac-affiliate-app .content-wrap,
body.ecac-affiliate-app .entry,
body.ecac-affiliate-app .entry-content,
body.ecac-affiliate-app .site,
body.ecac-affiliate-app .site-content{
  max-width:none !important;
  width:100% !important;
}

body.ecac-affiliate-app .entry-content{padding:0 !important; margin:0 !important;}

/* Hide Kadence page title + breadcrumbs inside app */
body.ecac-affiliate-app .entry-header,
body.ecac-affiliate-app .kadence-breadcrumbs,
body.ecac-affiliate-app .page-title,
body.ecac-affiliate-app .entry-title{display:none !important;}

/* Optional: hide site header/footer (plugin renders its own topbar/sidebar) */
body.ecac-affiliate-app #masthead,
body.ecac-affiliate-app #colophon{display:none !important;}

/* Fix WP admin bar overlay */
body.ecac-affiliate-app.admin-bar .ecac-topbar{top:32px !important;}
@media(max-width:782px){
  body.ecac-affiliate-app.admin-bar .ecac-topbar{top:46px !important;}
}

/* Smooth button interactions (for any remaining buttons rendered by WP/editor) */
body.ecac-affiliate-app button,
body.ecac-affiliate-app .button,
body.ecac-affiliate-app input[type=submit]{
  transition:transform .18s ease, box-shadow .18s ease, background-color .18s ease, color .18s ease, border-color .18s ease;
}
body.ecac-affiliate-app button:active,
body.ecac-affiliate-app .button:active,
body.ecac-affiliate-app input[type=submit]:active{transform:translateY(1px);}