/*
 * Arewa Novels Modern UI Soft Upgrade
 * Purpose: modernize spacing, cards, book-cover ratio, mobile layout, buttons and header
 * without changing the Arewa Novels identity or database.
 */
:root{
  --arewa-bg:#f7f7fb;
  --arewa-surface:#ffffff;
  --arewa-text:#161827;
  --arewa-muted:#667085;
  --arewa-primary:#5b21b6;
  --arewa-primary-2:#7c3aed;
  --arewa-accent:#f59e0b;
  --arewa-border:rgba(15,23,42,.10);
  --arewa-shadow:0 14px 38px rgba(15,23,42,.10);
  --arewa-shadow-soft:0 8px 20px rgba(15,23,42,.08);
  --arewa-radius:18px;
}

body.arewa-modern-front{
  background:var(--arewa-bg) !important;
  color:var(--arewa-text);
  font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

.arewa-modern-front a{ text-decoration:none; }
.arewa-modern-front img{ max-width:100%; height:auto; }

/* Header: familiar layout, cleaner presentation */
.arewa-modern-front :where(header,.header,.site-header,.main-header,.navbar,.topbar,.nav-wrapper){
  background:rgba(255,255,255,.96) !important;
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--arewa-border) !important;
  box-shadow:0 8px 26px rgba(15,23,42,.06) !important;
}
.arewa-modern-front :where(header,.header,.site-header,.main-header,.navbar) :where(a,.nav-link){
  color:#1f2937;
  font-weight:650;
}
.arewa-modern-front :where(header,.header,.site-header,.main-header,.navbar) :where(a:hover,.nav-link:hover){
  color:var(--arewa-primary);
}
.arewa-modern-front :where(.logo,img.logo,.site-logo){
  max-height:54px;
  object-fit:contain;
}

/* Main container spacing */
.arewa-modern-front :where(main,.main,.content,.site-content,.container,.container-fluid){
  max-width:1240px;
}
.arewa-modern-front :where(.container,.content,.site-content){
  padding-left:16px;
  padding-right:16px;
}

/* Search forms */
.arewa-modern-front .arewa-search-form,
.arewa-modern-front :where(form.search,form.search-form,.search-form,.searchbox,.search-box){
  display:flex;
  align-items:center;
  gap:10px;
  background:#fff;
  border:1px solid var(--arewa-border);
  border-radius:999px;
  padding:8px 10px;
  box-shadow:var(--arewa-shadow-soft);
}
.arewa-modern-front .arewa-search-form input,
.arewa-modern-front :where(form.search,form.search-form,.search-form,.searchbox,.search-box) input[type="text"],
.arewa-modern-front :where(form.search,form.search-form,.search-form,.searchbox,.search-box) input[type="search"]{
  width:100%;
  min-height:42px;
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  padding:0 12px !important;
  font-size:15px;
}
.arewa-modern-front .arewa-search-form button,
.arewa-modern-front :where(form.search,form.search-form,.search-form,.searchbox,.search-box) button,
.arewa-modern-front :where(form.search,form.search-form,.search-form,.searchbox,.search-box) input[type="submit"]{
  min-height:40px;
  border:0 !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,var(--arewa-primary),var(--arewa-primary-2)) !important;
  color:#fff !important;
  padding:0 18px !important;
  font-weight:700;
  cursor:pointer;
}

/* Section headings */
.arewa-modern-front :where(h1,h2,h3,.section-title,.widget-title,.heading){
  letter-spacing:-.02em;
}
.arewa-modern-front :where(.section-title,.widget-title){
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin:24px 0 14px;
  font-weight:800;
}
.arewa-modern-front :where(.section-title,.widget-title)::after{
  content:"";
  flex:1;
  height:1px;
  margin-left:14px;
  background:linear-gradient(90deg,var(--arewa-border),transparent);
}

/* Auto-detected book grids */
.arewa-modern-front .arewa-book-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fill,minmax(158px,1fr)) !important;
  gap:18px !important;
  align-items:stretch;
}
.arewa-modern-front .arewa-book-card,
.arewa-modern-front :where(.novel-card,.book-card,.post-card,.file-card){
  background:#fff !important;
  border:1px solid var(--arewa-border) !important;
  border-radius:var(--arewa-radius) !important;
  box-shadow:var(--arewa-shadow-soft) !important;
  overflow:hidden;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  position:relative;
}
.arewa-modern-front .arewa-book-card:hover,
.arewa-modern-front :where(.novel-card,.book-card,.post-card,.file-card):hover{
  transform:translateY(-4px);
  box-shadow:var(--arewa-shadow) !important;
  border-color:rgba(91,33,182,.22) !important;
}
.arewa-modern-front .arewa-book-card img,
.arewa-modern-front :where(.novel-card,.book-card,.post-card,.file-card) img{
  width:100% !important;
  aspect-ratio:2/3;
  object-fit:cover !important;
  display:block;
  border-radius:14px 14px 0 0;
  background:#e5e7eb;
}
.arewa-modern-front .arewa-book-card :where(h2,h3,h4,.title,.post-title,.book-title),
.arewa-modern-front :where(.novel-card,.book-card,.post-card,.file-card) :where(h2,h3,h4,.title,.post-title,.book-title){
  font-size:15px !important;
  line-height:1.35 !important;
  font-weight:800 !important;
  margin:10px 10px 8px !important;
  color:#111827 !important;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.arewa-modern-front .arewa-book-card :where(p,.excerpt,.meta),
.arewa-modern-front :where(.novel-card,.book-card,.post-card,.file-card) :where(p,.excerpt,.meta){
  color:var(--arewa-muted) !important;
  font-size:13px !important;
  margin:0 10px 10px !important;
}

/* Read/download buttons */
.arewa-modern-front :where(a,button,input[type="button"],input[type="submit"]).arewa-read-btn,
.arewa-modern-front :where(a,button).read,
.arewa-modern-front :where(a,button).read-more,
.arewa-modern-front :where(a,button)[href*="read"]{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  border-radius:12px;
  background:linear-gradient(135deg,var(--arewa-primary),var(--arewa-primary-2)) !important;
  color:#fff !important;
  padding:9px 14px;
  font-weight:800;
  box-shadow:0 8px 18px rgba(91,33,182,.22);
}
.arewa-modern-front :where(a,button).arewa-download-btn,
.arewa-modern-front :where(a,button).download,
.arewa-modern-front :where(a,button)[href*="download"]{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  border-radius:12px;
  background:linear-gradient(135deg,#f59e0b,#f97316) !important;
  color:#111827 !important;
  padding:9px 14px;
  font-weight:900;
  box-shadow:0 8px 18px rgba(245,158,11,.20);
}
.arewa-modern-front .arewa-book-card :where(a,button).arewa-read-btn,
.arewa-modern-front .arewa-book-card :where(a,button).arewa-download-btn{
  margin:6px 10px 10px;
  width:calc(100% - 20px);
}

/* Badges/categories */
.arewa-modern-front :where(.category,.cat,.badge,.label){
  border-radius:999px;
}
.arewa-modern-front .arewa-book-card .arewa-card-badge{
  position:absolute;
  top:10px;
  left:10px;
  z-index:2;
  background:rgba(17,24,39,.76);
  color:#fff;
  font-size:11px;
  font-weight:800;
  padding:5px 9px;
  border-radius:999px;
  backdrop-filter:blur(6px);
}

/* Details pages: book profile feel when common classes exist */
.arewa-modern-front :where(.details,.novel-details,.book-details,.single,.single-post,.post-detail){
  background:#fff;
  border:1px solid var(--arewa-border);
  border-radius:22px;
  box-shadow:var(--arewa-shadow-soft);
  padding:18px;
}
.arewa-modern-front :where(.details,.novel-details,.book-details,.single,.single-post,.post-detail) img{
  border-radius:18px;
  box-shadow:0 14px 34px rgba(15,23,42,.15);
}

/* Reading/content pages */
.arewa-modern-front :where(.reader,.reading,.chapter,.entry-content,.post-content,.description){
  font-size:17px;
  line-height:1.82;
  color:#1f2937;
}
.arewa-modern-front :where(.reader,.reading,.chapter){
  background:#fff;
  border:1px solid var(--arewa-border);
  border-radius:22px;
  padding:20px;
  box-shadow:var(--arewa-shadow-soft);
}

/* Footer */
.arewa-modern-front :where(footer,.footer,.site-footer){
  margin-top:34px;
  background:#0b1020 !important;
  color:#d1d5db !important;
  border-top:1px solid rgba(255,255,255,.08);
}
.arewa-modern-front :where(footer,.footer,.site-footer) a{ color:#fbbf24 !important; }

/* Mobile first polish */
@media (max-width: 768px){
  .arewa-modern-front :where(.container,.content,.site-content){
    padding-left:12px;
    padding-right:12px;
  }
  .arewa-modern-front .arewa-book-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
  }
  .arewa-modern-front .arewa-book-card :where(h2,h3,h4,.title,.post-title,.book-title){
    font-size:13.5px !important;
    margin:8px 8px 6px !important;
  }
  .arewa-modern-front .arewa-book-card :where(p,.excerpt,.meta){
    font-size:12px !important;
    margin:0 8px 8px !important;
  }
  .arewa-modern-front .arewa-book-card :where(a,button).arewa-read-btn,
  .arewa-modern-front .arewa-book-card :where(a,button).arewa-download-btn{
    min-height:36px;
    font-size:12.5px;
    margin:5px 8px 8px;
    width:calc(100% - 16px);
  }
  .arewa-modern-front :where(header,.header,.site-header,.main-header,.navbar){
    position:relative;
  }
  .arewa-modern-front :where(.reader,.reading,.chapter,.entry-content,.post-content,.description){
    font-size:16px;
    line-height:1.75;
  }
}

@media (max-width: 380px){
  .arewa-modern-front .arewa-book-grid{ gap:10px !important; }
  .arewa-modern-front .arewa-book-card :where(h2,h3,h4,.title,.post-title,.book-title){ font-size:12.8px !important; }
}