/*
Theme Name: CariFro Beats V2
Theme URI: https://carifrobeats.com
Author: CariFro Beats
Description: Custom CariFro Beats theme with all Caribbean islands, no homepage blog section, and Blog menu linked to /index.php/blog-page/.
Version: 2.0
License: GPLv2 or later
Text Domain: carifro-beats
*/
:root{--bg:#050505;--panel:#0d0d0d;--panel2:#121212;--text:#fff;--muted:#cfcfcf;--line:rgba(255,255,255,.12);--orange:#ff8a00;--green:#00d66b;--yellow:#ffd329;--cyan:#03d9df;--pink:#ff2f8f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{position:sticky;top:0;z-index:99;background:rgba(0,0,0,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav-wrap{width:min(1200px,92%);margin:auto;display:flex;align-items:center;justify-content:space-between;padding:22px 0}.logo{font-size:28px;font-weight:900;letter-spacing:.3px}.logo .orange{color:var(--orange)}.logo .green{color:var(--green)}.logo .white{color:#fff}.main-nav{display:flex;gap:24px;align-items:center}.main-nav a{font-size:15px;color:#f3f3f3;opacity:.9}.main-nav a:hover{color:var(--yellow)}.menu-toggle{display:none;background:none;border:1px solid var(--line);color:#fff;padding:8px 12px;border-radius:8px}.hero{min-height:82vh;display:flex;align-items:center;background:radial-gradient(circle at 20% 20%,rgba(255,138,0,.16),transparent 32%),radial-gradient(circle at 85% 30%,rgba(0,214,107,.13),transparent 28%),linear-gradient(180deg,#050505,#090909)}.hero-inner{width:min(1100px,92%);margin:auto;padding:80px 0}.kicker{color:var(--yellow);text-transform:uppercase;letter-spacing:5px;font-size:13px;font-weight:800;margin-bottom:14px}.hero h1{font-size:clamp(46px,8vw,92px);line-height:1.02;margin:0 0 24px;font-weight:950}.gradient-text{background:linear-gradient(90deg,var(--orange),var(--green),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p,.lead{font-size:clamp(18px,2vw,22px);color:#e9e9e9;max-width:900px}.cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:999px;font-weight:900;border:1px solid var(--line)}.btn-primary{background:linear-gradient(90deg,var(--orange),var(--green));color:#000}.btn-secondary{background:#111;color:#fff}.btn:hover{transform:translateY(-1px)}.section{padding:88px 0}.dark-band{background:linear-gradient(180deg,#080808,#111,#080808)}.wrap{width:min(1200px,92%);margin:auto}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.section-title{font-size:clamp(34px,5vw,58px);line-height:1.06;margin:0 0 18px}.image-card,.card,.island-card{background:linear-gradient(180deg,#151515,#0d0d0d);border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 20px 70px rgba(0,0,0,.35)}.image-card{min-height:340px;background:radial-gradient(circle at 25% 25%,rgba(255,138,0,.32),transparent 30%),radial-gradient(circle at 80% 30%,rgba(0,214,107,.28),transparent 30%),radial-gradient(circle at 50% 80%,rgba(3,217,223,.2),transparent 28%),#111}.image-card img{width:100%;height:auto}.formula-grid,.island-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}.formula-item{padding:26px}.formula-item h3,.island-card h3{font-size:23px;margin:0 0 10px}.formula-item p,.island-card p,.culture-grid p{color:var(--muted);margin:0}.island-card{padding:22px}.island-card small{color:var(--green);font-weight:900;text-transform:uppercase;letter-spacing:2px}.moodboard{min-height:430px;border-radius:28px;border:1px solid var(--line);background:radial-gradient(circle at 20% 30%,rgba(255,138,0,.35),transparent 30%),radial-gradient(circle at 75% 25%,rgba(0,214,107,.3),transparent 28%),radial-gradient(circle at 50% 80%,rgba(3,217,223,.25),transparent 30%),#111}.culture-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px}.culture-grid>div{background:#101010;border:1px solid var(--line);border-radius:18px;padding:20px}.artist-section{background:linear-gradient(135deg,rgba(255,138,0,.12),rgba(0,214,107,.08),rgba(3,217,223,.06))}.album-card{padding:34px;border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle at top right,rgba(255,47,143,.22),transparent 28%),#0c0c0c}.album-card h3{font-size:46px;margin:0 0 10px;color:#fff}.blog-list{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.post-card{background:#101010;border:1px solid var(--line);border-radius:22px;overflow:hidden}.post-card .post-content{padding:22px}.post-card h2{font-size:24px;line-height:1.2}.footer{padding:36px 0;border-top:1px solid var(--line);background:#030303;color:#bbb}.footer-inner{width:min(1200px,92%);margin:auto;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}@media(max-width:980px){.main-nav{gap:14px}.main-nav a{font-size:14px}}@media(max-width:850px){.menu-toggle{display:block}.main-nav{display:none;position:absolute;right:4%;top:76px;background:#090909;border:1px solid var(--line);border-radius:16px;padding:18px;flex-direction:column;align-items:flex-start;width:250px}.main-nav.open{display:flex}.grid-2,.formula-grid,.island-grid,.blog-list{grid-template-columns:1fr}.culture-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero-inner{padding:70px 0}.nav-wrap{padding:16px 0}.logo{font-size:24px}}


/* CariFro Network Footer */
.site-footer{background:radial-gradient(circle at 15% 10%,rgba(255,138,0,.14),transparent 28%),radial-gradient(circle at 80% 20%,rgba(0,214,107,.12),transparent 28%),#030303;border-top:1px solid var(--line);padding:56px 0 24px;color:#d7d7d7}.footer-network{width:min(1240px,92%);margin:auto;display:grid;grid-template-columns:1.4fr repeat(5,1fr);gap:28px}.footer-logo{font-size:28px;font-weight:950;display:inline-block;margin-bottom:14px}.footer-col h3{font-size:17px;color:#fff;margin:0 0 14px}.footer-col p{font-size:14px;color:#cfcfcf;margin:0 0 12px}.footer-col ul{list-style:none;padding:0;margin:0}.footer-col li{margin:0 0 9px}.footer-col a{font-size:14px;color:#dcdcdc}.footer-col a:hover{color:var(--yellow)}.footer-note{margin-top:14px!important;color:#aaa!important}.copyright{color:var(--yellow)!important;font-weight:800}.footer-bottom{width:min(1240px,92%);margin:34px auto 0;padding-top:20px;border-top:1px solid var(--line);display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:center;color:#aaa}.footer-bottom a{color:#eaeaea;font-size:14px}.footer-bottom a:hover{color:var(--green)}@media(max-width:1100px){.footer-network{grid-template-columns:repeat(3,1fr)}.footer-brand{grid-column:span 3}}@media(max-width:720px){.footer-network{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{justify-content:flex-start}.main-nav{max-height:70vh;overflow:auto}}
