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

/* ============================================================
   IMPORTS
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Josefin+Sans:wght@300;400;600;700&family=Caveat:wght@600;700&family=Cinzel:wght@400;600;700&family=Lora:ital,wght@0,500;0,600;1,500&display=swap');

/* ============================================================
   CSS VARIABLES
   ============================================================ */
:root {
  --gold:       #c9a84c;
  --gold-light: #f0d080;
  --deep:       #0d0d1a;
  --navy:       #0a1628;
  --indigo:     #1a2c5b;
  --accent:     #7c5cbf;
  --rose:       #c0556a;
  --cream:      #faf7f0;
  --shadow-lg:  0 20px 60px rgba(0,0,0,0.18);
  --radius-lg:  20px;
  --radius-md:  12px;
}

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

/* ============================================================
   CUSTOM CURSOR
   ============================================================ */
.cursor-dot {
  width:8px;height:8px;background:var(--gold);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(--accent);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(--rose);background:rgba(192,85,106,0.1); }

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

/* ============================================================
   HEADER & NAV
   ============================================================ */
header {
  position:sticky;top:0;z-index:1000;
  background:var(--navy);
  border-bottom:2px solid rgba(201,168,76,0.35);
  box-shadow:0 4px 30px rgba(0,0,0,0.4);
}
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:'Cinzel',serif;font-size:26px;font-weight:700;
  letter-spacing:2px;color:var(--gold);text-shadow:0 0 20px rgba(201,168,76,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(--gold-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:'Josefin Sans',sans-serif;
  font-size:13px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;
  padding:8px 16px;border-radius:6px;transition:all 0.25s ease;display:block;
}
nav .nav-items li a:hover { color:var(--gold);background:rgba(201,168,76,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(201,168,76,0.3);border-radius:50px;
  overflow:hidden;transition:border-color 0.3s;min-width:200px;
}
nav form:focus-within { border-color:var(--gold); }
nav form .search-data {
  flex:1;padding:0 16px;color:#fff;font-family:'Josefin Sans',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(--gold);color:var(--deep);
  border:none;cursor:pointer;font-size:14px;font-weight:700;transition:background 0.2s;
}
nav form button:hover { background:var(--gold-light); }
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;
}
nav .menu-icon:hover,nav .cancel-icon:hover { background:rgba(255,255,255,0.1); }

/* ============================================================
   FOOTER
   ============================================================ */
footer { background:var(--navy);border-top:2px solid rgba(201,168,76,0.25);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.6);font-family:'Josefin Sans',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.6);font-family:'Josefin Sans',sans-serif;
  font-size:13px;letter-spacing:1px;text-transform:uppercase;
  padding:6px 14px;border-radius:5px;transition:all 0.2s;
}
.footer_second_part_right ul li a:hover { color:var(--gold);background:rgba(201,168,76,0.1); }

/* ============================================================
   INDEX PAGE HERO
   ============================================================ */
.index-hero {
  text-align:center;padding:70px 20px 50px;
  background:linear-gradient(160deg,var(--navy) 0%,#1a1060 60%,#0d0d1a 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:'Cinzel',serif;font-size:clamp(28px,5vw,52px);font-weight:700;
  color:var(--gold);letter-spacing:4px;text-shadow:0 0 40px rgba(201,168,76,0.4);margin-bottom:12px;
}
.index-hero-sub {
  font-family:'Josefin Sans',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(--gold),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;
}
.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:'Cormorant Garamond',serif;font-size:22px;font-weight:700;
  color:var(--navy);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(--accent); }
.card-read-btn {
  display:inline-flex;align-items:center;gap:8px;margin-top:auto;
  padding:10px 22px;background:linear-gradient(135deg,var(--indigo),var(--accent));
  color:#fff;font-family:'Josefin Sans',sans-serif;font-size:12px;font-weight:700;
  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(--accent),var(--rose));transform:translateX(4px);color:#fff; }
.card-read-btn::after { content:'→'; }

/* Pagination */
.page_navi { max-width:1280px;margin:0 auto 60px;padding:0 24px;text-align:center; }
.page_navi .page-numbers {
  display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;margin:0 3px;border-radius:10px;
  font-family:'Josefin Sans',sans-serif;font-size:14px;font-weight:600;
  color:var(--navy);border:2px solid rgba(0,0,0,0.1);background:#fff;transition:all 0.25s ease;
}
.page_navi .page-numbers:hover { background:var(--indigo);color:#fff;border-color:var(--indigo); }
.page_navi .page-numbers.current {
  background:linear-gradient(135deg,var(--indigo),var(--accent));
  color:#fff;border-color:transparent;box-shadow:0 5px 15px rgba(124,92,191,0.4);
}
.page_navi .prev,.page_navi .next {
  width:auto;padding:0 18px;height:44px;margin:0 3px;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:10px;font-family:'Josefin Sans',sans-serif;font-size:13px;font-weight:600;
  letter-spacing:1px;color:var(--navy);border:2px solid rgba(0,0,0,0.1);background:#fff;transition:all 0.25s ease;
}
.page_navi .prev:hover,.page_navi .next:hover { background:var(--indigo);color:#fff;border-color:var(--indigo); }
.page_navi .prev.disabled,.page_navi .next.disabled { opacity:0.4;pointer-events:none; }
.page_navi .screen-reader-text { display:none; }

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

/* ============================================================
   PAGE.PHP — content card
   ============================================================ */
.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:'Cormorant Garamond',serif;color:var(--navy);
  font-weight:700;line-height:1.3;margin-bottom:18px;
}
.page-card h1 { font-size:38px;border-bottom:2px solid rgba(201,168,76,0.3);padding-bottom:20px;margin-bottom:30px; }
.page-card h2 { font-size:28px; }
.page-card p { font-family:'Lora',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:'Lora',serif;font-size:16px;line-height:1.8;color:#3a3a4a;list-style:initial;margin-bottom:8px; }
.page-card a { color:var(--accent);border-bottom:1px solid rgba(124,92,191,0.3);transition:color 0.2s; }
.page-card a:hover { color:var(--rose); }
.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(--navy),var(--indigo));
  padding:48px 64px 36px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;
  margin-bottom:0;
}
.page-title-bar h1 {
  font-family:'Cinzel',serif;font-size:clamp(24px,3.5vw,40px);
  font-weight:700;color:var(--gold);letter-spacing:3px;
  margin:0;border:none;padding:0;
  text-shadow:0 0 30px rgba(201,168,76,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 (single.php)
   ============================================================ */
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(-12px) scale(1.03) rotate(0.8deg)!important; }
.wall-frame {
  position:relative;padding:35px 30px 25px;border-radius:14px;overflow:hidden;
  box-shadow:0 20px 50px rgba(0,0,0,0.28);border:12px solid #3d2b1f;
  min-height:280px;display:flex;flex-direction:column;justify-content:center;
}
.wall-frame::after {
  content:'';position:absolute;top:5px;left:5px;right:5px;bottom:5px;
  border:1px solid rgba(255,255,255,0.3);pointer-events:none;z-index:1;
}
.wall-frame::before {
  content:'';position:absolute;top:-22px;left:50%;transform:translateX(-50%);
  width:12px;height:12px;background:#777;border-radius:50%;
  box-shadow:0 2px 4px rgba(0,0,0,0.5);z-index:5;
}
.frame-shadow {
  position:absolute;top:15px;left:10px;right:-10px;bottom:-15px;
  background:rgba(0,0,0,0.13);filter:blur(15px);border-radius:15px;z-index:-1;
}
.wall-frame p { font-size:17px!important;line-height:1.6!important;margin:0 0 12px!important;position:relative;z-index:2;font-weight:600;text-shadow:none!important; }
.wall-frame cite,.wall-frame .bq-ref { font-family:'Caveat',cursive!important;font-size:22px!important;font-weight:700!important;display:block;text-align:right;margin-top:auto;position:relative;z-index:2; }
.frame-gold   { border-color:#d4af37!important;border-image:linear-gradient(to bottom right,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c) 1!important; }
.frame-silver { border-color:#c0c0c0!important;border-image:linear-gradient(to bottom right,#757575,#e0e0e0,#8e8e8e,#f5f5f5,#adadad) 1!important; }
.frame-black  { border-color:#1a1a1a!important; }
.frame-white  { border-color:#f8f8f8!important; }
.frame-mahogany { border-color:#4e1a1a!important; }
.frame-icon { position:absolute;top:15px;right:15px;font-size:24px;opacity:0.2;z-index:1; }
.mycontent { display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-bottom:60px; }

/* ============================================================
   HEADING TITLE
   ============================================================ */
.heading_title {
  font-family:'Cinzel',serif;font-size:28px;font-weight:600;color:#fff;text-align:center;
  background:linear-gradient(135deg,var(--indigo),var(--accent));
  padding:22px 30px;border-radius:var(--radius-md);
  letter-spacing:3px;margin-bottom:16px;
  box-shadow:0 8px 30px rgba(26,44,91,0.3);border:none;
}

/* ============================================================
   DAILY VERSE PAGE
   ============================================================ */
.daily-verse-page {
  min-height:100vh;
  background:linear-gradient(135deg,#0d0d1a 0%,#1a1060 40%,#0a1628 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(124,92,191,0.18) 0%,transparent 60%),
             radial-gradient(ellipse at 80% 70%,rgba(192,85,106,0.13) 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:'Josefin Sans',sans-serif;font-size:11px;letter-spacing:6px;font-weight:700;
  color:var(--gold);text-transform:uppercase;text-align:center;margin-bottom:16px;
}
.daily-verse-heading {
  font-family:'Cinzel',serif;font-size:clamp(22px,4vw,38px);font-weight:700;
  color:#fff;text-align:center;letter-spacing:2px;margin-bottom:50px;
  text-shadow:0 0 40px rgba(201,168,76,0.3);
}
.daily-verse-card {
  background:rgba(255,255,255,0.05);border:1px solid rgba(201,168,76,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(201,168,76,0.06);font-family:Georgia,serif;pointer-events:none;
}
.daily-verse-card:hover { border-color:rgba(201,168,76,0.5);box-shadow:0 40px 100px rgba(0,0,0,0.6),0 0 60px rgba(201,168,76,0.08); }
.daily-cross-glow {
  font-size:28px;color:var(--gold);margin-bottom:28px;display:block;
  text-shadow:0 0 25px rgba(201,168,76,0.7);animation:pulse-glow 3s ease-in-out infinite;
}
@keyframes pulse-glow {
  0%,100% { text-shadow:0 0 25px rgba(201,168,76,0.7); }
  50% { text-shadow:0 0 50px rgba(201,168,76,1),0 0 80px rgba(201,168,76,0.4); }
}
.daily-verse-text {
  font-family:'Cormorant Garamond',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:'Josefin Sans',sans-serif;font-size:15px;letter-spacing:3px;
  font-weight:700;color:var(--gold);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(201,168,76,0.5); }

/* ============================================================
   RANDOM BIBLE PAGE
   ============================================================ */
.random-bible-page {
  min-height:100vh;
  background:linear-gradient(160deg,#0d1117 0%,#1a1040 50%,#0d0d1a 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,92,191,0.2) 0%,transparent 50%),
             radial-gradient(circle at 20% 80%,rgba(201,168,76,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:'Cinzel',serif;font-size:clamp(22px,4vw,36px);font-weight:700;
  color:#fff;text-align:center;margin-bottom:50px;letter-spacing:2px;
  text-shadow:0 0 30px rgba(124,92,191,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:'Cormorant Garamond',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:'Josefin Sans',sans-serif;font-size:14px;font-weight:700;
  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:'Josefin Sans',sans-serif;
  font-size:13px;font-weight:700;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:'Josefin Sans',sans-serif;font-size:11px;letter-spacing:3px;color:rgba(255,255,255,0.3);text-transform:uppercase; }

/* ============================================================
   RANDOM POSTS (shared)
   ============================================================ */
.random { margin:60px 0; }
.random_h2 {
  font-family:'Cinzel',serif!important;font-size:30px!important;font-weight:700!important;
  color:var(--navy)!important;text-align:center;margin-bottom:32px;letter-spacing:3px;position:relative;
}
.random_h2::after { content:'';display:block;width:50px;height:2px;background:linear-gradient(90deg,var(--gold),var(--accent));margin:12px auto 0; }
.random_ul { display:grid;grid-template-columns:repeat(3,1fr);gap:24px;list-style:none;padding:0; }
.random_li { background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 6px 24px rgba(0,0,0,0.08);border:1px solid rgba(0,0,0,0.06);transition:all 0.3s ease;padding:0; }
.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:'Cormorant Garamond',serif!important;font-size:18px!important;font-weight:700;color:var(--navy);line-height:1.4;display:block;transition:color 0.2s; }
.random_a:hover { color:var(--accent); }

/* ============================================================
   HOLI PAGE (single.php background)
   ============================================================ */
.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:'Caveat',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:'Lora',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,#da77f2,#74c0fc);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(180,80,220,0.5); }
.holi-intro p { margin-bottom:14px; }
.holi-intro p:last-child { margin-bottom:0; }
.holi-intro mark { background:linear-gradient(120deg,rgba(240,98,146,.3),rgba(255,167,38,.25));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; }

/* ============================================================
   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);} }

/* ============================================================
   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; }
}
@media(max-width:480px) {
  .index-hero-title { font-size:26px; }
  .daily-verse-card,.random-verse-overlay { padding:32px 20px; }
}