/* ==========================================================================
   Aniradichita Theatre & Films Association — shared stylesheet
   Used by: index.html, about.html, services.html, events.html, event.html, book-studio.html,
            blogs.html, contact.html
   ========================================================================== */

*{margin:0;padding:0;box-sizing:border-box;}
:root{
  --red:#E63946;
  --red-deep:#CC2936;
  --gold:#F2A93B;
  --blk:#141414;
  --dark:#0d0d0d;
  --card:#1f1f1f;
  --card2:#252525;
  --wht:#fff;
  --gray:#808080;
  --border:#2a2a2a;
}
html{scroll-behavior:smooth;}
body{font-family:'Segoe UI',Arial,sans-serif;background:var(--blk);color:var(--wht);overflow-x:hidden;line-height:1.5;}
a{text-decoration:none;color:inherit;}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;}
img{max-width:100%;display:block;}
ul{list-style:none;}
input,select,textarea{font-family:inherit;font-size:.95rem;}
.container{max-width:1240px;margin:0 auto;padding:0 4%;}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}

/* ══ SKIP LINK (a11y) ══ */
.skip-link{position:absolute;left:-999px;top:0;background:var(--red);color:#fff;padding:10px 16px;z-index:1000;border-radius:0 0 6px 0;}
.skip-link:focus{left:0;}

/* ══ NAV ══ */
nav{position:fixed;top:0;left:0;width:100%;z-index:300;background:linear-gradient(to bottom,rgba(0,0,0,.95),transparent);padding:0 4%;transition:background .3s;}
nav.solid{background:rgba(0,0,0,.97);border-bottom:1px solid var(--border);}
.nav-inner{display:flex;align-items:center;height:68px;gap:24px;max-width:1400px;margin:0 auto;}
.nav-logo{display:flex;align-items:center;gap:12px;cursor:pointer;flex-shrink:0;}
.nav-logo img{height:46px;width:auto;display:block;}
.nav-logo-text{font-weight:700;font-size:1rem;letter-spacing:.3px;white-space:nowrap;}
.nav-links{display:flex;gap:18px;flex:1;}
.nav-links a{color:#ccc;font-size:.82rem;letter-spacing:.3px;transition:color .2s;white-space:nowrap;padding:6px 0;position:relative;}
.nav-links a:hover,.nav-links a.active{color:var(--wht);}
.nav-links a.active{color:var(--red);font-weight:700;}
.nav-search{display:flex;align-items:center;}
.nav-search input{background:rgba(255,255,255,.08);border:1px solid var(--border);border-radius:20px;padding:8px 16px;color:#fff;font-size:.82rem;width:180px;}
.nav-search input::placeholder{color:#999;}
.nav-burger{display:none;background:none;border:none;color:#fff;font-size:1.4rem;padding:6px;}

.mobile-menu{display:none;position:fixed;top:68px;left:0;width:100%;background:rgba(0,0,0,.97);border-bottom:1px solid var(--border);z-index:299;padding:12px 4% 20px;}
.mobile-menu.open{display:block;}
.mobile-menu a{display:block;padding:12px 0;color:#ccc;font-size:.95rem;border-bottom:1px solid var(--border);}
.mobile-menu a.active{color:var(--red);font-weight:700;}
.mobile-menu .nav-search{margin-top:12px;}
.mobile-menu .nav-search input{width:100%;}

@media (max-width:1024px){
  .nav-links,.nav-search{display:none;}
  .nav-burger{display:block;}
}

/* ══ BUTTONS ══ */
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:6px;font-size:.85rem;font-weight:700;letter-spacing:.2px;transition:transform .15s,background .2s,opacity .2s;}
.btn:hover{transform:translateY(-2px);}
.btn-primary{background:var(--wht);color:#111;}
.btn-primary:hover{background:#eee;}
.btn-dark{background:rgba(255,255,255,.08);color:#fff;border:1px solid var(--border);}
.btn-dark:hover{background:rgba(255,255,255,.14);}
.btn-red{background:var(--red);color:#fff;}
.btn-red:hover{background:var(--red-deep);}
.btn-outline{background:transparent;border:1px solid var(--border);color:#fff;}
.btn-block{width:100%;justify-content:center;}
.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;}

/* ══ HERO (home) ══ */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:120px 4% 90px;background:linear-gradient(120deg,rgba(10,10,10,.88),rgba(10,10,10,.55) 55%,rgba(10,10,10,.35)),url('https://aniradichita.wordpress.com/wp-content/uploads/2024/10/20240712_193542-1.jpg') center/cover no-repeat;}
.hero-content{max-width:680px;position:relative;z-index:2;}
.badge{display:inline-flex;align-items:center;gap:8px;background:var(--red);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.4px;padding:9px 16px;border-radius:4px;margin-bottom:22px;}
.hero h1{font-size:clamp(2.4rem,6vw,4rem);font-weight:900;line-height:1.05;margin-bottom:18px;}
.hero h1 .accent{color:var(--red);}
.hero .tagline{font-style:italic;color:#ddd;font-size:1.1rem;margin-bottom:16px;}
.hero p.lead{color:#ccc;font-size:1.02rem;max-width:560px;margin-bottom:32px;}
.hero-ctas{display:flex;flex-wrap:wrap;gap:14px;}

/* ══ NEWS TICKER ══ */
.news-bar{position:fixed;left:0;bottom:0;width:100%;z-index:250;background:rgba(0,0,0,.92);border-top:1px solid var(--border);display:flex;align-items:center;height:44px;}
.news-live{display:flex;align-items:center;gap:8px;background:var(--red);height:100%;padding:0 16px;font-size:.72rem;font-weight:700;letter-spacing:.6px;flex-shrink:0;}
.news-live .dot{width:7px;height:7px;border-radius:50%;background:#fff;animation:pulse 1.4s infinite;}
@keyframes pulse{0%,100%{opacity:1;}50%{opacity:.3;}}
.news-track-wrap{flex:1;overflow:hidden;white-space:nowrap;}
.news-track{display:inline-flex;gap:48px;padding-left:100%;animation:scroll 32s linear infinite;}
.news-track-wrap:hover .news-track{animation-play-state:paused;}
@keyframes scroll{0%{transform:translateX(0);}100%{transform:translateX(-100%);}}
.news-track a{color:#ddd;font-size:.78rem;}
.news-track a:hover{color:var(--red);}
.news-track .src{color:var(--gold);font-size:.7rem;margin-left:6px;}
.news-refresh{flex-shrink:0;background:rgba(255,255,255,.08);border-left:1px solid var(--border);height:100%;padding:0 16px;font-size:.72rem;color:#ccc;}
.news-refresh:hover{color:#fff;}
@media (max-width:640px){.news-bar{display:none;}}
body.has-ticker footer{padding-bottom:64px;}
@media (max-width:640px){body.has-ticker footer{padding-bottom:24px;}}

/* ══ SECTION HEADING ══ */
.sec-hd{text-align:left;max-width:640px;margin-bottom:44px;}
.sec-label{color:var(--red);font-size:.78rem;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;margin-bottom:10px;display:block;}
.sec-hd h2{font-size:clamp(1.7rem,4vw,2.4rem);font-weight:800;}
.sec-hd h2 .accent{color:var(--red);}
.sec-hd p{color:#aaa;margin-top:10px;}
.sec-hd.center{margin-left:auto;margin-right:auto;text-align:center;}
section{padding:80px 0;}
section.tight{padding:56px 0;}

/* ══ STATS STRIP ══ */
.stats-strip{background:var(--dark);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.stat-card{text-align:center;padding:20px;}
.stat-icon{font-size:2rem;margin-bottom:10px;}
.stat-num{font-size:2.1rem;font-weight:900;}
.stat-label{font-weight:700;margin-top:4px;}
.stat-sub{color:#999;font-size:.82rem;margin-top:6px;}
@media (max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr);}}

/* ══ SERVICE CARDS (home) ══ */
.svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.svc-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:28px 22px;transition:transform .2s,border-color .2s;}
.svc-card:hover{transform:translateY(-4px);border-color:var(--red);}
.svc-icon{font-size:2rem;margin-bottom:14px;}
.svc-card h3{font-size:1.15rem;margin-bottom:6px;}
.svc-card .svc-tag{color:#999;font-size:.85rem;margin-bottom:18px;min-height:40px;}
@media (max-width:1024px){.svc-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:640px){.svc-grid{grid-template-columns:1fr;}}

/* ══ GALLERY ══ */
.gal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.gal-grid a{border-radius:8px;overflow:hidden;aspect-ratio:1/1;}
.gal-grid img{width:100%;height:100%;object-fit:cover;transition:transform .3s;}
.gal-grid a:hover img{transform:scale(1.06);}
@media (max-width:900px){.gal-grid{grid-template-columns:repeat(3,1fr);}}
@media (max-width:640px){.gal-grid{grid-template-columns:repeat(2,1fr);}}

/* ══ GENERATOR (AI script tool) ══ */
.gen-sec{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:40px clamp(20px,4vw,48px);}
.gen-hd{max-width:640px;margin-bottom:28px;}
.gen-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px;}
.gen-field{display:flex;flex-direction:column;gap:8px;}
.gen-field.gen-full{grid-column:1/-1;}
.gen-field label{font-size:.72rem;letter-spacing:.6px;text-transform:uppercase;color:#999;font-weight:700;}
.gen-field input,.gen-field select,.gen-field textarea{background:var(--dark);border:1px solid var(--border);border-radius:6px;padding:12px 14px;color:#fff;}
.gen-field textarea{min-height:96px;resize:vertical;}
.gen-field input:focus,.gen-field select:focus,.gen-field textarea:focus{outline:2px solid var(--red);outline-offset:1px;}
.out-box{margin-top:28px;background:var(--dark);border:1px dashed var(--border);border-radius:10px;padding:24px;min-height:80px;}
.out-box h4{margin-bottom:10px;}
.out-box.error{border-color:var(--red);color:#f1a7ac;}
@media (max-width:700px){.gen-grid{grid-template-columns:1fr;}}

/* ══ PAGE HERO (inner pages) ══ */
.page-hero{padding:150px 0 40px;}
.page-hero h1{font-size:clamp(2rem,5vw,3.2rem);font-weight:900;margin:14px 0;}
.page-hero h1 .accent{color:var(--red);}
.page-hero p{color:#bbb;max-width:640px;}

/* ══ ABOUT ══ */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-bottom:60px;}
.about-grid h2{color:var(--red);font-size:1.5rem;margin-bottom:14px;}
.about-grid p{color:#ccc;margin-bottom:14px;}
.commit-item{margin-bottom:18px;}
.commit-item b{color:#fff;}
.commit-item span{color:#ccc;}
@media (max-width:900px){.about-grid{grid-template-columns:1fr;gap:32px;}}

.founder-card{background:linear-gradient(135deg,#2a1010,#1a0a0a);border:1px solid var(--border);border-radius:16px;padding:36px;display:grid;grid-template-columns:220px 1fr;gap:36px;align-items:start;margin-bottom:48px;}
.founder-card img{border-radius:12px;width:100%;object-fit:cover;}
.founder-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;}
.founder-tags span{background:rgba(255,255,255,.08);border:1px solid var(--border);border-radius:20px;padding:5px 14px;font-size:.72rem;letter-spacing:.4px;text-transform:uppercase;}
.founder-tags span.hl{background:var(--gold);color:#111;border-color:var(--gold);}
.founder-card h2{font-size:1.8rem;margin-bottom:14px;}
.founder-card p{color:#ccc;margin-bottom:14px;}
.founder-social{display:flex;gap:10px;margin-top:10px;}
.founder-social a{background:rgba(255,255,255,.08);border:1px solid var(--border);border-radius:6px;padding:8px 14px;font-size:.8rem;}
@media (max-width:800px){.founder-card{grid-template-columns:1fr;}.founder-card img{max-width:220px;margin:0 auto;}}

.ventures-list{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0 40px;}
.venture-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:22px;}
.venture-card .letter{width:36px;height:36px;border-radius:8px;background:var(--red);display:flex;align-items:center;justify-content:center;font-weight:800;margin-bottom:12px;}
.venture-card h4{margin-bottom:8px;}
.venture-card p{color:#bbb;font-size:.9rem;}
@media (max-width:800px){.ventures-list{grid-template-columns:1fr;}}

.founder-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:36px 0 56px;text-align:center;}
.founder-stats .num{font-size:2rem;font-weight:900;color:var(--red);}
.founder-stats .lbl{color:#aaa;font-size:.85rem;}
@media (max-width:700px){.founder-stats{grid-template-columns:1fr;}}

/* ══ SERVICES ══ */
.svc-detail{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:28px 30px;margin-bottom:20px;}
.svc-detail .svc-icon{font-size:2.2rem;}
.svc-detail h3{font-size:1.3rem;margin-bottom:4px;}
.svc-detail .svc-sub{color:var(--gold);font-size:.85rem;font-weight:700;margin-bottom:10px;}
.svc-detail p{color:#bbb;font-size:.92rem;}
@media (max-width:800px){.svc-detail{grid-template-columns:1fr;text-align:left;}}

/* ══ STUDIO / BOOKING ══ */
.studio-wrap{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start;}
@media (max-width:1000px){.studio-wrap{grid-template-columns:1fr;}}

.s-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:28px;margin-bottom:24px;}
.s-card h3{display:flex;align-items:center;gap:10px;margin-bottom:18px;font-size:1.1rem;}
.s-card h3 .num{width:26px;height:26px;border-radius:50%;background:var(--red);display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;flex-shrink:0;}

.feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.feat-item{display:flex;gap:12px;background:var(--dark);border:1px solid var(--border);border-radius:8px;padding:14px;}
.feat-item .ic{font-size:1.3rem;}
.feat-item b{display:block;font-size:.92rem;}
.feat-item span{color:#999;font-size:.8rem;}
@media (max-width:640px){.feat-grid{grid-template-columns:1fr;}}

.tag-pills{display:flex;flex-wrap:wrap;gap:10px;}
.tag-pills span{background:var(--dark);border:1px solid var(--border);border-radius:20px;padding:8px 14px;font-size:.82rem;}

.pkg-table{width:100%;border-collapse:collapse;margin-bottom:14px;}
.pkg-table th,.pkg-table td{border:1px solid var(--border);padding:12px 14px;text-align:center;font-size:.88rem;}
.pkg-table th{background:var(--dark);color:var(--gold);}
.pkg-table td:first-child,.pkg-table th:first-child{text-align:left;}
.pkg-note{color:#999;font-size:.82rem;margin-top:6px;}
.pkg-note b{color:var(--gold);}

.cal2-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.cal2-label{font-weight:800;font-size:1.05rem;}
.cal2{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;}
.cal2-hd{text-align:center;font-size:.72rem;color:#999;font-weight:700;padding:6px 0;text-transform:uppercase;}
.cal2-hd.we{color:var(--gold);}
.cal2-d{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;position:relative;background:var(--dark);border-radius:6px;font-size:.85rem;color:#eee;cursor:pointer;}
.cal2-d.empty{background:transparent;cursor:default;}
.cal2-d.weekend{color:var(--gold);}
.cal2-d.dis{color:#555;cursor:not-allowed;background:rgba(255,255,255,.02);}
.cal2-d.partbook::after,.cal2-d.fullbook::after{content:'';position:absolute;bottom:5px;width:5px;height:5px;border-radius:50%;background:var(--gold);}
.cal2-d.fullbook::after{background:var(--red);}
.cal2-d.selected{background:var(--red);color:#fff;font-weight:700;}
.cal2-d:not(.dis):not(.empty):hover{outline:1px solid var(--red);}
.cal-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px;font-size:.76rem;color:#999;}
.cal-legend span{display:inline-flex;align-items:center;gap:6px;}
.cal-legend i{width:9px;height:9px;border-radius:50%;display:inline-block;background:var(--dark);border:1px solid var(--border);}
.cal-legend i.avail{background:var(--dark);}
.cal-legend i.part{background:var(--gold);}
.cal-legend i.full{background:var(--red);}
.cal-legend i.sel{background:var(--red);}

.dur-grid,.time-grid{display:flex;flex-wrap:wrap;gap:10px;}
.dur-btn,.time-btn{background:var(--dark);border:1px solid var(--border);border-radius:8px;padding:10px 16px;font-size:.85rem;}
.dur-btn.active,.time-btn.active{background:var(--red);border-color:var(--red);}
.dur-btn:disabled,.time-btn:disabled{opacity:.35;cursor:not-allowed;}
.muted-note{color:#999;font-size:.85rem;}

.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.form-field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;}
.form-field.full{grid-column:1/-1;}
.form-field label{font-size:.72rem;letter-spacing:.5px;text-transform:uppercase;color:#999;font-weight:700;}
.form-field input,.form-field select,.form-field textarea{background:var(--dark);border:1px solid var(--border);border-radius:6px;padding:11px 14px;color:#fff;}
.form-field textarea{min-height:90px;resize:vertical;}
@media (max-width:640px){.form-grid{grid-template-columns:1fr;}}

/* ══ BLOGS ══ */
.blog-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px;}
.blog-filters button{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:9px 18px;font-size:.82rem;}
.blog-filters button.active{background:var(--red);border-color:var(--red);}
.blog-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;}
.blog-card{background:var(--card);border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:transform .2s;}
.blog-card:hover{transform:translateY(-4px);}
.blog-tile{height:130px;display:flex;align-items:center;justify-content:center;font-size:2.4rem;}
.blog-body{padding:16px;}
.blog-cat{color:var(--red);font-size:.68rem;font-weight:800;letter-spacing:.6px;text-transform:uppercase;}
.blog-card h3{font-size:1rem;margin:6px 0;}
.blog-card p{color:#999;font-size:.82rem;}
@media (max-width:1100px){.blog-grid{grid-template-columns:repeat(3,1fr);}}
@media (max-width:640px){.blog-grid{grid-template-columns:repeat(2,1fr);}}

/* ══ CONTACT ══ */
.contact-info{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:48px;}
.info-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:26px;}
.info-card .ic{font-size:1.6rem;margin-bottom:10px;}
.info-card h4{color:var(--red);font-size:.75rem;letter-spacing:.6px;text-transform:uppercase;margin-bottom:8px;}
.social-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px;}
.social-row a{background:var(--dark);border:1px solid var(--border);border-radius:6px;padding:9px 16px;font-size:.85rem;}
@media (max-width:700px){.contact-info{grid-template-columns:1fr;}}
.contact-form-wrap h2{margin-bottom:6px;}
.contact-form-wrap .quote{color:var(--red);font-style:italic;margin-bottom:24px;}

/* ══ FOOTER ══ */
footer{background:var(--dark);border-top:1px solid var(--border);padding:60px 0 24px;margin-top:40px;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;margin-bottom:40px;}
.footer-brand img{height:40px;margin-bottom:14px;}
.footer-brand p{color:#999;font-size:.85rem;max-width:280px;}
.footer-col h4{font-size:.78rem;letter-spacing:.6px;text-transform:uppercase;color:#999;margin-bottom:14px;}
.footer-col a,.footer-col span{display:block;color:#ccc;font-size:.88rem;margin-bottom:10px;}
.footer-col a:hover{color:var(--red);}
.footer-bottom{border-top:1px solid var(--border);padding-top:20px;text-align:center;color:#777;font-size:.8rem;}
@media (max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:560px){.footer-grid{grid-template-columns:1fr;}}

/* ══ MODAL (quote request) ══ */
.modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:500;display:none;align-items:flex-start;justify-content:center;padding:60px 20px;overflow-y:auto;}
.modal-bg.active{display:flex;}
.modal{background:var(--card2);border:1px solid var(--border);border-radius:14px;max-width:640px;width:100%;padding:36px;position:relative;}
.modal-close{position:absolute;top:20px;right:20px;font-size:1.4rem;color:#999;}
.modal-close:hover{color:#fff;}
.modal h3{font-size:1.4rem;margin-bottom:4px;}
.modal-sub{color:var(--red);font-size:.9rem;margin-bottom:24px;}
#modalForm .form-field{margin-bottom:16px;}

/* ══ MISC ══ */
.section-divider{height:1px;background:var(--border);margin:40px 0;}
::-webkit-scrollbar{width:10px;}
::-webkit-scrollbar-track{background:var(--dark);}
::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px;}