/* ======================================
वारसा - संस्कृती | Additional CSS
====================================== */

/* ======================================
१) मुख्य Wrap - संपूर्ण पोस्टचा बाह्य बॉक्स
(कोणतेही :root/var(), rgba(), rem/em वापरलेले नाहीत - सर्व रंग direct hex, सर्व साईझ px)
====================================== */
#sds-varsa-root, #sds-varsa-root *{
box-sizing:border-box;
}
#sds-varsa-root.sds-varsa-wrapper{
max-width:900px;
margin:0 auto;
padding:0 16px 40px 16px;
font-family:'Hind',sans-serif;
font-size:16px;
line-height:1.7;
color:#3E2723;
background-color:#FBF4E7;
}

/* ======================================
२) झरी बॉर्डर पट्टी (पैठणी काठा - सिग्नेचर घटक)
====================================== */
#sds-varsa-root .sds-varsa-hero-zari-top,
#sds-varsa-root .sds-varsa-hero-zari-bottom{
height:10px;
width:100%;
background-image:repeating-linear-gradient(45deg,#C89B3C 0px,#C89B3C 10px,#7A1730 10px,#7A1730 20px);
}

/* ======================================
३) हिरो विभाग - मथळा व उपशीर्षक
====================================== */
#sds-varsa-root .sds-varsa-hero{
border-radius:18px;
overflow:hidden;
margin:24px 0;
background-image:linear-gradient(135deg,#7A1730 0%,#4A0E20 60%,#2E0912 100%);
box-shadow:0 10px 30px #E0C08040;
}
#sds-varsa-root .sds-varsa-hero-inner{
padding:48px 32px;
text-align:center;
}
#sds-varsa-root .sds-varsa-eyebrow{
display:inline-block;
font-family:'Baloo 2',sans-serif;
font-weight:600;
font-size:16px;
color:#F3D98B;
background-color:#5A1224;
padding:6px 18px;
border-radius:30px;
margin-bottom:18px;
letter-spacing:0.5px;
}
#sds-varsa-root .sds-varsa-hero-title{
font-family:'Khand',sans-serif;
font-weight:700;
font-size:44px;
color:#FFF3DA;
margin:0 0 16px 0;
line-height:1.25;
}
#sds-varsa-root .sds-varsa-hero-sub{
font-family:'Hind',sans-serif;
font-size:18px;
color:#F0D9B8;
margin:0;
}
@media(max-width:600px){
#sds-varsa-root .sds-varsa-hero-inner{padding:32px 20px;}
#sds-varsa-root .sds-varsa-hero-title{font-size:30px;}
#sds-varsa-root .sds-varsa-hero-sub{font-size:16px;}
}

/* ======================================
४) क्विक फॅक्ट्स इन्फोग्राफिक (४ कार्ड - प्रत्येकाला स्वतंत्र रंग)
====================================== */
#sds-varsa-root .sds-varsa-quickfacts{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:14px;
margin:0 0 28px 0;
}
#sds-varsa-root .sds-varsa-qf-card{
background-color:#FFF8EC;
border:2px solid #E9C98A;
border-radius:14px;
padding:18px 10px;
text-align:center;
display:flex;
flex-direction:column;
gap:6px;
transition:transform 0.25s ease, box-shadow 0.25s ease;
}
#sds-varsa-root .sds-varsa-qf-icon{font-size:30px;}
#sds-varsa-root .sds-varsa-qf-label{
font-family:'Baloo 2',sans-serif;
font-size:16px;
color:#8A5A24;
font-weight:600;
}
#sds-varsa-root .sds-varsa-qf-value{
font-family:'Hind',sans-serif;
font-size:16px;
font-weight:600;
color:#3E2723;
}
#sds-varsa-root .sds-varsa-qf-card:nth-child(1){background-color:#FCE8D5;border-color:#D98A3D;}
#sds-varsa-root .sds-varsa-qf-card:nth-child(1) .sds-varsa-qf-label{color:#B5541F;}
#sds-varsa-root .sds-varsa-qf-card:nth-child(1):hover{transform:translateY(-6px) scale(1.03);box-shadow:0 12px 24px #B5541F55;border-color:#B5541F;}
#sds-varsa-root .sds-varsa-qf-card:nth-child(2){background-color:#E1F2F0;border-color:#5FA6A0;}
#sds-varsa-root .sds-varsa-qf-card:nth-child(2) .sds-varsa-qf-label{color:#0E5A56;}
#sds-varsa-root .sds-varsa-qf-card:nth-child(2):hover{transform:translateY(-6px) scale(1.03);box-shadow:0 12px 24px #0E5A5655;border-color:#0E5A56;}
#sds-varsa-root .sds-varsa-qf-card:nth-child(3){background-color:#FBE6EC;border-color:#C96E8C;}
#sds-varsa-root .sds-varsa-qf-card:nth-child(3) .sds-varsa-qf-label{color:#9A2B4C;}
#sds-varsa-root .sds-varsa-qf-card:nth-child(3):hover{transform:translateY(-6px) scale(1.03);box-shadow:0 12px 24px #9A2B4C55;border-color:#9A2B4C;}
#sds-varsa-root .sds-varsa-qf-card:nth-child(4){background-color:#FFF3DA;border-color:#D9A62E;}
#sds-varsa-root .sds-varsa-qf-card:nth-child(4) .sds-varsa-qf-label{color:#946517;}
#sds-varsa-root .sds-varsa-qf-card:nth-child(4):hover{transform:translateY(-6px) scale(1.03);box-shadow:0 12px 24px #94651755;border-color:#946517;}
@media(max-width:600px){
#sds-varsa-root .sds-varsa-quickfacts{grid-template-columns:repeat(2,1fr);}
}

/* ======================================
५) सर्वसाधारण कार्ड रचना (परिचय / उगम / वैशिष्ट्ये / सामाजिक / नावे / आजची स्थिती)
====================================== */
#sds-varsa-root .sds-varsa-card{
position:relative;
border-radius:16px;
padding:32px 28px;
margin-bottom:24px;
overflow:hidden;
transition:transform 0.3s ease, box-shadow 0.3s ease;
box-shadow:0 6px 16px #3E272310;
}
#sds-varsa-root .sds-varsa-card:hover{
transform:translateY(-5px) scale(1.015);
box-shadow:0 16px 32px #3E272326;
}
#sds-varsa-root .sds-varsa-card-zari{
position:absolute;
top:0;left:0;right:0;
height:8px;
background-image:repeating-linear-gradient(45deg,#C89B3C 0px,#C89B3C 8px,#7A1730 8px,#7A1730 16px);
}
#sds-varsa-root .sds-varsa-card-title{
font-family:'Baloo 2',sans-serif;
font-weight:700;
font-size:26px;
margin:14px 0 14px 0;
}
#sds-varsa-root .sds-varsa-card-text{
font-family:'Hind',sans-serif;
font-size:16px;
color:#3E2723;
margin:0;
}
@media(max-width:600px){
#sds-varsa-root .sds-varsa-card{padding:24px 18px;}
#sds-varsa-root .sds-varsa-card-title{font-size:22px;}
}

/* ======================================
६) प्रत्येक कार्डाचा स्वतंत्र रंगथीम
====================================== */
#sds-varsa-root .sds-varsa-intro{background-color:#FFF7E8;}
#sds-varsa-root .sds-varsa-intro .sds-varsa-card-title{color:#8A5A24;}
#sds-varsa-root .sds-varsa-history{background-color:#FCE8D5;}
#sds-varsa-root .sds-varsa-history .sds-varsa-card-title{color:#B5541F;}
#sds-varsa-root .sds-varsa-features{background-color:#E1F2F0;}
#sds-varsa-root .sds-varsa-features .sds-varsa-card-title{color:#0E5A56;}
#sds-varsa-root .sds-varsa-social{background-color:#FBE6EC;}
#sds-varsa-root .sds-varsa-social .sds-varsa-card-title{color:#9A2B4C;}
#sds-varsa-root .sds-varsa-names{background-color:#FFF3DA;}
#sds-varsa-root .sds-varsa-names .sds-varsa-card-title{color:#946517;}
#sds-varsa-root .sds-varsa-today{background-color:#E8F0DE;}
#sds-varsa-root .sds-varsa-today .sds-varsa-card-title{color:#4C7A2E;}

/* ======================================
७) टाईमलाईन इन्फोग्राफिक (उगम व ऐतिहासिक जडणघडण विभागात)
====================================== */
#sds-varsa-root .sds-varsa-timeline{
display:flex;
align-items:flex-start;
justify-content:space-between;
margin-top:24px;
gap:8px;
}
#sds-varsa-root .sds-varsa-tl-node{
flex:1;
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
gap:6px;
}
#sds-varsa-root .sds-varsa-tl-dot{
font-size:26px;
background-color:#FFFFFF;
border:2px solid #B5541F;
border-radius:50%;
width:46px;height:46px;
display:flex;align-items:center;justify-content:center;
transition:transform 0.25s ease;
}
#sds-varsa-root .sds-varsa-tl-node:hover .sds-varsa-tl-dot{
transform:scale(1.15);
}
#sds-varsa-root .sds-varsa-tl-year{
font-family:'Baloo 2',sans-serif;
font-weight:600;
font-size:16px;
color:#B5541F;
}
#sds-varsa-root .sds-varsa-tl-text{
font-family:'Hind',sans-serif;
font-size:16px;
color:#5A3B22;
}
#sds-varsa-root .sds-varsa-tl-line{
flex:0 0 40px;
height:2px;
background-color:#B5541F;
margin-top:22px;
}
@media(max-width:600px){
#sds-varsa-root .sds-varsa-timeline{flex-direction:column;align-items:flex-start;}
#sds-varsa-root .sds-varsa-tl-line{width:2px;height:30px;margin:0 0 0 22px;}
}

/* ======================================
८) आयकॉन ग्रिड (स्वरूप व वैशिष्ट्ये विभागात)
====================================== */
#sds-varsa-root .sds-varsa-icon-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:14px;
margin-top:22px;
}
#sds-varsa-root .sds-varsa-icon-chip{
background-color:#FFFFFF;
border-radius:14px;
padding:16px 8px;
text-align:center;
display:flex;
flex-direction:column;
gap:6px;
transition:transform 0.25s ease, box-shadow 0.25s ease;
}
#sds-varsa-root .sds-varsa-icon-chip:hover{
transform:scale(1.06);
box-shadow:0 10px 20px #0E5A5633;
}
#sds-varsa-root .sds-varsa-icon-emoji{font-size:28px;}
#sds-varsa-root .sds-varsa-icon-text{
font-family:'Hind',sans-serif;
font-size:16px;
font-weight:500;
color:#0E5A56;
}
@media(max-width:600px){
#sds-varsa-root .sds-varsa-icon-grid{grid-template-columns:repeat(2,1fr);}
}

/* ======================================
९) ठिकाण-चिप्स (उल्लेखनीय नावे व केंद्रे विभागात)
====================================== */
#sds-varsa-root .sds-varsa-chip-row{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top:18px;
}
#sds-varsa-root .sds-varsa-place-chip{
font-family:'Baloo 2',sans-serif;
font-size:16px;
font-weight:600;
color:#946517;
background-color:#FFFFFF;
border:2px solid #E9C230;
border-radius:30px;
padding:8px 18px;
transition:transform 0.2s ease, background-color 0.2s ease;
}
#sds-varsa-root .sds-varsa-place-chip:hover{
transform:scale(1.08);
background-color:#FFEEC0;
}

/* ======================================
१०) चिंतन (क्लोजिंग विभाग)
====================================== */
#sds-varsa-root .sds-varsa-chintan{
border-radius:18px;
overflow:hidden;
margin:32px 0 24px 0;
background-image:linear-gradient(135deg,#4A0E20 0%,#7A1730 60%,#2E0912 100%);
box-shadow:0 10px 30px #E0C08040;
}
#sds-varsa-root .sds-varsa-chintan-text{
font-family:'Baloo 2',sans-serif;
font-size:20px;
font-weight:500;
color:#FFF3DA;
text-align:center;
padding:36px 28px;
margin:0;
line-height:1.8;
}
@media(max-width:600px){
#sds-varsa-root .sds-varsa-chintan-text{font-size:17px;padding:28px 18px;}
}

/* ======================================
११) फूटर
====================================== */
#sds-varsa-root .sds-varsa-footer{
background-color:#FFF3DA;
border-top:2px solid #C89B3C;
border-radius:16px;
padding:16px 26px;
text-align:center;
color:#7A1730;
font-family:'Baloo 2',sans-serif;
font-size:16px;
font-weight:700;
}