/*
Theme Name: Hadi Nama
Theme URI: https://hadinama-revolution.lovable.app
Author: Tarekul Software IT
Author URI: https://wa.me/8801318497250
Description: হাদীনামা — নয়া বিপ্লবের ইশতেহার। Cinematic Bengali landing theme for the "হাদীনামা" book. Every section is fully editable from the WordPress admin panel (no Customizer needed) via the companion "Hadi Nama Manager" plugin. WooCommerce ready — orders flow directly into WooCommerce when the plugin is active. Compatible with all standard WordPress plugins (SEO, cache, forms, analytics, etc.).
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: hadi-nama
Tags: landing-page, one-page, book, ecommerce, woocommerce, rtl-language-support, custom-colors, threaded-comments, translation-ready
*/

/* =========================================================
   Design tokens — mirrors the React app's OKLCH palette
   ========================================================= */
:root{
  --hn-blood:      oklch(0.42 0.18 25);
  --hn-blood-deep: oklch(0.28 0.16 25);
  --hn-ember:      oklch(0.68 0.18 45);
  --hn-gold:       oklch(0.82 0.14 85);
  --hn-ink:        oklch(0.08 0.01 30);
  --hn-stone-100:  #f5f5f4;
  --hn-stone-200:  #e7e5e4;
  --hn-stone-300:  #d6d3d1;
  --hn-stone-400:  #a8a29e;
  --hn-white-05:   rgba(255,255,255,.05);
  --hn-white-10:   rgba(255,255,255,.10);
  --hn-black-40:   rgba(0,0,0,.40);
  --hn-black-60:   rgba(0,0,0,.60);
}

*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:var(--hn-ink);
  color:var(--hn-stone-100);
  font-family:"Hind Siliguri",system-ui,-apple-system,sans-serif;
  -webkit-font-smoothing:antialiased;
  line-height:1.6;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
h1,h2,h3,h4{font-family:"Noto Serif Bengali",serif;line-height:1.15;letter-spacing:-.01em;margin:0}
.hn-display{font-family:"Noto Serif Bengali",serif}

/* Layout */
.hn-container{max-width:1152px;margin:0 auto;padding:0 20px}
.hn-narrow{max-width:1024px;margin:0 auto;padding:0 20px}
.hn-tight{max-width:896px;margin:0 auto;padding:0 20px}
.hn-section{padding:64px 0}
@media(min-width:640px){.hn-section{padding:96px 0}}

/* Buttons */
.hn-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:16px 28px;font-weight:700;font-size:16px;color:#fff;
  border-radius:6px;background:linear-gradient(to bottom,var(--hn-blood),var(--hn-blood-deep));
  box-shadow:0 10px 20px -8px rgba(0,0,0,.5), inset 0 0 0 1px rgba(220,50,50,.4);
  transition:transform .15s ease;
  animation:hn-pulse 2s ease-in-out infinite;
  text-shadow:0 1px 2px rgba(0,0,0,.4);
}
.hn-btn:hover{transform:scale(1.02)}
.hn-btn:active{transform:scale(.99)}
@media(min-width:640px){.hn-btn{font-size:18px}}

@keyframes hn-pulse{
  0%,100%{box-shadow:0 0 0 0 oklch(0.55 0.22 25 / .55), 0 8px 24px -8px oklch(0.42 0.18 25 / .6)}
  50%    {box-shadow:0 0 0 14px oklch(0.55 0.22 25 / 0),  0 14px 30px -6px oklch(0.42 0.18 25 / .7)}
}

/* HERO */
.hn-hero{position:relative;overflow:hidden;border-bottom:1px solid rgba(139,0,0,.3)}
.hn-hero-bg{
  position:absolute;inset:0;opacity:.6;pointer-events:none;
  background:
    radial-gradient(60% 50% at 20% 20%, oklch(0.42 0.18 25 / .55), transparent 60%),
    radial-gradient(50% 50% at 90% 80%, oklch(0.28 0.16 25 / .6),  transparent 60%),
    linear-gradient(180deg,#0a0405,#120607);
}
.hn-hero-inner{
  position:relative;display:grid;gap:40px;padding:48px 20px;
}
@media(min-width:1024px){
  .hn-hero-inner{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;align-items:center;padding:80px 20px}
}
.hn-hero-copy{order:1}
@media(min-width:1024px){.hn-hero-copy{grid-column:1;grid-row:1}}
.hn-badge{
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 12px;font-size:13px;font-weight:500;
  border-radius:9999px;border:1px solid rgba(255,140,60,.4);
  background:rgba(139,0,0,.1);color:var(--hn-ember);
}
.hn-badge svg{width:14px;height:14px}
.hn-h1{
  font-size:36px;font-weight:800;color:#fff;margin-top:20px;text-align:center;
}
@media(min-width:640px){.hn-h1{font-size:48px}}
@media(min-width:1024px){.hn-h1{font-size:60px;text-align:left}}
.hn-hl{background:linear-gradient(90deg,var(--hn-ember),var(--hn-gold),var(--hn-ember));-webkit-background-clip:text;background-clip:text;color:transparent}
.hn-lede{margin-top:20px;color:var(--hn-stone-300);max-width:620px;font-size:16px;text-align:center}
@media(min-width:640px){.hn-lede{font-size:18px}}
@media(min-width:1024px){.hn-lede{text-align:left}}

.hn-hero-cover{order:3;position:relative;margin:0 auto}
@media(min-width:1024px){.hn-hero-cover{order:0;grid-column:2;grid-row:1/span 2;align-self:center}}
.hn-hero-cover::before{
  content:"";position:absolute;inset:-40px;z-index:-1;border-radius:50%;filter:blur(60px);opacity:.7;
  background:radial-gradient(circle,oklch(0.42 0.18 25 / .55),transparent 60%);
}
.hn-hero-cover img{
  max-height:560px;width:auto;max-width:80vw;
  transform:rotate(-2deg);border-radius:6px;background:#1c1917;
  box-shadow:0 30px 80px -20px rgba(139,0,0,.7);
  transition:transform .3s ease;
}
.hn-hero-cover img:hover{transform:rotate(0)}

.hn-hero-cta-mobile{order:2;display:flex;justify-content:center}
.hn-hero-cta-mobile-buy{order:4;display:flex;flex-direction:column;align-items:center;gap:8px}
.hn-hero-cta-desktop{display:none;flex-direction:column;align-items:center;gap:12px}
@media(min-width:1024px){
  .hn-hero-cta-mobile,.hn-hero-cta-mobile-buy{display:none}
  .hn-hero-cta-desktop{display:flex;grid-column:1;grid-row:2}
}
.hn-cta-sub{margin-top:4px;font-size:14px;color:var(--hn-stone-400);text-align:center}

/* PROBLEM */
.hn-problem{background:linear-gradient(to bottom,var(--hn-ink),#140709);border-bottom:1px solid var(--hn-white-05)}
.hn-h2{font-size:30px;font-weight:800;color:#fff;text-align:center}
@media(min-width:640px){.hn-h2{font-size:36px}}
@media(min-width:1024px){.hn-h2{font-size:48px;text-align:left}}
.hn-em{color:var(--hn-ember)}
.hn-grid-3{margin-top:40px;display:grid;gap:20px}
@media(min-width:768px){.hn-grid-3{grid-template-columns:repeat(3,1fr)}}
.hn-card{
  border:1px solid rgba(139,0,0,.3);background:var(--hn-black-40);
  border-radius:8px;padding:24px;text-align:center;transition:border-color .2s;
}
@media(min-width:1024px){.hn-card{text-align:left}}
.hn-card:hover{border-color:rgba(255,140,60,.5)}
.hn-card svg{width:28px;height:28px;color:var(--hn-ember);margin:0 auto}
@media(min-width:1024px){.hn-card svg{margin:0}}
.hn-card h3{font-size:20px;font-weight:700;color:#fff;margin-top:16px}
.hn-card p{margin-top:12px;font-size:14px;color:var(--hn-stone-300);line-height:1.7}

/* SOLUTION */
.hn-solution{position:relative;overflow:hidden;border-bottom:1px solid var(--hn-white-05)}
.hn-solution::before{
  content:"";position:absolute;inset:0;opacity:.4;
  background:radial-gradient(circle at 70% 30%, oklch(0.42 0.18 25 / .5), transparent 50%);
}
.hn-solution-inner{position:relative;text-align:center}
.hn-sparkles{width:36px;height:36px;color:var(--hn-gold);margin:0 auto}
.hn-solution ul{max-width:768px;margin:32px auto 0;padding-left:24px;text-align:left;color:var(--hn-stone-300);line-height:1.75}
.hn-solution ul li{margin-bottom:20px}
.hn-solution strong{color:#fff}
.hn-solution ul::marker,.hn-solution li::marker{color:var(--hn-ember)}

/* WHY READ */
.hn-why{background:#0d0506;border-bottom:1px solid var(--hn-white-05)}
.hn-card-alt{
  border:1px solid var(--hn-white-10);
  background:linear-gradient(to bottom,rgba(139,0,0,.15),transparent);
  border-radius:12px;padding:24px;text-align:center;transition:all .2s;
}
@media(min-width:1024px){.hn-card-alt{text-align:left}}
.hn-card-alt:hover{border-color:rgba(255,140,60,.4);box-shadow:0 10px 40px -10px rgba(255,120,40,.25)}
.hn-iconbox{
  display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;
  background:rgba(139,0,0,.3);border-radius:8px;box-shadow:inset 0 0 0 1px rgba(255,140,60,.3);
}
.hn-iconbox svg{width:24px;height:24px;color:var(--hn-ember)}
.hn-card-alt h3{margin-top:20px;font-size:20px;font-weight:700;color:#fff}
.hn-card-alt p{margin-top:12px;font-size:14px;color:var(--hn-stone-300)}

/* AUTHOR */
.hn-author{border-bottom:1px solid var(--hn-white-05)}
.hn-author-grid{display:grid;gap:40px;align-items:center;margin-top:40px}
@media(min-width:1024px){.hn-author-grid{grid-template-columns:1fr 1.3fr}}
.hn-author-img{position:relative}
.hn-author-img::before{
  content:"";position:absolute;inset:-24px;z-index:-1;border-radius:16px;opacity:.6;filter:blur(40px);
  background:radial-gradient(circle,oklch(0.42 0.18 25 / .5),transparent 60%);
}
.hn-author-img img{border:1px solid var(--hn-white-10);border-radius:12px;filter:grayscale(20%);box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}
.hn-author-copy{text-align:center}
@media(min-width:1024px){.hn-author-copy{text-align:left}}
.hn-eyebrow{font-size:13px;letter-spacing:.15em;text-transform:uppercase;color:var(--hn-ember)}
.hn-dl{margin-top:28px;border:1px solid var(--hn-white-10);border-radius:8px;background:rgba(0,0,0,.3)}
.hn-dl > div{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:12px 20px;border-top:1px solid var(--hn-white-10)}
.hn-dl > div:first-child{border-top:0}
@media(min-width:640px){.hn-dl > div{grid-template-columns:160px 1fr}}
.hn-dl dt{font-size:14px;font-weight:600;color:var(--hn-ember);margin:0}
.hn-dl dd{margin:0;color:var(--hn-stone-200);font-size:15px}

/* QUOTE */
.hn-quote{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--hn-blood-deep),var(--hn-ink),#000)}
.hn-quote-inner{text-align:center}
.hn-quote svg{width:48px;height:48px;color:rgba(255,140,60,.8);margin:0 auto}
.hn-quote blockquote{margin:24px 0 0;font-family:"Noto Serif Bengali",serif;font-size:24px;font-weight:700;color:#fff;line-height:1.5}
@media(min-width:640px){.hn-quote blockquote{font-size:30px}}
@media(min-width:1024px){.hn-quote blockquote{font-size:36px}}

/* OFFER */
.hn-offer{
  position:relative;overflow:hidden;padding:64px 0;
  background:linear-gradient(to right,var(--hn-blood),var(--hn-blood-deep),#000);
  border-top:4px solid rgba(255,200,60,.4);border-bottom:4px solid rgba(255,200,60,.4);
}
@media(min-width:640px){.hn-offer{padding:80px 0}}
.hn-offer-inner{text-align:center;max-width:896px;margin:0 auto;padding:0 20px}
.hn-pill{
  display:inline-flex;align-items:center;gap:8px;padding:6px 16px;
  font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--hn-gold);
  background:var(--hn-black-40);border:1px solid rgba(255,200,60,.4);border-radius:9999px;
}
.hn-pill svg{width:14px;height:14px}
.hn-price-row{margin-top:32px;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:16px}
.hn-price-old{font-size:20px;color:rgba(215,213,209,.8);text-decoration:line-through}
.hn-price-new{font-family:"Noto Serif Bengali",serif;font-size:48px;font-weight:800;color:var(--hn-gold);text-shadow:0 4px 10px rgba(0,0,0,.5)}
@media(min-width:640px){.hn-price-new{font-size:72px} .hn-price-old{font-size:24px}}
.hn-price-tag{padding:4px 12px;font-size:14px;font-weight:700;color:var(--hn-ink);background:var(--hn-gold);border-radius:6px}
.hn-count{margin:32px auto 0;max-width:448px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.hn-count-cell{border:1px solid rgba(255,200,60,.3);background:var(--hn-black-60);padding:16px 12px;border-radius:8px;box-shadow:inset 0 2px 6px rgba(0,0,0,.5)}
.hn-count-num{font-family:"Noto Serif Bengali",serif;font-size:30px;font-weight:800;color:var(--hn-gold)}
@media(min-width:640px){.hn-count-num{font-size:36px}}
.hn-count-lbl{margin-top:4px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--hn-stone-300)}
.hn-offer p.hn-stock{margin:24px auto 0;max-width:640px;color:var(--hn-stone-200);font-size:15px}

/* GUARANTEE */
.hn-guarantee{background:#0a0405;border-bottom:1px solid var(--hn-white-05);padding:64px 0}
.hn-guarantee-grid{display:grid;gap:24px;max-width:1024px;margin:0 auto;padding:0 20px}
@media(min-width:768px){.hn-guarantee-grid{grid-template-columns:repeat(3,1fr)}}
.hn-gcard{display:flex;gap:16px;border:1px solid var(--hn-white-10);background:var(--hn-black-40);padding:20px;border-radius:12px}
.hn-gcard svg{width:36px;height:36px;flex:none;color:var(--hn-ember)}
.hn-gcard h3{font-size:18px;font-weight:700;color:#fff}
.hn-gcard p{margin:4px 0 0;font-size:14px;color:var(--hn-stone-300)}

/* ORDER */
.hn-order{position:relative;padding:64px 0}
@media(min-width:640px){.hn-order{padding:96px 0}}
.hn-order::before{content:"";position:absolute;inset:0;opacity:.5;background:radial-gradient(circle at 50% 0%, oklch(0.42 0.18 25 / .5), transparent 60%)}
.hn-order-inner{position:relative;display:grid;gap:40px;align-items:start;max-width:1024px;margin:0 auto;padding:0 20px}
@media(min-width:1024px){.hn-order-inner{grid-template-columns:1fr 1.2fr}}
.hn-order-copy{text-align:center}
@media(min-width:1024px){.hn-order-copy{text-align:left}}
.hn-order-copy svg.hn-book{width:40px;height:40px;color:var(--hn-ember);margin:0 auto}
@media(min-width:1024px){.hn-order-copy svg.hn-book{margin:0}}
.hn-list{margin-top:24px;padding:0;list-style:none;display:inline-flex;flex-direction:column;gap:12px;text-align:left;font-size:14px;color:var(--hn-stone-200)}
.hn-list li{display:flex;align-items:center;gap:8px}
.hn-list svg{width:20px;height:20px;color:var(--hn-ember)}

.hn-form{
  border:1px solid rgba(255,140,60,.25);
  background:linear-gradient(to bottom,rgba(139,0,0,.15),rgba(0,0,0,.7));
  border-radius:16px;padding:28px;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);
}
.hn-form label{display:block;font-size:13px;color:var(--hn-stone-300);margin-bottom:6px;font-weight:600}
.hn-input{
  width:100%;padding:12px 14px;font:inherit;color:#fff;
  background:rgba(0,0,0,.5);border:1px solid var(--hn-white-10);border-radius:8px;outline:none;
  transition:border-color .15s;
}
.hn-input:focus{border-color:var(--hn-ember)}
.hn-input + .hn-input, .hn-form label + label, .hn-form label{margin-top:14px}
.hn-form label:first-of-type{margin-top:0}
textarea.hn-input{min-height:110px;resize:vertical}
.hn-submit{width:100%;margin-top:22px}
.hn-error{margin-top:14px;padding:10px 14px;background:rgba(139,0,0,.3);border:1px solid rgba(220,50,50,.5);border-radius:8px;color:#fecaca;font-size:14px}
.hn-success{
  border:1px solid rgba(255,140,60,.4);
  background:linear-gradient(to bottom,rgba(139,0,0,.2),rgba(0,0,0,.7));
  border-radius:16px;padding:28px;
}
.hn-success .hn-tick{
  width:64px;height:64px;margin:0 auto;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,140,60,.15);box-shadow:inset 0 0 0 2px rgba(255,140,60,.4);
}
.hn-success .hn-tick svg{width:40px;height:40px;color:var(--hn-ember)}
.hn-success h3{margin-top:16px;font-size:24px;font-weight:800;color:#fff;text-align:center}
.hn-success .hn-oid{
  display:inline-flex;gap:8px;align-items:center;margin:16px auto 0;padding:8px 16px;
  border:1px solid rgba(255,140,60,.4);background:var(--hn-black-40);border-radius:8px;
}
.hn-success .hn-oid span:first-child{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--hn-stone-400)}
.hn-success .hn-oid code{font-family:ui-monospace,monospace;font-size:15px;font-weight:700;color:var(--hn-ember)}
.hn-steps{margin-top:24px;padding:20px;border:1px solid var(--hn-white-10);background:var(--hn-black-40);border-radius:12px}
.hn-steps h4{font-size:18px;font-weight:700;color:#fff}
.hn-steps ol{margin:12px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px;color:var(--hn-stone-300);font-size:14px}
.hn-steps li{display:flex;gap:12px}
.hn-steps .n{flex:none;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--hn-blood);color:#fff;border-radius:50%;font-size:12px;font-weight:700}

/* FOOTER + FLOAT */
.hn-footer{border-top:1px solid var(--hn-white-10);background:#000;padding:32px 0;color:var(--hn-stone-400);font-size:14px}
.hn-footer-inner{display:flex;flex-direction:column;gap:16px;text-align:center;padding:0 20px;max-width:1152px;margin:0 auto}
@media(min-width:768px){.hn-footer-inner{flex-direction:row;justify-content:space-between;align-items:center;text-align:left}}
.hn-footer a{color:var(--hn-ember);font-weight:600;transition:color .15s}
.hn-footer a:hover{color:#fff}

.hn-whatsapp{
  position:fixed;right:20px;bottom:20px;z-index:50;
  display:inline-flex;align-items:center;gap:8px;padding:12px 16px;
  background:#25D366;color:#fff;border-radius:9999px;
  box-shadow:0 15px 40px -10px rgba(37,211,102,.5), 0 0 0 2px rgba(255,255,255,.2);
  transition:transform .15s;
}
.hn-whatsapp:hover{transform:scale(1.05)}
.hn-whatsapp .dot{position:relative;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center}
.hn-whatsapp .dot::before{content:"";position:absolute;inset:0;border-radius:50%;background:rgba(255,255,255,.6);animation:hn-ping 1.4s cubic-bezier(0,0,.2,1) infinite}
.hn-whatsapp .dot svg{position:relative;width:24px;height:24px}
.hn-whatsapp span.hn-lbl{display:none;font-family:"Noto Serif Bengali",serif;font-weight:700;font-size:14px}
@media(min-width:640px){.hn-whatsapp span.hn-lbl{display:inline}}
@keyframes hn-ping{75%,100%{transform:scale(2);opacity:0}}

/* Utility icons */
.hn-icon{width:20px;height:20px;flex:none}