/* Minimalist Light Vedic Theme - Serene, Clean & Devotional */
/* Updated: Language icons removed + All previous improvements preserved */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Gujarati:wght@300;400;500;600;700&display=swap');

body {
  font-family: 'Noto Sans Gujarati', sans-serif !important;
  background-color: #FAF9F6 !important;
  color: #3E2723 !important;
  line-height: 1.9 !important;
  font-size: 1.05rem !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Noto Sans Gujarati', sans-serif !important;
  color: #8B4513 !important;
  font-weight: 600 !important;
  margin: 1.8em 0 1em 0 !important;
}

a {
  color: #A0522D !important;
  text-decoration: none !important;
  transition: color 0.2s ease;
}

a:hover {
  color: #BF6F3A !important;
  text-decoration: underline !important;
}

/* Brand Title */
.brand-title {
  color: #8B4513 !important;
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px;
  text-decoration: none !important;
}
.brand-icon {
  font-size: 1.8rem;
  padding: 10px 0px 10px 10px;
}

.brand-title:hover {
  opacity: 0.92;
  text-decoration: none !important;
}

/* === Main Tabs – Full Width + Distinct Active Styling === */
.main-tab-buttons {
  display: flex;
  gap: 12px;
  margin: 1rem auto 1.3rem;
  flex-wrap: nowrap;
  justify-content: center;
  width: 100%;
  max-width: 800px;
}

.main-tab-buttons button {
  flex: 1;
  padding: 11px 20px;
  background: #FFFFFF !important;
  color: #8B4513 !important;
  border: 1.8px solid #DEB887 !important;
  border-radius: 50px !important;
  font-size: 1.1rem !important;
  font-weight: 500 !important;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: none !important;
}

.main-tab-buttons button:hover {
  background: #FFF8F2 !important;
  border-color: #b96d49 !important;
  transform: translateY(-1px);
}

.main-tab-buttons button.active {
  background: #8B4513 !important;
  color: white !important;
  border-color: #8B4513 !important;
  font-weight: 600 !important;
}

/* === Language Sub Tabs – Smaller + No Icons + Distinct Active Color === */
.sub-tabs {
  display: flex;
  gap: 10px;
  margin: 1rem 0 1.3rem 0;
  flex-wrap: wrap;
  justify-content: center;
}

.sub-tabs button {
  padding: 9px 28px !important;            /* Balanced padding, no extra for icons */
  background: #FFFFFF !important;
  color: #8B4513 !important;
  border: 1.8px solid #DEB887 !important;
  border-radius: 50px !important;
  font-size: 1.0rem !important;
  font-weight: 500 !important;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: none !important;
}

.sub-tabs button:hover,
.sub-tabs button.active {
  background: #b96d49 !important;          /* Warm orange-brown for active/hover */
  color: white !important;
  border-color: #b96d49 !important;
  font-weight: 600 !important;
}

/* Main Content Containers */
.book-page {
  background: #FFFFFF !important;
  border-radius: 14px !important;
  margin: 8px 8px 12px 8px !important;
  padding: 1.6rem 2rem !important;
  box-shadow: 0 4px 14px rgba(139, 69, 19, 0.09) !important;
  border: 1px solid #F0E6DC !important;
}

.book-menu-content {
  background: #FFFFFF !important;
  border-radius: 14px !important;
  margin: 12px 0 !important;
  padding: 0.5rem 10px !important;
  box-shadow: 0 4px 12px rgba(139, 69, 19, 0.08) !important;
}

/* Tab Content Areas */
.main-tab-content {
  display: none;
  min-height: 60vh;
}

.main-tab-content.active {
  display: block;
}

.sub-tab-content {
  display: none;
  background: #FFFFFF;
  padding: 1.8rem 2.2rem;
  border-radius: 12px;
  margin: 1.2rem 0 2rem 0;
  font-size: 1.08rem;
  line-height: 2.1;
  color: #3E2723;
  border: 1px solid #F0E6DC;
  box-shadow: 0 3px 10px rgba(139, 69, 19, 0.06);
}

.sub-tab-content.active {
  display: block;
}

/* Better targeting for language-specific content – no reliance on .sanskrit class */

/* Base for all sub-tab content */
.sub-tab-content {
  font-size: 1.05rem;
  line-height: 2.0;
  padding: 1.8rem 2.2rem;
}

/* Sanskrit – Slightly smaller, lighter weight (Devanagari looks bigger) */
.sub-tab-content.lang-sa {
  font-size: 1rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.1px !important;
}

/* Gujarati – Default, comfortable */
.sub-tab-content.lang-gu {
  font-size: 1.05rem !important;
  font-weight: 400 !important;
  text-align: justify !important;
}
.book-article{
  font-size: 1rem !important;
  font-weight: 400 !important;
  
}

/* Hindi – Similar to Sanskrit */
.sub-tab-content.lang-hi {
  font-size: 1.0rem !important;
  font-weight: 500 !important;
  text-align: justify !important;
}

/* English – Slightly larger for readability */
.sub-tab-content.lang-en {
  font-size: 1.02rem !important;
  font-weight: 400 !important;
  line-height: 2.0;
  font-family: 'Georgia', 'Noto Serif', serif;  /* Optional: more traditional feel */
  text-align: justify !important;
}

/* Make highlighted terms (Shriji names, etc.) stand out more */
.sub-tab-content mark {
  /* font-weight: 600 !important;        */
  background-color: #FFF4E6 !important;
  color: #D2691E !important;
  padding: 0.1em 0.3em !important;
  border-radius: 4px !important;
}

.sub-tab-content mark1 {
  font-weight: 600 !important;       
  /* background-color: #FFF4E6 !important; */
  color: #D2691E !important;
  padding: 0.1em 0.3em !important;
  /* border-radius: 4px !important; */
}

 

/* Section Titles */
.scriptheader h2,
h2 {
  font-size: 1.2rem !important;
  color: #8B4513 !important;
  text-align: center !important;
  margin: 0 0 1.2rem 0 !important;
  padding-bottom: 0.6rem !important;
  border-bottom: 1.6px solid #DEB887;
  font-weight: 600 !important;
  letter-spacing: 0.3px;
}

 

 
/* Search Bar */
.book-search input {
  border-radius: 30px !important;
  padding: 12px 20px !important;
  border: 1.8px solid #DEB887 !important;
  background: white !important;
  font-size: 1rem;
}

/* Sidebar Menu */
.book-menu a:not(.brand-title),
.book-menu span:not(.brand) {
  color: #8B4513 !important;
  font-weight: 500 !important;
  padding: 8px 12px !important;
  border-radius: 8px !important;
  transition: all 0.2s ease;
}

.book-menu a:hover:not(.brand-title) {
  background: #FFF8F2 !important;
}

.book-menu a.active {
  background: #FFF0E6 !important;
  color: #A0522D !important;
  font-weight: 600 !important;
}

/* Breadcrumbs & Header */
.book-breadcrumb {
  border-bottom: 1.5px solid #DEB887 !important;
  padding-bottom: 0.6rem !important;
  margin-bottom: 1rem !important;
  color: #8B4513 !important;
}

.book-header {
  background: transparent !important;
  border-bottom: 1px solid #F0E6DC !important;
  padding: 0.5rem 0 !important;
}

/* Mobile Adjustments */
@media (max-width: 768px) {
  .main-tab-buttons {
    flex-wrap: wrap;
    max-width: 100%;
  }
  .main-tab-buttons button {
    flex: 1 1 45%;
  }
  .sub-tabs button {
    padding: 8px 20px !important;
    font-size: 0.95rem !important;
  }
  .book-page {
    margin: 6px 4px !important;
    padding: 1.2rem !important;
  }
}
abbr[title] {
  border-bottom: 2px dotted currentColor;
  cursor: help;
  text-decoration: none;
  border-color: #8B4513;
}

abbr[title]:hover {
  
  border-color: #b96d49;
}