/**
Theme Name: Jiten Theme
Theme URI: 
Author: 
Author URI: 
Version: 3.0
**/

/* ============================================================
   IMPORTS — NEW FONT FAMILY (Playfair Display, Raleway, Spectral, Dancing Script)
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,900;1,400;1,600&family=Raleway:wght@300;400;600;700;800&family=Dancing+Script:wght@600;700&family=Spectral:ital,wght@0,400;0,600;1,400&family=Nunito:wght@300;400;600;700;800;900&display=swap');

/* ============================================================
   CSS VARIABLES — COMPLETELY NEW COLOR PALETTE
   ============================================================ */
:root {
  --emerald:      #00c896;
  --emerald-dark: #00956f;
  --violet:       #7c3aed;
  --violet-light: #a78bfa;
  --coral:        #ff6b6b;
  --amber:        #f59e0b;
  --amber-light:  #fcd34d;
  --sky:          #0ea5e9;
  --deep:         #0f0f1a;
  --charcoal:     #111827;
  --slate:        #1e293b;
  --pearl:        #f8fafc;
  --shadow-lg:    0 20px 60px rgba(0,0,0,0.2);
  --radius-lg:    22px;
  --radius-md:    14px;
}

/* ============================================================
   RESET & BASE
   ============================================================ */
*,*::before,*::after { margin:0;padding:0;outline:none;box-sizing:border-box;text-decoration:none; }
body { background:var(--pearl); font-family:'Spectral',Georgia,serif; color:#1a1a2e; overflow-x:hidden; }
li { list-style:none; }

/* ============================================================
   CUSTOM CURSOR
   ============================================================ */
.cursor-dot {
  width:8px;height:8px;background:var(--emerald);border-radius:50%;
  position:fixed;top:0;left:0;pointer-events:none;z-index:99999;
  transform:translate(-50%,-50%);transition:transform 0.1s ease;mix-blend-mode:difference;
}
.cursor-ring {
  width:36px;height:36px;border:2px solid var(--violet);border-radius:50%;
  position:fixed;top:0;left:0;pointer-events:none;z-index:99998;
  transform:translate(-50%,-50%);transition:all 0.12s ease;mix-blend-mode:difference;
}
.cursor-ring.hovered { width:52px;height:52px;border-color:var(--coral);background:rgba(255,107,107,0.1); }

/* ============================================================
   WRAPPER
   ============================================================ */
.wrapper_all_body { width:100%;background:var(--pearl); }

/* ============================================================
   HEADER & NAV
   ============================================================ */
header {
  position:sticky;top:0;z-index:1000;
  background:var(--charcoal);
  border-bottom:2px solid rgba(0,200,150,0.4);
  box-shadow:0 4px 30px rgba(0,0,0,0.5);
}
nav {
  display:flex;align-items:center;justify-content:space-between;
  height:72px;padding:0 30px;max-width:1400px;margin:0 auto;background:transparent;
}
nav .logo {
  font-family:'Playfair Display',serif;font-size:26px;font-weight:900;
  letter-spacing:2px;color:var(--emerald);text-shadow:0 0 20px rgba(0,200,150,0.5);flex-shrink:0;
}
nav .logo a { color:inherit;display:flex;align-items:center;gap:10px; }
nav .logo a::before { content:'✝';font-size:20px;color:var(--amber-light); }
nav ul { display:contents; }
nav .nav-items { display:flex;align-items:center;gap:4px; }
nav .nav-items li { padding:0; }
nav .nav-items li a {
  color:rgba(255,255,255,0.85);font-family:'Raleway',sans-serif;
  font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;
  padding:8px 16px;border-radius:8px;transition:all 0.25s ease;display:block;
}
nav .nav-items li a:hover { color:var(--emerald);background:rgba(0,200,150,0.12); }
nav .nav-items li:hover { background:transparent; }
nav form {
  display:flex;height:40px;background:rgba(255,255,255,0.07);
  border:1px solid rgba(0,200,150,0.35);border-radius:50px;
  overflow:hidden;transition:all 0.3s;min-width:200px;
  z-index: 1003;
}
nav form:focus-within { border-color:var(--emerald);box-shadow:0 0 0 3px rgba(0,200,150,0.15); }
nav form .search-data {
  flex:1;padding:0 16px;color:#fff;font-family:'Raleway',sans-serif;
  font-size:13px;background:transparent;border:none;
}
nav form .search-data::placeholder { color:rgba(255,255,255,0.4); }
nav form button {
  padding:0 18px;background:var(--emerald);color:var(--deep);
  border:none;cursor:pointer;font-size:14px;font-weight:800;transition:background 0.2s;
}
nav form button:hover { background:var(--emerald-dark); }
nav .menu-icon,nav .cancel-icon,nav .search-icon {
  width:40px;height:40px;display:none;align-items:center;justify-content:center;
  color:#fff;cursor:pointer;font-size:20px;border-radius:8px;transition:background 0.2s;
  z-index: 1002;
}
nav .menu-icon:hover,nav .cancel-icon:hover { background:rgba(255,255,255,0.1); }

/* ============================================================
   FOOTER
   ============================================================ */
footer { background:var(--charcoal);border-top:2px solid rgba(0,200,150,0.3);overflow:hidden; }
.footer_second_part {
  max-width:1200px;margin:0 auto;padding:28px 30px;
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;
}
.footer_second_part_left p { color:rgba(255,255,255,0.55);font-family:'Raleway',sans-serif;font-size:14px;letter-spacing:1px; }
.footer_second_part_right ul { display:flex;gap:6px;flex-wrap:wrap; }
.footer_second_part_right ul li { border:none;padding:0;float:none; }
.footer_second_part_right ul li a {
  color:rgba(255,255,255,0.55);font-family:'Raleway',sans-serif;
  font-size:13px;letter-spacing:1px;text-transform:uppercase;
  padding:6px 14px;border-radius:6px;transition:all 0.2s;
}
.footer_second_part_right ul li a:hover { color:var(--emerald);background:rgba(0,200,150,0.1); }

/* ============================================================
   INDEX PAGE HERO
   ============================================================ */
.index-hero {
  text-align:center;padding:70px 20px 50px;
  background:linear-gradient(160deg,#0f0f1a 0%,#0d1f33 60%,#111827 100%);
  position:relative;overflow:hidden;
}
.index-hero::before {
  content:'✝';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  font-size:320px;color:rgba(255,255,255,0.02);pointer-events:none;font-family:serif;
}
.index-hero-title {
  font-family:'Playfair Display',serif;font-size:clamp(28px,5vw,52px);font-weight:900;
  color:transparent;letter-spacing:4px;
  background:linear-gradient(135deg,#fcd34d 0%,#00c896 40%,#a78bfa 80%,#ff6b6b 100%);
  -webkit-background-clip:text;background-clip:text;
  filter:drop-shadow(0 0 30px rgba(0,200,150,0.4));
  margin-bottom:12px;position:relative;z-index:2;
}
.index-hero-sub {
  font-family:'Raleway',sans-serif;font-size:14px;
  color:rgba(255,255,255,0.45);letter-spacing:5px;text-transform:uppercase;
}
.index-hero-line { width:60px;height:2px;background:linear-gradient(90deg,transparent,var(--emerald),transparent);margin:20px auto 0; }

/* ============================================================
   INDEX POST GRID
   ============================================================ */
.content_wrapper {
  max-width:1280px;margin:0 auto;padding:50px 24px;
  display:grid;grid-template-columns:repeat(3,1fr);gap:32px;align-items:stretch;
}
.first_lavel {
  background:#fff;border-radius:var(--radius-lg);overflow:hidden;
  box-shadow:0 6px 30px rgba(0,0,0,0.09);border:1px solid rgba(0,0,0,0.06);
  transition:transform 0.35s cubic-bezier(0.175,0.885,0.32,1.275),box-shadow 0.35s ease;
  display:flex;flex-direction:column;float:none;width:auto;margin:0;position:relative;
}
.first_lavel::before {
  content:'';position:absolute;top:0;left:0;right:0;height:5px;z-index:3;
}
.first_lavel:hover { transform:translateY(-10px);box-shadow:0 25px 60px rgba(0,0,0,0.16); }
.first_lavel .colv1 { padding:0;display:flex;flex-direction:column;flex:1; }
.first_lavel img {
  width:100%;height:220px;object-fit:cover;display:block;
  border:none;border-radius:0;padding:0;transition:transform 0.4s ease;
}
.first_lavel:hover img { transform:scale(1.04); }
.card-body { padding:22px 24px 24px;flex:1;display:flex;flex-direction:column; }
.first_lavel h2 {
  font-family:'Playfair Display',serif;font-size:22px;font-weight:700;
  color:var(--slate);line-height:1.35;margin-bottom:14px;
  text-align:left;background:none;padding:0;
}
.first_lavel h2 a { color:inherit;transition:color 0.2s; }
.first_lavel h2 a:hover { color:var(--violet); }
.card-read-btn {
  display:inline-flex;align-items:center;gap:8px;margin-top:auto;
  padding:10px 22px;background:linear-gradient(135deg,var(--violet),var(--emerald));
  color:#fff;font-family:'Raleway',sans-serif;font-size:12px;font-weight:800;
  letter-spacing:1.5px;text-transform:uppercase;border-radius:50px;
  border:none;cursor:pointer;transition:all 0.3s ease;align-self:flex-start;
}
.card-read-btn:hover { background:linear-gradient(135deg,var(--emerald),var(--coral));transform:translateX(4px);color:#fff; }
.card-read-btn::after { content:'→'; }

/* Color accent strips */
.card-color-1::before { background:linear-gradient(90deg,var(--coral),var(--amber)); }
.card-color-2::before { background:linear-gradient(90deg,var(--sky),var(--emerald)); }
.card-color-3::before { background:linear-gradient(90deg,var(--violet),var(--coral)); }
.card-color-4::before { background:linear-gradient(90deg,var(--amber),var(--emerald)); }
.card-color-5::before { background:linear-gradient(90deg,var(--violet-light),#f472b6); }
.card-color-6::before { background:linear-gradient(90deg,var(--emerald),var(--sky)); }

.card-img-link { display:block;position:relative;overflow:hidden; }
.card-img-link img { width:100%;height:220px;object-fit:cover;display:block;transition:transform 0.45s ease; }
.first_lavel:hover .card-img-link img { transform:scale(1.07); }
.card-img-overlay {
  position:absolute;inset:0;
  background:linear-gradient(to top,rgba(0,0,0,0.45),transparent);
  opacity:0;transition:opacity 0.35s ease;
  display:flex;align-items:center;justify-content:center;
}
.first_lavel:hover .card-img-overlay { opacity:1; }
.card-overlay-icon {
  font-size:40px;color:rgba(255,255,255,0.9);
  text-shadow:0 0 30px rgba(255,255,255,0.8);
  transform:scale(0.7);transition:transform 0.35s ease;
}
.first_lavel:hover .card-overlay-icon { transform:scale(1); }

.card-category-tag { margin-bottom:10px; }
.card-category-tag span {
  display:inline-block;
  font-family:'Raleway',sans-serif;font-size:10px;font-weight:800;
  letter-spacing:2px;text-transform:uppercase;
  padding:4px 12px;border-radius:50px;
  background:linear-gradient(135deg,var(--violet),var(--emerald));
  color:#fff;
}
.card-meta { display:flex;align-items:center;gap:10px;margin-top:auto; }
.card-date { font-family:'Raleway',sans-serif;font-size:11px;color:rgba(0,0,0,0.4);letter-spacing:1px; }

/* Pagination */
.pagination-wrapper {
  max-width: 1280px;margin: 60px auto 100px;text-align: center;
  display: flex;justify-content: center;align-items: center;gap: 12px;flex-wrap: wrap;
}
.pagination-wrapper .page-numbers {
  display: inline-flex;align-items: center;justify-content: center;
  min-width: 50px;height: 50px;padding: 0 18px;background: #fff;
  color: var(--slate);font-family: 'Raleway', sans-serif;font-size: 15px;font-weight: 700;
  border-radius: 15px;border: 1px solid rgba(0,200,150,0.2);
  box-shadow: 0 5px 15px rgba(0,0,0,0.05);
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  position: relative;overflow: hidden;
}
.pagination-wrapper .page-numbers::before {
  content: '';position: absolute;top: 0; left: 0; width: 100%; height: 100%;
  background: linear-gradient(135deg, var(--emerald), var(--violet));
  opacity: 0;transition: opacity 0.4s ease;z-index: 1;
}
.pagination-wrapper .page-numbers span,.pagination-wrapper .page-numbers { z-index: 2; }
.pagination-wrapper .page-numbers:hover {
  color: #fff;transform: translateY(-5px) scale(1.05);
  box-shadow: 0 12px 30px rgba(0,200,150,0.3);border-color: transparent;
}
.pagination-wrapper .page-numbers:hover::before { opacity: 1; }
.pagination-wrapper .page-numbers.current {
  background: linear-gradient(135deg, var(--emerald), var(--violet), var(--coral));
  background-size: 200% 200%;animation: gradientShift 4s ease infinite;
  color: #fff;border-color: transparent;
  box-shadow: 0 10px 25px rgba(0,200,150,0.4);transform: scale(1.1);
}
@keyframes gradientShift {
  0% { background-position: 0% 50%; }50% { background-position: 100% 50%; }100% { background-position: 0% 50%; }
}
.pagination-wrapper .prev,.pagination-wrapper .next { padding: 0 25px;background: var(--charcoal);color: var(--emerald);border: 1px solid var(--emerald); }
.pagination-wrapper .prev:hover,.pagination-wrapper .next:hover { background: var(--emerald);color: var(--charcoal); }
.pagination-wrapper .dots { background: transparent;border: none;box-shadow: none;cursor: default;color: var(--emerald);font-size: 20px; }
.pagination-wrapper .dots:hover { transform: none;background: transparent;color: var(--emerald); }
.pagination-wrapper .dots:hover::before { display: none; }

/* ============================================================
   SINGLE / PAGE SHARED
   ============================================================ */
.singlepage { max-width:1000px;margin:50px auto;padding:0 24px 80px; }
#feture_img { border-radius:var(--radius-lg);overflow:hidden;margin:0 auto 40px;box-shadow:var(--shadow-lg); max-width: 650px; }
#feture_img img { width:100%; height: 400px; object-fit: cover; display:block; }

/* PAGE.PHP */
.page-card {
  background:#fff;border-radius:var(--radius-lg);
  padding:56px 64px;box-shadow:0 8px 40px rgba(0,0,0,0.08);border:1px solid rgba(0,0,0,0.05);
}
.page-card h1,.page-card h2,.page-card h3 {
  font-family:'Playfair Display',serif;color:var(--slate);font-weight:700;line-height:1.3;margin-bottom:18px;
}
.page-card h1 { font-size:38px;border-bottom:3px solid rgba(0,200,150,0.3);padding-bottom:20px;margin-bottom:30px; }
.page-card h2 { font-size:28px; }
.page-card p { font-family:'Spectral',serif;font-size:17px;line-height:1.85;color:#3a3a4a;margin-bottom:20px; }
.page-card ul,.page-card ol { padding-left:24px;margin-bottom:20px; }
.page-card li { font-family:'Spectral',serif;font-size:16px;line-height:1.8;color:#3a3a4a;list-style:initial;margin-bottom:8px; }
.page-card a { color:var(--violet);border-bottom:1px solid rgba(124,58,237,0.3);transition:color 0.2s; }
.page-card a:hover { color:var(--coral); }
.page-card img { max-width:100%;border-radius:12px;margin:20px 0;box-shadow:0 6px 24px rgba(0,0,0,0.1); }
.page-title-bar {
  background:linear-gradient(135deg,var(--charcoal),var(--slate));
  padding:48px 64px 36px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;margin-bottom:0;
}
.page-title-bar h1 {
  font-family:'Playfair Display',serif;font-size:clamp(24px,3.5vw,40px);
  font-weight:900;color:var(--emerald);letter-spacing:2px;
  margin:0;border:none;padding:0;text-shadow:0 0 30px rgba(0,200,150,0.3);
}
.page-title-bar .page-title-cross { display:block;font-size:18px;color:rgba(255,255,255,0.3);letter-spacing:12px;margin-bottom:16px; }
.page-card-body { border-radius:0 0 var(--radius-lg) var(--radius-lg); }

/* ============================================================
   ✨✨✨  BLOCKQUOTE WALL FRAMES — SUPER VIBRANT REDESIGN  ✨✨✨
   ============================================================ */
blockquote {
  margin:0!important;padding:0!important;border:none!important;
  background:transparent!important;box-shadow:none!important;
  position:relative;transition:transform 0.4s cubic-bezier(0.175,0.885,0.32,1.275)!important;
}
blockquote:hover { transform:translateY(-16px) scale(1.04) rotate(0.5deg)!important; }

.wall-frame {
  position:relative;padding:44px 38px 34px;border-radius:22px;overflow:hidden;
  min-height:300px;display:flex;flex-direction:column;justify-content:center;
  border:0 solid transparent;
  animation:frameDance 8s ease-in-out infinite;
}
@keyframes frameDance {
  0%,100% { filter:brightness(1) saturate(1); }
  50%      { filter:brightness(1.06) saturate(1.1); }
}
blockquote:hover .wall-frame { animation-play-state:paused; }

.wall-frame::after {
  content:'';position:absolute;top:7px;left:7px;right:7px;bottom:7px;
  border:2px solid rgba(255,255,255,0.4);border-radius:17px;pointer-events:none;z-index:1;
}
.wall-frame::before {
  content:'';position:absolute;top:-22px;left:50%;transform:translateX(-50%);
  width:14px;height:14px;background:radial-gradient(circle,#d0d0d0,#888);border-radius:50%;
  box-shadow:0 3px 6px rgba(0,0,0,0.5);z-index:5;
}
.frame-shadow {
  position:absolute;top:18px;left:12px;right:-12px;bottom:-18px;
  background:rgba(0,0,0,0.18);filter:blur(20px);border-radius:20px;z-index:-1;
}
.wall-frame p {
  font-family:'Playfair Display',serif!important;font-size:18px!important;
  line-height:1.75!important;margin:0 0 16px!important;
  position:relative;z-index:2;font-weight:600;font-style:italic;
  text-shadow:0 1px 3px rgba(0,0,0,0.15)!important;
}
.wall-frame cite,.wall-frame .bq-ref {
  font-family:'Dancing Script',cursive!important;font-size:25px!important;
  font-weight:700!important;display:block;text-align:right;margin-top:auto;
  position:relative;z-index:2;text-shadow:0 1px 4px rgba(0,0,0,0.15)!important;
}
.frame-icon {
  position:absolute;top:14px;left:22px;font-size:90px;
  opacity:0.1;z-index:1;font-family:Georgia,serif;line-height:1;color:#fff;
}

/* ── FRAME GOLD — warm amber-peach explosion ── */
.frame-gold {
  background:linear-gradient(135deg, #f6d365 0%, #fda085 45%, #f093fb 100%) !important;
  box-shadow:0 28px 65px rgba(253,160,133,0.6), 0 0 0 6px rgba(246,211,101,0.35) !important;
  border:10px solid transparent !important;outline:3px solid rgba(255,255,255,0.3);
}
.frame-gold p,.frame-gold cite,.frame-gold .bq-ref { color:#3d1000 !important; }

/* ── FRAME SILVER — cool icy pastel ── */
.frame-silver {
  background:linear-gradient(135deg, #a8edea 0%, #fed6e3 50%, #c2e9fb 100%) !important;
  box-shadow:0 28px 65px rgba(168,237,234,0.55), 0 0 0 6px rgba(194,233,251,0.4) !important;
  border:10px solid transparent !important;outline:3px solid rgba(255,255,255,0.35);
}
.frame-silver p,.frame-silver cite,.frame-silver .bq-ref { color:#0d2b4a !important; }

/* ── FRAME BLACK — teal neon on dark ── */
.frame-black {
  background:linear-gradient(135deg, #0f2027 0%, #203a43 45%, #2c5364 100%) !important;
  box-shadow:0 28px 65px rgba(44,83,100,0.75), 0 0 50px rgba(0,200,150,0.3) !important;
  border:10px solid rgba(0,200,150,0.55) !important;outline:2px solid rgba(0,200,150,0.15);
}
.frame-black p,.frame-black cite,.frame-black .bq-ref { color:#a7ffeb !important; }
.frame-black::after { border-color:rgba(0,200,150,0.25) !important; }

/* ── FRAME WHITE — cotton candy rainbow ── */
.frame-white {
  background:linear-gradient(135deg, #ffecd2 0%, #fcb69f 30%, #a1c4fd 65%, #c2e9fb 100%) !important;
  box-shadow:0 28px 65px rgba(252,182,159,0.55), 0 0 0 6px rgba(161,196,253,0.3) !important;
  border:10px solid transparent !important;outline:3px solid rgba(255,255,255,0.5);
}
.frame-white p,.frame-white cite,.frame-white .bq-ref { color:#2d1060 !important; }

/* ── FRAME MAHOGANY — deep violet-rose neon ── */
.frame-mahogany {
  background:linear-gradient(135deg, #6a3093 0%, #a044ff 40%, #ff416c 80%, #ff4b2b 100%) !important;
  box-shadow:0 28px 65px rgba(106,48,147,0.65), 0 0 0 6px rgba(255,65,108,0.3) !important;
  border:10px solid transparent !important;outline:3px solid rgba(255,255,255,0.2);
}
.frame-mahogany p,.frame-mahogany cite,.frame-mahogany .bq-ref { color:#fff !important; }

/* ── FRAME OCEAN — deep blue surf ── */
.frame-ocean {
  background:linear-gradient(135deg, #1a6fa8 0%, #22d1ee 50%, #e0f7fa 100%) !important;
  box-shadow:0 28px 65px rgba(26,111,168,0.6), 0 0 0 6px rgba(34,209,238,0.3) !important;
  border:10px solid transparent !important;outline:3px solid rgba(255,255,255,0.3);
}
.frame-ocean p,.frame-ocean cite,.frame-ocean .bq-ref { color:#071e35 !important; }

/* ── FRAME FOREST — emerald jungle ── */
.frame-forest {
  background:linear-gradient(135deg, #134e5e 0%, #71b280 50%, #f9f047 100%) !important;
  box-shadow:0 28px 65px rgba(19,78,94,0.6), 0 0 0 6px rgba(113,178,128,0.35) !important;
  border:10px solid transparent !important;outline:3px solid rgba(255,255,255,0.2);
}
.frame-forest p,.frame-forest cite,.frame-forest .bq-ref { color:#07201a !important; }

/* ── FRAME SUNSET — fire orange-gold ── */
.frame-sunset {
  background:linear-gradient(135deg, #fc4a1a 0%, #f7b733 55%, #ffeb3b 100%) !important;
  box-shadow:0 28px 65px rgba(252,74,26,0.6), 0 0 0 6px rgba(247,183,51,0.35) !important;
  border:10px solid transparent !important;outline:3px solid rgba(255,255,255,0.25);
}
.frame-sunset p,.frame-sunset cite,.frame-sunset .bq-ref { color:#3d1000 !important; }

/* ── FRAME GALAXY — deep space purple ── */
.frame-galaxy {
  background:linear-gradient(135deg, #1a1a2e 0%, #16213e 40%, #0f3460 70%, #533483 100%) !important;
  box-shadow:0 28px 65px rgba(26,26,46,0.75), 0 0 60px rgba(83,52,131,0.45) !important;
  border:10px solid rgba(167,139,250,0.45) !important;outline:2px solid rgba(167,139,250,0.15);
}
.frame-galaxy p,.frame-galaxy cite,.frame-galaxy .bq-ref { color:#e0d7ff !important; }

.mycontent { display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-bottom:60px; }

/* ============================================================
   HEADING TITLE
   ============================================================ */
.heading_title {
  font-family:'Playfair Display',serif;font-size:28px;font-weight:900;color:#fff;text-align:center;
  background:linear-gradient(135deg,var(--violet),var(--emerald),var(--amber));
  background-size:200% 200%;animation:lmBtnShift 5s ease infinite;
  padding:22px 30px;border-radius:var(--radius-md);
  letter-spacing:2px;margin-bottom:16px;
  box-shadow:0 10px 40px rgba(124,58,237,0.3);border:none;
}

/* ============================================================
   DAILY VERSE PAGE
   ============================================================ */
.daily-verse-page {
  min-height:100vh;
  background:linear-gradient(135deg,#0f0f1a 0%,#0d1f33 40%,#111827 100%);
  padding:60px 0 80px;position:relative;overflow:hidden;
}
.daily-verse-page::before {
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse at 20% 30%,rgba(0,200,150,0.16) 0%,transparent 60%),
             radial-gradient(ellipse at 80% 70%,rgba(124,58,237,0.12) 0%,transparent 55%);
  pointer-events:none;
}
.daily-verse-inner { max-width:860px;margin:0 auto;padding:0 24px;position:relative;z-index:2; }
.daily-verse-label {
  font-family:'Raleway',sans-serif;font-size:11px;letter-spacing:6px;font-weight:800;
  color:var(--emerald);text-transform:uppercase;text-align:center;margin-bottom:16px;
}
.daily-verse-heading {
  font-family:'Playfair Display',serif;font-size:clamp(22px,4vw,38px);font-weight:900;
  color:#fff;text-align:center;letter-spacing:2px;margin-bottom:50px;
  text-shadow:0 0 40px rgba(0,200,150,0.3);
}
.daily-verse-card {
  background:rgba(255,255,255,0.05);border:1px solid rgba(0,200,150,0.25);
  border-radius:28px;padding:64px 72px;position:relative;
  backdrop-filter:blur(20px);
  box-shadow:0 30px 80px rgba(0,0,0,0.5),inset 0 1px 0 rgba(255,255,255,0.08);
  text-align:center;overflow:hidden;transition:all 0.4s ease;
}
.daily-verse-card::before {
  content:'❝';position:absolute;top:20px;left:36px;font-size:120px;line-height:1;
  color:rgba(0,200,150,0.06);font-family:Georgia,serif;pointer-events:none;
}
.daily-verse-card:hover { border-color:rgba(0,200,150,0.5);box-shadow:0 40px 100px rgba(0,0,0,0.6),0 0 60px rgba(0,200,150,0.1); }
.daily-cross-glow {
  font-size:28px;color:var(--emerald);margin-bottom:28px;display:block;
  text-shadow:0 0 25px rgba(0,200,150,0.7);animation:pulse-glow 3s ease-in-out infinite;
}
@keyframes pulse-glow {
  0%,100% { text-shadow:0 0 25px rgba(0,200,150,0.7); }
  50% { text-shadow:0 0 50px rgba(0,200,150,1),0 0 80px rgba(0,200,150,0.4); }
}
.daily-verse-text {
  font-family:'Playfair Display',serif;font-size:clamp(22px,3vw,34px);
  font-style:italic;line-height:1.7;color:rgba(255,255,255,0.92);margin-bottom:32px;position:relative;z-index:1;
}
.daily-verse-ref {
  font-family:'Raleway',sans-serif;font-size:15px;letter-spacing:3px;
  font-weight:800;color:var(--emerald);text-transform:uppercase;position:relative;z-index:1;
}
.daily-verse-ref::before { content:'— ';color:rgba(255,255,255,0.3); }
.daily-verse-ornament { text-align:center;margin:40px 0;font-size:20px;letter-spacing:18px;color:rgba(0,200,150,0.5); }

/* ============================================================
   RANDOM BIBLE PAGE
   ============================================================ */
.random-bible-page {
  min-height:100vh;
  background:linear-gradient(160deg,#0f0f1a 0%,#0d1f33 50%,#111827 100%);
  padding:60px 0 80px;position:relative;overflow:hidden;
}
.random-bible-page::before {
  content:'';position:absolute;inset:0;
  background:radial-gradient(circle at 60% 20%,rgba(124,58,237,0.2) 0%,transparent 50%),
             radial-gradient(circle at 20% 80%,rgba(0,200,150,0.1) 0%,transparent 45%);
  pointer-events:none;
}
.random-bible-inner { max-width:860px;margin:0 auto;padding:0 24px;position:relative;z-index:2; }
.random-bible-heading {
  font-family:'Playfair Display',serif;font-size:clamp(22px,4vw,36px);font-weight:900;
  color:#fff;text-align:center;margin-bottom:50px;letter-spacing:2px;
  text-shadow:0 0 30px rgba(124,58,237,0.5);
}
.random-verse-canvas { position:relative;border-radius:24px;overflow:hidden;min-height:400px;box-shadow:0 30px 80px rgba(0,0,0,0.5);transition:all 0.5s ease; }
.random-verse-bg { position:absolute;inset:0;background:linear-gradient(135deg,#667eea,#764ba2);transition:background 0.7s ease; }
.random-verse-overlay {
  position:relative;z-index:2;padding:64px 72px;
  text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;
}
.random-verse-quote-icon { font-size:48px;line-height:1;color:rgba(255,255,255,0.25);font-family:Georgia,serif;margin-bottom:20px;display:block; }
.random-verse-text {
  font-family:'Playfair Display',serif;font-size:clamp(20px,3vw,30px);
  font-style:italic;line-height:1.75;color:#fff;
  text-shadow:0 2px 8px rgba(0,0,0,0.3);margin-bottom:28px;max-width:680px;
}
.random-verse-ref {
  font-family:'Raleway',sans-serif;font-size:14px;font-weight:800;
  letter-spacing:4px;text-transform:uppercase;color:rgba(255,255,255,0.85);
  padding:8px 24px;background:rgba(0,0,0,0.25);border-radius:50px;
  border:1px solid rgba(255,255,255,0.2);margin-bottom:40px;
}
.random-verse-actions { display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center; }
.btn-next-verse {
  display:inline-flex;align-items:center;gap:10px;padding:14px 36px;
  background:rgba(255,255,255,0.15);border:2px solid rgba(255,255,255,0.4);
  border-radius:50px;color:#fff;font-family:'Raleway',sans-serif;
  font-size:13px;font-weight:800;letter-spacing:2px;text-transform:uppercase;
  cursor:pointer;transition:all 0.3s ease;backdrop-filter:blur(10px);
}
.btn-next-verse:hover { background:rgba(255,255,255,0.28);border-color:rgba(255,255,255,0.7);transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,0.3);color:#fff; }
.btn-icon-action {
  width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.25);
  border-radius:50%;color:#fff;font-size:18px;cursor:pointer;transition:all 0.25s ease;
}
.btn-icon-action:hover { background:rgba(255,255,255,0.25);transform:scale(1.1); }
.verse-counter { text-align:center;margin-top:20px;font-family:'Raleway',sans-serif;font-size:11px;letter-spacing:3px;color:rgba(255,255,255,0.3);text-transform:uppercase; }

/* ============================================================
   RANDOM POSTS
   ============================================================ */
.random { margin:60px 0;padding:0 20px; }
.random_h2 {
  font-family:'Playfair Display',serif!important;font-size:30px!important;font-weight:900!important;
  color:var(--slate)!important;text-align:center;margin-bottom:32px;letter-spacing:2px;position:relative;
}
.random_h2::after { content:'';display:block;width:50px;height:3px;background:linear-gradient(90deg,var(--emerald),var(--violet));margin:12px auto 0; }
.random_ul { display:grid;grid-template-columns:repeat(3,1fr);gap:24px;list-style:none;padding:0; }
.random_li {
  background:rgba(255,255,255,0.95);border-radius:16px;overflow:hidden;
  box-shadow:0 6px 24px rgba(0,0,0,0.08);border:1px solid rgba(0,0,0,0.05);
  transition:all 0.3s ease;padding:10px;
}
.random_li:hover { transform:translateY(-8px);box-shadow:0 20px 50px rgba(0,0,0,0.14); }
.random img { width:100%;height:185px;object-fit:cover;display:block; }
.random_li .rand-body { padding:16px 20px 20px; }
.random_a { font-family:'Playfair Display',serif!important;font-size:18px!important;font-weight:700;color:var(--slate);line-height:1.4;display:block;transition:color 0.2s; }
.random_a:hover { color:var(--violet); }

/* ============================================================
   HOLI PAGE
   ============================================================ */
.holi-page {
  min-height:100vh;
  background:linear-gradient(135deg,#f7a3d0 0%,#ffd36b 18%,#a8e6cf 36%,#74c0fc 54%,#da77f2 72%,#f783ac 88%,#f7a3d0 100%);
  background-size:300% 300%;animation:holiShift 14s ease infinite;
  padding:0 0 80px;position:relative;overflow:hidden;
}
@keyframes holiShift { 0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;} }
.blob { position:absolute;border-radius:50%;filter:blur(60px);opacity:0.36;pointer-events:none; }
.pdot { position:absolute;border-radius:50%;opacity:0.62;pointer-events:none; }
.jesus-wm { position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0.065;pointer-events:none;z-index:0; }
.holi-inner { max-width:1240px;margin:0 auto;padding:0 20px;position:relative;z-index:2; }
.holi-heading-wrap { text-align:center;padding:60px 20px 40px;animation:fadeDown 0.9s ease both; }
.holi-cross { display:block;font-size:28px;letter-spacing:22px;color:#fff;text-shadow:0 0 25px rgba(255,255,255,1),0 2px 10px rgba(180,80,220,0.6);margin-bottom:18px; }
.holi-h1 { font-family:'Dancing Script',cursive!important;font-size:clamp(34px,7vw,62px);font-weight:700;color:#fff;text-shadow:3px 3px 0 #da77f2,6px 6px 0 #74c0fc,0 0 50px rgba(255,255,255,0.9);line-height:1.1;margin:0 0 16px; }
.holi-title-dots { display:flex;justify-content:center;gap:12px;margin-top:16px; }
.holi-title-dots span { width:14px;height:14px;border-radius:50%;display:inline-block;box-shadow:0 3px 10px rgba(0,0,0,0.25); }
#feture_img { margin:0 auto 45px;border-radius:28px;border:6px solid rgba(255,255,255,0.6);box-shadow:0 15px 55px rgba(180,80,220,0.4),0 0 0 10px rgba(255,255,255,0.15);animation:fadeUp 1s ease 0.2s both;transition:transform 0.4s cubic-bezier(0.175,0.885,0.32,1.275);overflow:hidden; }
#feture_img:hover { transform:translateY(-12px) scale(1.02); }
#feture_img img { width:100%;height:auto;display:block; }
.holi-intro { font-family:'Spectral',serif;font-size:17px;color:rgba(30,8,55,0.9);line-height:1.85;max-width:860px;margin:0 auto 50px;padding:35px 45px;background:rgba(255,255,255,0.88);border-radius:28px;border:2px solid rgba(255,255,255,0.6);box-shadow:0 10px 50px rgba(180,80,220,0.25);backdrop-filter:blur(10px);position:relative;animation:fadeUp 1s ease 0.3s both; }
.holi-intro::before { content:'✝';position:absolute;top:-18px;left:38px;width:38px;height:38px;background:linear-gradient(135deg,var(--violet),var(--emerald));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;box-shadow:0 5px 15px rgba(124,58,237,0.5); }
.holi-intro p { margin-bottom:14px; }
.holi-intro p:last-child { margin-bottom:0; }
.holi-intro mark { background:linear-gradient(120deg,rgba(0,200,150,.2),rgba(124,58,237,.15));border-radius:6px;padding:2px 8px; }
.document_title   { color:#6f0393;font-weight:700; }
.document_title_2 { color:#1565c0;font-weight:700; }
.holi-ornament { text-align:center;margin:40px 0;font-size:24px;color:rgba(255,255,255,0.95);letter-spacing:18px; }
.colv2 img { margin:0 auto 25px;width:100%;height:auto;display:block;border-radius:25px; }

/* ============================================================
   BEST LOOKING STYLE FOR .COLV2 H1
   ============================================================ */
.colv2 h1 {
  position: relative;margin-top: 50px;margin-bottom: 30px;padding: 35px 55px;
  text-align: center;font-family: 'Playfair Display', serif;
  font-size: clamp(24px, 4vw, 36px);font-weight: 900;color: #fff;
  background: linear-gradient(135deg, var(--charcoal) 0%, var(--slate) 50%, #0f3460 100%);
  border-radius: 18px;
  box-shadow: 0 15px 35px rgba(0,0,0,0.2), inset 0 0 0 2px rgba(0,200,150,0.4);
  text-shadow: 2px 2px 4px rgba(0,0,0,0.4);letter-spacing:1px;
  overflow: visible;z-index: 1;transition: all 0.4s ease;
}
.colv2 h1::before, .colv2 h1::after {
  content: '✝';position: absolute;top: 50%;transform: translateY(-50%);
  font-size: 28px;color: var(--emerald);opacity: 0.9;
  text-shadow: 0 0 15px rgba(0,200,150,0.6);
}
.colv2 h1::before { left: 20px; }
.colv2 h1::after  { right: 20px; }
.colv2 h1:hover { transform:translateY(-5px);box-shadow:0 20px 45px rgba(0,0,0,0.25),0 0 30px rgba(0,200,150,0.2); }

@media (max-width: 768px) {
  .colv2 h1 { margin-top:35px;padding:25px 45px;font-size:22px; }
  .colv2 h1::before,.colv2 h1::after { font-size:20px; }
}

/* ============================================================
   ANIMATIONS
   ============================================================ */
@keyframes fadeDown { from{opacity:0;transform:translateY(-30px);}to{opacity:1;transform:translateY(0);} }
@keyframes fadeUp   { from{opacity:0;transform:translateY(35px);}to{opacity:1;transform:translateY(0);} }

/* ============================================================
   PAGE LOADER
   ============================================================ */
.page-initial-loader {
  position:fixed;inset:0;z-index:99999;
  background:linear-gradient(135deg,#0f0f1a 0%,#0d1f33 50%,#111827 100%);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;
  transition:opacity 0.5s ease,transform 0.5s ease;
}
.loader-cross-spin { width:70px;height:70px;position:relative;animation:crossSpin 1.2s linear infinite; }
.cross-arm { position:absolute;background:linear-gradient(135deg,var(--emerald),var(--amber-light));border-radius:6px; }
.cross-arm.h { width:70px;height:16px;top:50%;left:0;transform:translateY(-50%); }
.cross-arm.v { width:16px;height:70px;left:50%;top:0;transform:translateX(-50%); }
@keyframes crossSpin {
  0%   { transform:rotate(0deg);   filter:hue-rotate(0deg); }
  100% { transform:rotate(360deg); filter:hue-rotate(360deg); }
}
.loader-text { font-family:'Raleway',sans-serif;font-size:15px;letter-spacing:3px;color:rgba(255,255,255,0.7);text-transform:uppercase; }
.loader-dots span { display:inline-block;animation:dotBlink 1.2s infinite; }
.loader-dots span:nth-child(2){animation-delay:0.2s;}
.loader-dots span:nth-child(3){animation-delay:0.4s;}
@keyframes dotBlink { 0%,80%,100%{opacity:0;} 40%{opacity:1;} }
.loader-progress-bar { width:280px;height:4px;background:rgba(255,255,255,0.1);border-radius:4px;overflow:hidden; }
.loader-progress-fill {
  height:100%;width:0%;
  background:linear-gradient(90deg,var(--emerald),var(--violet),var(--coral));
  border-radius:4px;transition:width 0.15s ease;
}

/* ============================================================
   LOAD MORE
   ============================================================ */
.load-more-wrap { max-width:600px;margin:30px auto 20px;padding:0 24px;display:flex;flex-direction:column;align-items:center;gap:18px; }
.lm-count-row { font-family:'Raleway',sans-serif;font-size:13px;color:rgba(0,0,0,0.5);letter-spacing:1px;text-align:center; }
.lm-count-row strong { color:var(--violet); }
.lm-progress-track { width:100%;height:6px;background:rgba(0,0,0,0.08);border-radius:6px;overflow:hidden; }
.lm-progress-fill { height:100%;background:linear-gradient(90deg,var(--emerald),var(--violet),var(--coral));border-radius:6px;transition:width 0.6s cubic-bezier(0.4,0,0.2,1); }
.load-more-btn {
  display:inline-flex;align-items:center;gap:12px;padding:16px 48px;border:none;cursor:pointer;
  background:linear-gradient(135deg,var(--emerald),var(--violet),var(--coral));
  background-size:200% 200%;animation:lmBtnShift 4s ease infinite;
  color:#fff;border-radius:50px;
  font-family:'Raleway',sans-serif;font-size:13px;font-weight:800;letter-spacing:2px;text-transform:uppercase;
  box-shadow:0 12px 40px rgba(0,200,150,0.35);transition:transform 0.3s ease,box-shadow 0.3s ease;
}
@keyframes lmBtnShift { 0%{background-position:0% 50%;} 50%{background-position:100% 50%;} 100%{background-position:0% 50%;} }
.load-more-btn:hover { transform:translateY(-4px) scale(1.04);box-shadow:0 20px 60px rgba(0,200,150,0.5); }
.lm-sparkle { font-size:16px;animation:spin1 3s linear infinite; }
@keyframes spin1 { 0%{transform:rotate(0);} 100%{transform:rotate(360deg);} }
.lm-arrow { font-size:18px;animation:bounceY 1.2s ease-in-out infinite; }
@keyframes bounceY { 0%,100%{transform:translateY(0);} 50%{transform:translateY(5px);} }
.load-more-spinner { display:flex;align-items:center;gap:14px;font-family:'Raleway',sans-serif;font-size:13px;letter-spacing:2px;color:var(--violet); }
.spin-cross { width:36px;height:36px;position:relative;animation:crossSpin 0.9s linear infinite; }
.sc-h,.sc-v { position:absolute;background:linear-gradient(135deg,var(--violet),var(--coral));border-radius:4px; }
.sc-h { width:36px;height:8px;top:50%;transform:translateY(-50%); }
.sc-v { width:8px;height:36px;left:50%;transform:translateX(-50%); }

/* ALL LOADED */
.all-loaded-msg {
  max-width:500px;margin:20px auto 60px;padding:32px;
  background:linear-gradient(135deg,rgba(0,200,150,0.06),rgba(124,58,237,0.08));
  border:1px solid rgba(0,200,150,0.2);border-radius:20px;
  display:flex;flex-direction:column;align-items:center;gap:12px;
  font-family:'Raleway',sans-serif;font-size:14px;letter-spacing:2px;color:var(--violet);text-align:center;
}
.al-cross { font-size:32px;color:var(--emerald);text-shadow:0 0 20px rgba(0,200,150,0.7); }
.al-dots  { font-size:14px;letter-spacing:10px;color:rgba(0,200,150,0.4); }

/* ============================================================
   HERO — Enhanced
   ============================================================ */
.index-hero {
  text-align:center;padding:90px 20px 70px;
  background:linear-gradient(160deg,#080818 0%,#0a1a2a 30%,#0d1f33 60%,#111827 100%);
  position:relative;overflow:hidden;
}
.index-hero::after {
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse at 30% 50%,rgba(0,200,150,0.18) 0%,transparent 60%),
             radial-gradient(ellipse at 70% 30%,rgba(124,58,237,0.12) 0%,transparent 55%),
             radial-gradient(ellipse at 50% 80%,rgba(245,158,11,0.08) 0%,transparent 50%);
  pointer-events:none;
}
.hero-cross-bg {
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  font-size:380px;color:rgba(255,255,255,0.015);font-family:serif;pointer-events:none;
  animation:heroRotate 60s linear infinite;
}
@keyframes heroRotate { 0%{transform:translate(-50%,-50%) rotate(0deg);} 100%{transform:translate(-50%,-50%) rotate(360deg);} }
.hero-particles-wrap { position:absolute;inset:0;pointer-events:none; }
.hp {
  position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:var(--c);
  animation:hpFloat 4s ease-in-out var(--d) infinite alternate;filter:blur(1px);
}
@keyframes hpFloat { 0%{transform:translateY(0) scale(1);opacity:0.7;} 100%{transform:translateY(-20px) scale(1.3);opacity:0.3;} }
.hero-badge {
  display:inline-block;
  font-family:'Raleway',sans-serif;font-size:11px;letter-spacing:6px;font-weight:800;
  color:var(--emerald);text-transform:uppercase;
  padding:6px 20px;border:1px solid rgba(0,200,150,0.4);border-radius:50px;
  margin-bottom:22px;position:relative;z-index:2;background:rgba(0,200,150,0.06);
}
.index-hero-title {
  font-family:'Playfair Display',serif;font-size:clamp(30px,6vw,62px);font-weight:900;
  color:transparent;letter-spacing:4px;
  background:linear-gradient(135deg,#fcd34d 0%,#00c896 40%,#a78bfa 80%,#ff6b6b 100%);
  -webkit-background-clip:text;background-clip:text;
  text-shadow:none;filter:drop-shadow(0 0 40px rgba(0,200,150,0.4));
  margin-bottom:16px;position:relative;z-index:2;
}
.index-hero-sub {
  font-family:'Raleway',sans-serif;font-size:13px;
  color:rgba(255,255,255,0.4);letter-spacing:6px;text-transform:uppercase;position:relative;z-index:2;
}
.index-hero-line {
  display:flex;align-items:center;justify-content:center;gap:16px;
  margin:28px auto 0;width:200px;position:relative;z-index:2;
}
.line-stroke { flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(0,200,150,0.7),transparent); }
.line-cross { font-size:20px;color:var(--emerald);text-shadow:0 0 20px rgba(0,200,150,0.9);animation:pulse-glow 3s ease-in-out infinite; }

/* SECTION HEADER */
.posts-section-header { padding:50px 24px 10px;text-align:center; }
.psh-inner { display:flex;align-items:center;justify-content:center;gap:20px;max-width:600px;margin:0 auto; }
.psh-line { flex:1;height:2px;background:linear-gradient(90deg,transparent,var(--emerald),transparent); }
.psh-text {
  font-family:'Playfair Display',serif;font-size:clamp(16px,2.5vw,22px);font-weight:700;
  letter-spacing:3px;white-space:nowrap;
  background:linear-gradient(135deg,var(--violet),var(--emerald));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

/* CARDS */
.content_wrapper {
  max-width:1300px;margin:0 auto;padding:40px 24px 20px;
  display:grid;grid-template-columns:repeat(3,1fr);gap:28px;align-items:stretch;
}
.first_lavel {
  background:#fff;border-radius:20px;overflow:hidden;
  box-shadow:0 8px 32px rgba(0,0,0,0.10);border:1px solid rgba(0,0,0,0.05);
  transition:transform 0.38s cubic-bezier(0.175,0.885,0.32,1.275),box-shadow 0.38s ease;
  display:flex;flex-direction:column;position:relative;
}
.first_lavel::before { content:'';position:absolute;top:0;left:0;right:0;height:5px;z-index:3; }
.first_lavel:hover { transform:translateY(-12px);box-shadow:0 30px 70px rgba(0,0,0,0.18); }

/* CATEGORY PAGE */
.allcate { max-width:1200px;margin:24px auto;padding:0 24px; }
.allcate ul { display:flex;flex-wrap:wrap;gap:10px; }
.allcate ul li { display:inline-block; }
.allcate ul li a {
  font-family:'Raleway',sans-serif;font-size:12px;font-weight:800;
  letter-spacing:2px;text-transform:uppercase;
  padding:8px 18px;border-radius:50px;
  background:linear-gradient(135deg,var(--violet),var(--emerald));
  color:#fff !important;display:block;transition:all 0.2s;
}
.allcate ul li a:hover { transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,200,150,0.4); }
.allcate ul li.current-cat a { background:linear-gradient(135deg,var(--coral),var(--amber)); }
.total_category { max-width:1200px;margin:0 auto 60px;padding:0 24px;border:none !important; }
.total_category h1 {
  font-family:'Playfair Display',serif !important;font-size:26px !important;font-weight:900 !important;
  color:#fff !important;text-align:center;
  background:linear-gradient(135deg,var(--charcoal),var(--violet)) !important;
  padding:22px 30px !important;border-radius:16px !important;margin:20px 0 30px !important;letter-spacing:2px;
}
#Bible_Toic { display:none; }

/* SINGLE POST TITLE */
.post-title-container { text-align: center;margin-bottom: 30px; }
.post-title-container h1 {
  font-family: 'Playfair Display', serif;font-size: clamp(24px, 4vw, 42px);
  font-weight: 900;color: var(--slate);margin: 0;line-height: 1.2;display: block !important;
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:1024px) {
  .content_wrapper { grid-template-columns:repeat(2,1fr);gap:24px; }
  .mycontent { grid-template-columns:repeat(2,1fr);gap:28px; }
  .random_ul { grid-template-columns:repeat(2,1fr); }
  .page-card { padding:40px 40px; }
  .page-title-bar { padding:36px 40px 28px; }
}
@media(max-width:768px) {
  nav { padding:0 16px;height:64px; }
  nav .nav-items { position:fixed;z-index:998;top:64px;width:100%;left:-100%;height:calc(100vh - 64px);padding:30px 24px;background:var(--deep);display:block;transition:left 0.3s ease;overflow-y:auto; }
  nav .nav-items.active { left:0; }
  nav .nav-items li { display:block;padding:0; }
  nav .nav-items li a { font-size:17px;padding:14px 0;display:block;border-bottom:1px solid rgba(255,255,255,0.06); }
  nav form { display:none; }
  nav .menu-icon,nav .search-icon { display:flex; }
  nav .cancel-icon { display:none; }
  nav .cancel-icon.show { display:flex; }
  nav .menu-icon span.hide,nav .search-icon.hide { display:none; }
  .content_wrapper { grid-template-columns:1fr;gap:20px;padding:30px 16px; }
  .mycontent { grid-template-columns:1fr;gap:30px; }
  .random_ul { grid-template-columns:1fr; }
  .page-card { padding:28px 24px; }
  .page-title-bar { padding:28px 24px 22px;border-radius:var(--radius-lg) var(--radius-lg) 0 0; }
  .daily-verse-card,.random-verse-overlay { padding:40px 28px; }
  .holi-intro { padding:28px 28px; }
  .singlepage { padding:0 16px 60px; }
  nav .search-icon { display: flex !important; }
  nav .menu-icon { display: flex !important; }
  nav form {
    display: none;position: absolute;top: 64px;left: 0;width: 100%;
    background: var(--charcoal);padding: 15px 20px;border-radius: 0;border: none;
    border-bottom: 3px solid var(--emerald);z-index: 1001;box-shadow: 0 10px 30px rgba(0,0,0,0.5);
  }
  nav form.active { display: flex !important; }
  nav form input { font-size: 16px !important; }
}
@media(max-width:480px) {
  .index-hero-title { font-size:26px; }
  .daily-verse-card,.random-verse-overlay { padding:32px 20px; }
}