/*
Theme Name: FSIDM AI Marketing
Theme URI: https://fsidm.in
Author: FSIDM
Author URI: https://fsidm.in
Description: WordPress theme converted from the FSIDM "AI Powered Digital Marketing Institute" landing page (creative-ai-marketing.lovable.app), including a footer music-radio module for playing a YouTube playlist site-wide.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fsidm
*/

/* ==== All site CSS goes below this line ==== */

:root{
  --navy: #0b1420;
  --navy-2: #0f1b28;
  --panel: #111d2b;
  --gold: #e8b95b;
  --gold-2: #f4d68a;
  --cream: #f4ede0;
  --muted: #9fb0bf;
  --line: rgba(232,185,91,0.25);
  --maxw: 1200px;
}

*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  background:var(--navy);
  color:var(--cream);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  line-height:1.55;
}
img{max-width:100%; display:block;}
a{color:inherit; text-decoration:none;}
.wrap{max-width:var(--maxw); margin:0 auto; padding:0 24px;}

/* ---- Header ---- */
.site-header{
  position:sticky; top:0; z-index:50;
  background:rgba(11,20,32,0.9);
  backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line);
}
.site-header .wrap{
  display:flex; align-items:center; justify-content:space-between;
  padding-top:14px; padding-bottom:14px; gap:20px; flex-wrap:wrap;
}
.site-branding{display:flex; align-items:center; gap:12px;}
.site-branding img{height:38px; width:auto;}
.site-branding .brand-text{display:flex; flex-direction:column; line-height:1.1;}
.site-branding .brand-text strong{font-size:18px; letter-spacing:1px;}
.site-branding .brand-text span{font-size:11px; color:var(--muted); letter-spacing:1px; text-transform:uppercase;}

.site-clock{font-size:13px; color:var(--gold); letter-spacing:1px; font-variant-numeric:tabular-nums;}

.primary-nav ul{list-style:none; display:flex; gap:26px; margin:0; padding:0;}
.primary-nav a{font-size:14px; color:var(--cream); opacity:.85;}
.primary-nav a:hover{opacity:1; color:var(--gold);}

.btn{
  display:inline-block; padding:11px 22px; border-radius:6px;
  background:var(--gold); color:var(--navy); font-weight:600; font-size:14px;
  border:1px solid var(--gold);
}
.btn:hover{background:var(--gold-2);}
.btn-outline{background:transparent; color:var(--gold); border:1px solid var(--gold);}
.btn-outline:hover{background:var(--gold); color:var(--navy);}

.nav-toggle{display:none;}

/* ---- Hero ---- */
.hero{
  position:relative;
  background:#050a10 url('assets/images/fsidm-banner-wide.png') center/cover no-repeat;
  min-height:640px;
  display:flex; align-items:flex-end;
}
.hero::after{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(5,10,16,0.15) 0%, rgba(5,10,16,0.55) 55%, rgba(5,10,16,0.92) 100%);
}
.hero .wrap{position:relative; z-index:2; padding-bottom:64px; padding-top:64px;}
.hero-eyebrow{
  text-transform:uppercase; letter-spacing:3px; font-size:13px; color:var(--gold);
  margin-bottom:14px; font-weight:600;
}
.hero h1{
  font-size:clamp(32px,5vw,56px); margin:0 0 18px; color:#fff; line-height:1.1;
}
.hero h1 .accent{color:var(--gold);}
.hero p{max-width:640px; color:var(--muted); font-size:17px; margin:0 0 28px;}
.hero-actions{display:flex; gap:16px; flex-wrap:wrap;}

/* ---- Sections ---- */
section{padding:76px 0;}
.section-eyebrow{
  text-transform:uppercase; letter-spacing:2px; font-size:12px; color:var(--gold); font-weight:700; margin-bottom:10px;
}
.section-title{font-size:clamp(24px,3.4vw,36px); margin:0 0 12px; color:#fff;}
.section-sub{color:var(--muted); max-width:640px; margin:0 0 44px;}

.highlights-grid{
  display:grid; grid-template-columns:repeat(3,1fr); gap:24px;
}
.highlight-card{
  background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:28px;
}
.highlight-card h3{color:var(--gold); font-size:18px; margin:0 0 10px;}
.highlight-card p{color:var(--muted); font-size:14.5px; margin:0;}

.cta-band{
  background:var(--panel); border-top:1px solid var(--line); border-bottom:1px solid var(--line);
  text-align:center;
}
.cta-band h2{color:#fff; font-size:clamp(22px,3vw,32px); margin:0 0 10px;}
.cta-band p{color:var(--muted); margin:0 0 26px;}

/* ---- Radio / music footer module ---- */
.radio-module{
  background:var(--panel); border:1px solid var(--line); border-radius:14px;
  padding:20px 24px; display:flex; align-items:center; gap:18px; flex-wrap:wrap;
}
.radio-module .radio-meta{flex:1; min-width:200px;}
.radio-module .radio-tag{font-size:11px; letter-spacing:2px; text-transform:uppercase; color:var(--gold); margin-bottom:4px;}
.radio-module .radio-title{font-size:15px; color:#fff; margin:0;}
.radio-module .radio-sub{font-size:13px; color:var(--muted); margin:0;}
.radio-module .radio-player{width:100%; max-width:340px;}
.radio-module iframe{width:100%; height:80px; border:0; border-radius:8px;}
.radio-disclaimer{font-size:12px; color:var(--muted); margin-top:14px; text-align:center;}

/* ---- Footer ---- */
.site-footer{border-top:1px solid var(--line); padding:48px 0 28px; background:var(--navy-2);}
.footer-nav ul{list-style:none; display:flex; gap:22px; padding:0; margin:0 0 24px; flex-wrap:wrap; justify-content:center;}
.footer-nav a{font-size:14px; color:var(--muted);}
.footer-nav a:hover{color:var(--gold);}
.footer-copy{text-align:center; font-size:13px; color:var(--muted);}
.widget-title{color:var(--gold); font-size:14px; text-transform:uppercase; letter-spacing:1px;}

/* ---- Generic page/post content ---- */
.site-main{padding:64px 0; min-height:40vh;}
.entry-content{color:var(--cream); font-size:16px;}
.entry-content h1, .entry-content h2, .entry-content h3{color:#fff;}
.entry-content a{color:var(--gold); text-decoration:underline;}

@media (max-width: 880px){
  .primary-nav{display:none;}
  .highlights-grid{grid-template-columns:1fr;}
  .hero{
    min-height:520px;
    background-image:url('assets/images/fsidm-banner-tall.png');
  }
}