/*
Theme Name: Arul Vazhi
Theme URI: https://arulvazhi.example
Author: Arul Vazhi
Description: Bilingual (Tamil + English) spiritual content site — temples, bhakti, meditation, festivals and scripture articles, built as a fast, ad-ready WordPress theme for AdSense monetization. Traditional crawlable multi-page structure (not a single-page app) for SEO.
Version: 1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: arul-vazhi
*/

:root{
  --bg:#FFF8EE;
  --bg-elev:#FCEEE0;
  --bg-card:#FFFFFF;
  --ink:#2B1710;
  --ink-soft:#7A5B45;
  --accent:#C1272D;
  --accent-ink:#FFF6F0;
  --accent2:#1F6F6B;
  --line:rgba(43,23,16,0.13);
  --line-strong:rgba(43,23,16,0.25);
  --shadow: 0 16px 36px -20px rgba(43,23,16,0.30);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#1A1210;
    --bg-elev:#241A15;
    --bg-card:#2A1E18;
    --ink:#F5E9DC;
    --ink-soft:#C7AD98;
    --accent:#E2574C;
    --accent-ink:#2a0e0b;
    --accent2:#3FA79E;
    --line:rgba(245,233,220,0.14);
    --line-strong:rgba(245,233,220,0.26);
    --shadow: 0 20px 44px -18px rgba(0,0,0,0.55);
  }
}
:root[data-theme="dark"]{
  --bg:#1A1210;
  --bg-elev:#241A15;
  --bg-card:#2A1E18;
  --ink:#F5E9DC;
  --ink-soft:#C7AD98;
  --accent:#E2574C;
  --accent-ink:#2a0e0b;
  --accent2:#3FA79E;
  --line:rgba(245,233,220,0.14);
  --line-strong:rgba(245,233,220,0.26);
  --shadow: 0 20px 44px -18px rgba(0,0,0,0.55);
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:'Catamaran', 'Noto Sans Tamil', sans-serif;
  font-size:16px;
  line-height:1.65;
  padding-inline:clamp(16px,4vw,32px);
}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
h1,h2,h3,h4{
  font-family:'Baloo Thambi 2','Catamaran',sans-serif;
  font-weight:700;
  text-wrap:balance;
  margin:0 0 .5em;
  color:var(--ink);
}
.eyebrow{
  font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);
}
p{color:var(--ink-soft);}
.wrap{max-width:1180px;margin-inline:auto;}
.measure{max-width:68ch;}
button{font-family:inherit;cursor:pointer;}
input,select,textarea{font-family:'Catamaran','Noto Sans Tamil',sans-serif;}

/* ---------- header ---------- */
header.site{
  position:sticky;top:0;z-index:50;
  background:color-mix(in srgb, var(--bg) 90%, transparent);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.navbar{
  max-width:1180px;margin-inline:auto;
  display:flex;align-items:center;justify-content:space-between;
  padding-block:14px;gap:20px;flex-wrap:wrap;
}
.brand{display:flex;align-items:center;gap:10px;}
.brand .mark{width:36px;height:36px;flex:none;}
.brand .word{font-family:'Baloo Thambi 2',sans-serif;font-size:1.2rem;font-weight:700;color:var(--ink);}
.brand .word small{display:block;font-family:'Catamaran',sans-serif;font-weight:500;font-size:.62rem;color:var(--accent2);letter-spacing:.05em;}
nav.links{display:flex;gap:2px;align-items:center;flex-wrap:wrap;}
nav.links a{
  padding:8px 13px;border-radius:999px;font-size:.85rem;font-weight:600;color:var(--ink-soft);
}
nav.links a:hover,nav.links a.current{background:var(--bg-elev);color:var(--ink);}
.lang-toggle{display:flex;gap:6px;}
.lang-toggle a{
  font-size:.76rem;font-weight:700;padding:6px 12px;border-radius:999px;border:1px solid var(--line-strong);color:var(--ink-soft);
}
.lang-toggle a.active{background:var(--accent);color:var(--accent-ink);border-color:transparent;}

/* ---------- hero ---------- */
.hero{
  border-radius:20px;background:var(--bg-elev);border:1px solid var(--line);
  padding:clamp(26px,5vw,48px);margin-block:28px 36px;text-align:center;
}
.hero h1{font-size:clamp(1.7rem,3.6vw,2.6rem);margin-bottom:.3em;}
.hero p{max-width:56ch;margin-inline:auto;font-size:1.02rem;}
.hero .bilingual-line{font-family:'Catamaran',sans-serif;font-size:.95rem;color:var(--accent2);font-weight:600;margin-top:6px;}

/* ---------- topic tiles ---------- */
.topic-tiles{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:40px;}
.topic-tile{
  background:var(--bg-card);border:1px solid var(--line);border-radius:14px;padding:16px 10px;text-align:center;
}
.topic-tile:hover{border-color:var(--accent);}
.topic-tile .ico{font-size:1.4rem;display:block;margin-bottom:6px;}
.topic-tile .name{font-size:.78rem;font-weight:700;color:var(--ink);display:block;}
.topic-tile .name-en{font-size:.66rem;color:var(--ink-soft);display:block;}
@media (max-width:900px){.topic-tiles{grid-template-columns:repeat(3,1fr);}}
@media (max-width:520px){.topic-tiles{grid-template-columns:repeat(2,1fr);}}

/* ---------- layout: content + sidebar ---------- */
.layout{display:grid;grid-template-columns:1fr 300px;gap:36px;align-items:start;margin-bottom:56px;}
@media (max-width:900px){.layout{grid-template-columns:1fr;}}

.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap;}
.section-head h2{font-size:1.4rem;margin:0;}

/* ---------- post cards ---------- */
.post-list{display:flex;flex-direction:column;gap:22px;}
.post-card{
  display:grid;grid-template-columns:180px 1fr;gap:18px;
  background:var(--bg-card);border:1px solid var(--line);border-radius:14px;overflow:hidden;
}
.post-card .thumb{background:linear-gradient(135deg,var(--accent),var(--accent2));min-height:120px;position:relative;}
.post-card .thumb img{width:100%;height:100%;object-fit:cover;}
.post-card .thumb .fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-family:'Baloo Thambi 2',sans-serif;font-size:1.6rem;}
.post-card .body{padding:16px 18px 16px 0;display:flex;flex-direction:column;gap:6px;}
@media (max-width:640px){.post-card{grid-template-columns:1fr;}.post-card .thumb{aspect-ratio:16/9;min-height:0;}.post-card .body{padding:14px 16px 16px;}}
.chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center;}
.chip-cat{font-size:.66rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent2);}
.chip-lang{font-size:.66rem;font-weight:700;background:var(--bg-elev);color:var(--ink-soft);padding:2px 8px;border-radius:6px;}
.post-card h3{font-size:1.08rem;margin:0;}
.post-card h3 a:hover{color:var(--accent);}
.post-card p{font-size:.88rem;margin:0;}
.meta{font-size:.76rem;color:var(--ink-soft);display:flex;gap:12px;flex-wrap:wrap;margin-top:auto;}

/* ---------- sidebar ---------- */
.sidebar{display:flex;flex-direction:column;gap:22px;}
.widget{background:var(--bg-card);border:1px solid var(--line);border-radius:14px;padding:18px;}
.widget h4{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;color:var(--ink-soft);}
.widget ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;}
.widget ul a{font-size:.9rem;}
.widget ul a:hover{color:var(--accent);}

/* ---------- ad slots ---------- */
.ad-slot{
  margin-block:26px;padding:10px;border-radius:12px;background:var(--bg-elev);border:1px dashed var(--line-strong);
  text-align:center;min-height:60px;display:flex;align-items:center;justify-content:center;
}
.ad-slot .ad-label{font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);}
.ad-slot.filled{background:transparent;border:none;padding:0;display:block;}

/* ---------- pagination ---------- */
.pagination{display:flex;gap:8px;justify-content:center;margin-top:8px;flex-wrap:wrap;}
.pagination a,.pagination span{
  padding:8px 14px;border-radius:8px;border:1px solid var(--line-strong);font-size:.85rem;font-weight:600;color:var(--ink-soft);
}
.pagination .current{background:var(--accent);color:var(--accent-ink);border-color:transparent;}

/* ---------- language filter bar ---------- */
.filterbar{display:flex;gap:8px;flex-wrap:wrap;}
.filterbar a{border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:.8rem;color:var(--ink-soft);}
.filterbar a.active{background:var(--accent);color:var(--accent-ink);border-color:transparent;font-weight:700;}

/* ---------- single article ---------- */
.article-head{max-width:74ch;margin-inline:auto;text-align:center;margin-bottom:22px;}
.article-head .chips{justify-content:center;margin-bottom:10px;}
.article-head h1{font-size:clamp(1.6rem,3.4vw,2.3rem);}
.article-thumb{width:100%;aspect-ratio:16/7;border-radius:16px;overflow:hidden;margin-bottom:26px;background:linear-gradient(135deg,var(--accent),var(--accent2));}
.article-thumb img{width:100%;height:100%;object-fit:cover;}
.article-body{max-width:70ch;margin-inline:auto;font-size:1.06rem;}
.article-body p{color:var(--ink);}
.article-body h2,.article-body h3{margin-top:1.3em;}
.article-body a{color:var(--accent2);text-decoration:underline;}
.article-body blockquote{border-left:3px solid var(--accent);padding-left:18px;font-style:italic;margin:1.5em 0;color:var(--ink-soft);}
.back-link{font-size:.85rem;font-weight:700;color:var(--accent2);display:inline-block;margin-bottom:20px;}

.related{max-width:70ch;margin:40px auto 0;border-top:1px solid var(--line);padding-top:26px;}
.related h3{font-size:1.1rem;}
.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
@media (max-width:560px){.related-grid{grid-template-columns:1fr;}}
.related-item{font-size:.92rem;font-weight:600;}
.related-item a:hover{color:var(--accent);}

/* ---------- static page ---------- */
.page-body{max-width:70ch;margin-inline:auto;font-size:1.02rem;}
.page-body h1{text-align:center;margin-bottom:.6em;}
.page-body p{color:var(--ink);}

footer.site{
  border-top:1px solid var(--line);margin-top:20px;padding-block:32px;
  display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:.82rem;color:var(--ink-soft);
}
footer.site .fcols{display:flex;gap:44px;flex-wrap:wrap;}
footer.site h4{font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink);margin-bottom:8px;}
footer.site ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;}
footer.site ul a:hover{color:var(--ink);}

@media (prefers-reduced-motion: reduce){ *{animation-duration:.001ms !important;transition-duration:.001ms !important;} }