/*
Theme Name: CricFy TV Kadence
Theme URI: https://cricfytv.ro/
Author: CricFy TV
Description: Kadence child theme for CricFy TV. Original CSS implementing the site design system.
Template: kadence
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cricfytv-kadence
*/

:root{
  --cricfy-teal:#1bccb4;
  --cricfy-red:#ec1212;
  --cricfy-black:#111111;
  --cricfy-bg:#f7f8f9;
  --cricfy-coral:#FD8660;
  --cricfy-darkred:#f10909;
}

/* ---------- Base ---------- */
body{background-color:var(--cricfy-bg);}
.site-container, #wrapper{background-color:var(--cricfy-bg);}

/* Content card: plain white square card like the reference */
.single-page .entry-content, .page .entry-content{
  background:#ffffff;
  border:none;
  border-radius:0;
  padding:30px;
}

/* Hide the default page title on the static homepage (H1 lives in content) */
.home .entry-header .entry-title{display:none;}
.home .entry-header{margin-bottom:0;}

/* ---------- Header: white bar, small logo + title left, nav right ---------- */
.site-header{background:#ffffff;border-bottom:none;}
.site-header .custom-logo-link img,
.site-header .brand img.custom-logo,
.site-branding img.custom-logo{width:50px !important;height:auto !important;max-height:50px;}
.site-header .site-title, .site-branding .site-title{font-size:22px;font-weight:700;line-height:1.2;}
.site-header .site-title a{color:#222222;text-decoration:none;}
.main-navigation .menu > li > a{font-weight:600;color:#222222;}
.site-header .site-branding{display:flex;align-items:center;gap:10px;}

/* ---------- Hero: heading, logo, text, button ---------- */
.cricfy-hero{text-align:center;padding:6px 0;}
.cricfy-hero img.cricfy-logo{width:150px;height:auto;margin:6px auto;}
.cricfy-hero h1{font-size:28px;line-height:1.35;margin:0 0 12px;}
.cricfy-hero p{max-width:760px;margin:0 auto 14px;}

/* ---------- Download button (big red pill) ---------- */
a.cricfy-dl-btn{
  display:inline-block;
  background:var(--cricfy-red);
  color:#ffffff !important;
  font-size:19px;font-weight:800;
  padding:14px 42px;
  border-radius:50px;
  text-decoration:none !important;
  box-shadow:0 4px 14px rgba(236,18,18,.35);
  transition:transform .15s ease, box-shadow .15s ease;
}
a.cricfy-dl-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(236,18,18,.45);color:#fff !important;}
.cricfy-dl-note{font-size:13px;color:#6b7280;margin-top:10px;}

/* ---------- Section headings: teal ribbon ---------- */
h2.cricfy-ribbon{
  text-align:center;
  font-size:23px;
  padding:10px 18px;
  margin:34px 0 18px;
  border-left:2px solid var(--cricfy-teal);
  border-right:2px solid var(--cricfy-teal);
  border-bottom:3px solid #000000;
  border-top-left-radius:11px;
  border-top-right-radius:11px;
  background:#ffffff;
}

/* ---------- Sub headings: black pill with red border ---------- */
h3.cricfy-pill{
  text-align:center;
  font-size:18px;
  color:#ffffff;
  background:#000000;
  border:4px solid var(--cricfy-red);
  border-radius:11px;
  padding:9px 16px;
  margin:26px 0 14px;
}

/* Plain sub headings inside sections */
.entry-content h3:not(.cricfy-pill):not(.cricfy-faq-q){font-size:19px;margin:22px 0 10px;}

/* ---------- Tables ---------- */
table.cricfy-table{width:100%;border-collapse:collapse;margin:16px 0 22px;font-size:15px;}
table.cricfy-table th{
  background:var(--cricfy-teal);color:#000;
  text-align:left;padding:10px 14px;font-weight:700;
}
table.cricfy-table td{padding:9px 14px;border:1px solid #e2e8f0;vertical-align:top;}
table.cricfy-table tr:nth-child(even) td{background:#f8fafc;}

/* ---------- Note / warning boxes ---------- */
.cricfy-note{
  background:#f0fdfa;border-left:4px solid var(--cricfy-teal);
  padding:12px 16px;border-radius:0 8px 8px 0;margin:16px 0;font-size:15px;
}
.cricfy-warn{
  background:#fef2f2;border-left:4px solid var(--cricfy-red);
  padding:12px 16px;border-radius:0 8px 8px 0;margin:16px 0;font-size:15px;
}

/* ---------- FAQ ---------- */
.cricfy-faq-item{border:1px solid #e6e9ec;border-radius:10px;margin:0 0 12px;overflow:hidden;}
h3.cricfy-faq-q{
  font-size:17px;margin:0;padding:12px 16px;
  background:#f8fafc;cursor:default;
}
.cricfy-faq-a{padding:4px 16px 14px;font-size:15px;}
.cricfy-faq-a p{margin:8px 0;}

/* ---------- Pros / cons ---------- */
.cricfy-pros,.cricfy-cons{border-radius:10px;padding:14px 18px;margin:12px 0;}
.cricfy-pros{background:#f0fdf4;border:1px solid #bbf7d0;}
.cricfy-cons{background:#fef2f2;border:1px solid #fecaca;}
.cricfy-pros strong,.cricfy-cons strong{display:block;margin-bottom:6px;font-size:17px;}

/* ---------- Footer: coral single bar, centered ---------- */
.site-footer, footer.site-info{background:var(--cricfy-coral);}
.site-top-footer-wrap{display:none !important;}
.site-bottom-footer-wrap{background:var(--cricfy-coral);}
.site-bottom-footer-inner-wrap{justify-content:center !important;text-align:center;}
.site-footer .site-footer-bottom-section-1,
.site-footer .site-footer-section{width:100%;text-align:center;}
.site-footer, .site-footer p, .site-footer div{color:#1a1a1a;}
.site-footer a{color:#1a1a1a;font-weight:700;text-decoration:none;}
.site-footer a:hover{color:var(--cricfy-darkred);}

/* ---------- Responsive ---------- */
@media (max-width:767px){
  .single-page .entry-content, .page .entry-content{padding:20px 16px;}
  .cricfy-hero h1{font-size:23px;}
  h2.cricfy-ribbon{font-size:19px;}
  a.cricfy-dl-btn{font-size:17px;padding:12px 30px;}
}
