/* ============================================================
   TradeWithVijay — Main Stylesheet
   style.css
   ============================================================ */

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;font-size:16px;}
html.fs-sm{font-size:14px;}
html.fs-md{font-size:16px;}
html.fs-lg{font-size:18px;}
html.fs-xl{font-size:20px;}

/* ===== THEMES ===== */
body.light{
  --bg:#F4F7FF;--bg2:#FFFFFF;--bg3:#EBF0FF;
  --card:#FFFFFF;--card-border:#DDE5FF;--card-hover:#C8D5FF;
  --text1:#0A1030;--text2:#243060;--text3:#6878A8;
  --gold:#9A6A10;--gold2:#C88A20;
  --gold-bg:rgba(154,106,16,0.07);--gold-border:rgba(154,106,16,0.25);
  --blue:#1A4DB0;--blue-bg:rgba(26,77,176,0.07);--blue-border:rgba(26,77,176,0.22);
  --grid:rgba(80,110,220,0.06);
  --header-bg:rgba(244,247,255,0.96);--header-border:rgba(154,106,16,0.18);
  --accent1:#1A4DB0;--accent2:#C88A20;
  --dis-bg:rgba(154,106,16,0.06);--dis-border:rgba(154,106,16,0.22);--dis-text:#5A3A08;
  --link:#1A4DB0;--shadow:rgba(20,40,130,0.08);--footer:rgba(235,240,255,0.95);
  --modal-bg:rgba(10,16,48,0.75);
}
body.navy{
  --bg:#060C1E;--bg2:#0A1230;--bg3:#080E22;
  --card:rgba(12,22,55,0.92);--card-border:rgba(100,140,255,0.12);--card-hover:rgba(200,151,62,0.1);
  --text1:#F0F4FF;--text2:#C8D8F0;--text3:#4A6A9A;
  --gold:#F0C060;--gold2:#C8973E;
  --gold-bg:rgba(200,151,62,0.08);--gold-border:rgba(200,151,62,0.28);
  --blue:#6AA3F5;--blue-bg:rgba(106,163,245,0.08);--blue-border:rgba(106,163,245,0.25);
  --grid:rgba(100,150,255,0.04);
  --header-bg:rgba(6,12,30,0.94);--header-border:rgba(200,151,62,0.18);
  --accent1:#1E4DA0;--accent2:#C8973E;
  --dis-bg:rgba(200,151,62,0.05);--dis-border:rgba(200,151,62,0.22);--dis-text:#E0C080;
  --link:#6AA3F5;--shadow:rgba(0,5,30,0.45);--footer:rgba(6,12,30,0.95);
  --modal-bg:rgba(0,4,20,0.85);
}
body.emerald{
  --bg:#F0FBF5;--bg2:#FFFFFF;--bg3:#E2F5EA;
  --card:#FFFFFF;--card-border:#BBE8CC;--card-hover:#A0DDB8;
  --text1:#042015;--text2:#0F4028;--text3:#3A6A4A;
  --gold:#7A5C08;--gold2:#A07C18;
  --gold-bg:rgba(122,92,8,0.07);--gold-border:rgba(122,92,8,0.22);
  --blue:#0A5E35;--blue-bg:rgba(10,94,53,0.07);--blue-border:rgba(10,94,53,0.22);
  --grid:rgba(20,120,60,0.05);
  --header-bg:rgba(240,251,245,0.97);--header-border:rgba(10,94,53,0.18);
  --accent1:#0A5E35;--accent2:#A07C18;
  --dis-bg:rgba(10,94,53,0.05);--dis-border:rgba(10,94,53,0.2);--dis-text:#083820;
  --link:#0A5E35;--shadow:rgba(5,50,25,0.08);--footer:rgba(226,245,234,0.97);
  --modal-bg:rgba(2,20,10,0.78);
}
body.maroon{
  --bg:#FDF4F4;--bg2:#FFFFFF;--bg3:#F8ECEC;
  --card:#FFFFFF;--card-border:#EECECE;--card-hover:#E4B8B8;
  --text1:#220606;--text2:#4A1010;--text3:#804040;
  --gold:#7A4808;--gold2:#A06018;
  --gold-bg:rgba(122,72,8,0.07);--gold-border:rgba(122,72,8,0.22);
  --blue:#7A1010;--blue-bg:rgba(122,16,16,0.07);--blue-border:rgba(122,16,16,0.2);
  --grid:rgba(150,50,50,0.05);
  --header-bg:rgba(253,244,244,0.97);--header-border:rgba(122,16,16,0.18);
  --accent1:#7A1010;--accent2:#A06018;
  --dis-bg:rgba(122,16,16,0.05);--dis-border:rgba(122,16,16,0.2);--dis-text:#5A0808;
  --link:#7A1010;--shadow:rgba(70,5,5,0.08);--footer:rgba(248,236,236,0.97);
  --modal-bg:rgba(20,2,2,0.8);
}

body{
  font-family:'Nunito',sans-serif;
  background:var(--bg);color:var(--text2);
  min-height:100vh;overflow-x:hidden;
  transition:background 0.4s,color 0.4s;
}

/* ===== BACKGROUNDS ===== */
.bg-fixed{position:fixed;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse 80% 50% at 50% 0%,var(--bg3),var(--bg) 65%);
  transition:background 0.4s;}
.bg-grid{position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(var(--grid) 1px,transparent 1px),
    linear-gradient(90deg,var(--grid) 1px,transparent 1px);
  background-size:55px 55px;}

/* ===== ACCENT BAR ===== */
.accent-bar{height:3px;position:relative;z-index:20;
  background:linear-gradient(90deg,transparent,var(--accent1),var(--accent2),var(--accent1),transparent);
  background-size:200% 100%;animation:barSlide 5s linear infinite;}
@keyframes barSlide{0%{background-position:0%;}100%{background-position:200%;}}

/* ===== HEADER ===== */
header{
  position:sticky;top:0;z-index:100;
  background:var(--header-bg);backdrop-filter:blur(20px);
  border-bottom:1px solid var(--header-border);
  padding:0.75rem 1.5rem;
  display:flex;align-items:center;justify-content:space-between;
  gap:0.75rem;flex-wrap:wrap;
  transition:background 0.3s,border-color 0.3s;
}
.logo{font-family:'Nunito',sans-serif;font-size:1.3rem;font-weight:800;
  color:var(--gold);text-decoration:none;white-space:nowrap;transition:color 0.3s;}
.logo-blue{color:var(--blue);}
.header-right{display:flex;align-items:center;gap:0.6rem;flex-wrap:wrap;}

/* Font Size Controls */
.font-ctrl{
  display:flex;align-items:center;gap:4px;
  background:var(--bg3);border:1px solid var(--card-border);
  border-radius:50px;padding:3px 8px;
}
.font-ctrl-label{font-size:0.65rem;font-weight:600;color:var(--text3);
  letter-spacing:0.1em;text-transform:uppercase;margin-right:2px;}
.fc-btn{
  width:26px;height:26px;border-radius:50%;border:1px solid var(--card-border);
  background:var(--card);cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  font-family:'Nunito',sans-serif;font-weight:700;color:var(--text2);
  font-size:0.75rem;transition:all 0.2s;
}
.fc-btn:hover{background:var(--gold-bg);border-color:var(--gold-border);color:var(--gold2);}
.fc-cur{font-size:0.7rem;font-weight:700;color:var(--gold2);min-width:28px;text-align:center;}

/* Theme Switcher */
.theme-ctrl{display:flex;align-items:center;gap:5px;}
.tc{width:22px;height:22px;border-radius:50%;cursor:pointer;
  border:2px solid transparent;transition:transform 0.2s,border-color 0.2s,box-shadow 0.2s;flex-shrink:0;}
.tc:hover{transform:scale(1.2);}
.tc.active{border-color:var(--gold2);box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--gold2);}
.tc-light{background:linear-gradient(135deg,#C8D5FF,#9AA8E0);}
.tc-navy{background:linear-gradient(135deg,#0A1E50,#C8973E);}
.tc-emerald{background:linear-gradient(135deg,#0A4A28,#A07C18);}
.tc-maroon{background:linear-gradient(135deg,#5A0A0A,#A06018);}

/* SEBI Badge */
.sebi-badge{
  display:flex;align-items:center;gap:0.4rem;
  background:var(--gold-bg);border:1px solid var(--gold-border);
  border-radius:50px;padding:0.3rem 0.9rem;
  font-size:0.65rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;
  color:var(--gold2);white-space:nowrap;
}
.live-dot{width:6px;height:6px;border-radius:50%;background:#2ECC71;flex-shrink:0;
  animation:pulse 2s ease-in-out infinite;}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:0.3;transform:scale(1.6);}}

/* ===== MAIN ===== */
main{position:relative;z-index:10;max-width:900px;margin:0 auto;padding:2rem 1.25rem 4rem;}

/* Page Title */
.page-title{text-align:center;margin-bottom:2.5rem;padding-bottom:2rem;
  border-bottom:1px solid var(--card-border);}
.page-title h1{font-family:'Nunito',sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);
  font-weight:800;color:var(--text1);letter-spacing:-0.01em;margin-bottom:0.4rem;}
.page-title h1 span{color:var(--gold2);}
.page-title p{font-size:0.85rem;color:var(--text3);letter-spacing:0.06em;font-weight:500;}

/* ===== CARDS ===== */
.card{
  background:var(--card);border:1px solid var(--card-border);
  border-radius:16px;padding:1.75rem;margin-bottom:1.25rem;
  position:relative;overflow:hidden;
  box-shadow:0 2px 16px var(--shadow);
  transition:border-color 0.3s,box-shadow 0.3s,background 0.3s;
  animation:cardIn 0.5s ease both;
}
.card:hover{border-color:var(--card-hover);box-shadow:0 6px 32px var(--shadow);}
.card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--gold-border),transparent);}
.card:nth-child(1){animation-delay:.05s}.card:nth-child(2){animation-delay:.1s}
.card:nth-child(3){animation-delay:.15s}.card:nth-child(4){animation-delay:.2s}
.card:nth-child(5){animation-delay:.25s}.card:nth-child(6){animation-delay:.3s}
@keyframes cardIn{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}

/* Section Head */
.sec-head{display:flex;align-items:center;gap:0.75rem;margin-bottom:1.25rem;
  padding-bottom:0.9rem;border-bottom:1px solid var(--card-border);}
.sec-icon{width:38px;height:38px;border-radius:10px;flex-shrink:0;
  background:var(--gold-bg);border:1px solid var(--gold-border);
  display:flex;align-items:center;justify-content:center;font-size:1.05rem;}
.sec-head h2{font-family:'Nunito',sans-serif;font-size:1rem;font-weight:800;
  color:var(--gold2);letter-spacing:0.06em;text-transform:uppercase;}

/* ===== TABLE ===== */
.info-table{width:100%;border-collapse:collapse;}
.info-table tr{border-bottom:1px solid var(--card-border);}
.info-table tr:last-child{border-bottom:none;}
.info-table td{padding:0.7rem 0.4rem;font-size:0.9rem;line-height:1.6;vertical-align:top;font-family:'Nunito',sans-serif;}
.info-table td:first-child{color:var(--text3);font-weight:600;width:40%;font-size:0.82rem;letter-spacing:0.02em;}
.info-table td:last-child{color:var(--text1);font-weight:500;}
.info-table a{color:var(--link);text-decoration:none;font-weight:600;transition:color 0.2s;}
.info-table a:hover{color:var(--gold2);text-decoration:underline;}
.val-highlight{display:inline-block;background:var(--gold-bg);border:1px solid var(--gold-border);
  color:var(--gold2);padding:0.18rem 0.7rem;border-radius:6px;
  font-size:0.82rem;font-weight:700;letter-spacing:0.06em;}

/* ===== DISCLAIMER ===== */
.disclaimer-box{background:var(--dis-bg);border:1px solid var(--dis-border);
  border-left:3px solid var(--gold2);border-radius:0 12px 12px 0;
  padding:1.2rem 1.4rem;margin-top:0.5rem;}
.disclaimer-box p{font-size:12px;font-weight:700;font-family:'Nunito',sans-serif;
  color:var(--dis-text);line-height:1.8;margin-bottom:0.5rem;}
.disclaimer-box p:last-child{margin-bottom:0;}
.num{color:var(--gold2);font-weight:800;margin-right:0.4rem;}

/* ===== SEBI BUTTONS ===== */
.sebi-links{display:flex;flex-wrap:wrap;gap:0.75rem;margin-top:1rem;}
.sebi-btn{display:inline-flex;align-items:center;gap:0.45rem;
  padding:0.55rem 1.1rem;border-radius:50px;
  font-size:0.82rem;font-weight:700;font-family:'Nunito',sans-serif;
  letter-spacing:0.04em;text-decoration:none;transition:all 0.25s;cursor:pointer;}
.sebi-btn-gold{background:var(--gold-bg);border:1px solid var(--gold-border);color:var(--gold2);}
.sebi-btn-gold:hover{background:var(--gold-border);box-shadow:0 4px 16px var(--shadow);}
.sebi-btn-blue{background:var(--blue-bg);border:1px solid var(--blue-border);color:var(--blue);}
.sebi-btn-blue:hover{background:var(--blue-border);box-shadow:0 4px 16px var(--shadow);}

/* ===== DOCS GRID ===== */
.links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:0.85rem;}
.doc-link{display:flex;align-items:center;gap:0.85rem;
  background:var(--bg3);border:1px solid var(--card-border);
  border-radius:12px;padding:1rem 1.1rem;
  text-decoration:none;color:var(--text2);
  transition:all 0.22s;font-family:'Nunito',sans-serif;
  min-height:60px;cursor:pointer;}
.doc-link:hover{background:var(--gold-bg);border-color:var(--gold-border);
  color:var(--gold2);transform:translateY(-2px);box-shadow:0 6px 18px var(--shadow);}
.doc-icon{width:36px;height:36px;border-radius:8px;flex-shrink:0;
  background:var(--gold-bg);border:1px solid var(--gold-border);
  display:flex;align-items:center;justify-content:center;font-size:1rem;}
.doc-name{font-size:0.88rem;font-weight:700;line-height:1.4;flex:1;}
.doc-arrow{margin-left:auto;color:var(--text3);font-size:0.8rem;transition:transform 0.2s,color 0.2s;flex-shrink:0;}
.doc-link:hover .doc-arrow{transform:translateX(3px);color:var(--gold2);}

/* ===== PDF MODAL ===== */
.pdf-modal-overlay{
  position:fixed;inset:0;z-index:9999;
  background:var(--modal-bg);
  backdrop-filter:blur(6px);
  display:flex;align-items:center;justify-content:center;
  padding:1rem;
  opacity:0;visibility:hidden;
  transition:opacity 0.3s,visibility 0.3s;
}
.pdf-modal-overlay.open{opacity:1;visibility:visible;}

.pdf-modal{
  background:var(--card);border:1px solid var(--card-border);
  border-radius:18px;width:100%;max-width:860px;
  height:80vh;
  max-height:90vh;display:flex;flex-direction:column;
  box-shadow:0 24px 80px rgba(0,0,0,0.4);
  overflow:hidden;
  transform:scale(0.94) translateY(20px);
  transition:transform 0.3s;
}
.pdf-modal-overlay.open .pdf-modal{transform:scale(1) translateY(0);}

.pdf-modal-header{
  display:flex;align-items:center;gap:0.75rem;
  padding:1rem 1.25rem;
  border-bottom:1px solid var(--card-border);
  flex-shrink:0;
}
.pdf-modal-title{
  font-family:'Nunito',sans-serif;font-size:0.95rem;font-weight:800;
  color:var(--text1);flex:1;
}
.pdf-modal-close{
  width:32px;height:32px;border-radius:50%;
  background:var(--bg3);border:1px solid var(--card-border);
  cursor:pointer;display:flex;align-items:center;justify-content:center;
  font-size:1rem;color:var(--text3);transition:all 0.2s;flex-shrink:0;
}
.pdf-modal-close:hover{background:rgba(220,50,50,0.1);border-color:rgba(220,50,50,0.3);color:#E05050;}

.pdf-modal-body{flex:1;overflow:hidden;position:relative;min-height:0;}
#pdfContainer{-webkit-overflow-scrolling:touch;}

.pdf-iframe{
  width:100%;height:100%;border:none;display:block;
  min-height:500px;
}

/* Coming Soon State */
.pdf-coming-soon{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  height:100%;min-height:400px;
  padding:2.5rem 1.5rem;text-align:center;
  gap:1rem;
}
.cs-icon{font-size:3.5rem;margin-bottom:0.5rem;animation:float 3s ease-in-out infinite;}
@keyframes float{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}
.cs-title{font-family:'Nunito',sans-serif;font-size:1.3rem;font-weight:800;color:var(--text1);}
.cs-sub{font-size:0.85rem;color:var(--text3);font-weight:500;line-height:1.7;max-width:320px;}
.cs-badge{
  display:inline-flex;align-items:center;gap:0.4rem;
  background:var(--gold-bg);border:1px solid var(--gold-border);
  color:var(--gold2);border-radius:50px;
  padding:0.35rem 1rem;font-size:0.75rem;font-weight:700;
  letter-spacing:0.1em;text-transform:uppercase;margin-top:0.5rem;
}

/* ===== FOOTER ===== */
footer{position:relative;z-index:10;text-align:center;
  padding:1.25rem;border-top:1px solid var(--card-border);
  font-size:0.75rem;color:var(--text3);letter-spacing:0.06em;
  font-family:'Nunito',sans-serif;font-weight:600;
  background:var(--footer);transition:all 0.3s;}
footer span{color:var(--gold2);}

/* ===== RESPONSIVE ===== */
@media(max-width:768px){
  header{padding:0.65rem 1rem;}
  .logo{font-size:1.1rem;}
  .sebi-badge{display:none;}
  main{padding:1.25rem 0.9rem 3rem;}
  .card{padding:1.25rem;}
  .info-table td{font-size:0.85rem;padding:0.6rem 0.3rem;}
  .info-table td:first-child{width:44%;font-size:0.78rem;}
  .links-grid{grid-template-columns:1fr 1fr;gap:0.75rem;}
  .pdf-modal{height:90vh;max-height:95vh;border-radius:14px;}
  .pdf-iframe{min-height:400px;}
}
@media(max-width:480px){
  .header-right{width:100%;justify-content:space-between;}
  .links-grid{grid-template-columns:1fr;}
  .page-title h1{font-size:1.6rem;}
  .font-ctrl-label{display:none;}
  .pdf-modal{border-radius:12px;}
}