/* ======================================
राशी दिनमान | CSS
====================================== */

:root{
  --rashi-red:#e40910;
  --rashi-dark:#8f0007;
  --rashi-gold:#ffb300;
  --rashi-blue:#0b3f91;
  --rashi-green:#0b8f4b;
  --rashi-pink:#c9005a;
  --rashi-purple:#5b2bc2;
  --rashi-orange:#e86b00;
  --rashi-ink:#1f1f1f;
  --rashi-soft:#fff3df;
  --rashi-line:#e409102e;
}

.rashi-lite{
  max-width:980px;
  margin:0 auto;
  padding:20px;
  line-height:1.78;
  color:var(--rashi-ink);
  background:linear-gradient(180deg,#fff4df,#ffffff 36%,#fff4df);
  border:2px solid var(--rashi-line);
  border-radius:24px;
  font-size:16px;
}

.rashi-hero{
  padding:26px 22px;
  text-align:center;
  color:#ffffff;
  border-radius:22px;
  background:linear-gradient(135deg,#6d0005 0%,#a30008 35%,#e40910 100%);
  box-shadow:0 12px 28px #e4091038;
}

.rashi-hero-icon{
  width:84px;
  height:84px;
  margin:0 auto 12px;
  display:grid;
  place-items:center;
  border-radius:50%;
  font-size:48px;
  background:radial-gradient(circle,#ffd76a,#ff9d00 50%,#8f0007);
  box-shadow:inset 0 0 0 5px #ffffff73;
}

.rashi-kicker{
  display:inline-block;
  margin-bottom:8px;
  padding:5px 12px;
  border-radius:999px;
  background:#ffffff2e;
  font-weight:800;
}

.rashi-title{
  margin:0;
  font-size:38px;
  line-height:1.18;
  color:#ffffff;
}

.rashi-meta{
  margin:12px 0 0;
  font-weight:800;
}

.rashi-mood{
  margin-top:16px;
  display:inline-block;
  padding:10px 18px;
  border-radius:999px;
  background:#ffffff;
  color:#8f0007;
  font-weight:900;
}

.rashi-section{
  margin-top:20px;
  padding:20px;
  background:#ffffff;
  border:1px solid var(--rashi-line);
  border-radius:20px;
  box-shadow:0 8px 20px #0000000f;
}

.rashi-section h2,
.rashi-main h2,
.rashi-fact h2{
  margin:0 0 16px;
  font-size:22px;
  line-height:1.35;
  color:#8f0007;
}

.rashi-grid-5{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
  width:100%;
}

.rashi-planet{
  padding:14px 12px;
  border-radius:16px;
  border:1px solid #0000001a;
  width:100%;
  max-width:100%;
  min-width:0;
  overflow:hidden;
  overflow-wrap:break-word;
  transition:box-shadow 0.18s ease,transform 0.18s ease,border-color 0.18s ease;
}

.rashi-planet:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 24px #0000001a;
}

.rashi-planet b{
  display:block;
  margin-bottom:5px;
  font-size:18px;
  font-weight:900;
  color:#111111;
}

.rashi-planet span{
  display:block;
  font-size:16px;
  font-weight:700;
  line-height:1.5;
  color:#444444;
}

.rashi-planet p{
  margin:7px 0 0;
  font-size:16px;
}

.rp-sun{background:#fff3d0;border-top:7px solid #ff9800}
.rp-moon{background:#edf6ff;border-top:7px solid #1976d2}
.rp-mars{background:#fff0ef;border-top:7px solid #d32f2f}
.rp-mercury{background:#ecfff4;border-top:7px solid #0b8f4b}
.rp-venus{background:#fff0f7;border-top:7px solid #c9005a}
.rp-jupiter{background:#fff4df;border-top:7px solid #e86b00}
.rp-saturn{background:#eef3f5;border-top:7px solid #455a64}
.rp-pluto{background:#f3efff;border-top:7px solid #5b2bc2}
.rp-rahu{background:#eaffff;border-top:7px solid #00838f}
.rp-ketu{background:#fff0e5;border-top:7px solid #8d4b16}

.rashi-panchang{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}

.rashi-mini-card{
  padding:15px;
  text-align:center;
  border-radius:16px;
  border:1px solid #0000001a;
  border-right-width:7px;
  transition:box-shadow 0.18s ease,transform 0.18s ease,border-color 0.18s ease;
}

.rashi-mini-card:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 24px #0000001a;
}

.rashi-mini-card b{
  display:block;
  margin-bottom:5px;
  font-size:18px;
  color:#010101;
  font-weight:900;
}

.pan-tithi{background:#eef6ff;border-right-color:#0b3f91}
.pan-nakshatra{background:#fff4df;border-right-color:#e86b00}
.pan-yog{background:#ecfff4;border-right-color:#0b8f4b}
.pan-karan{background:#f3efff;border-right-color:#5b2bc2}

.rashi-yog-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
}

.rashi-yog{
  padding:17px;
  border-radius:18px;
  background:linear-gradient(180deg,#ffe4f1,#ffffff);
  border:1px solid #c9005a2e;
  border-bottom:7px solid #8f0007;
  transition:box-shadow 0.18s ease,transform 0.18s ease,border-color 0.18s ease;
}

.rashi-yog:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 24px #0000001a;
}

.rashi-yog h3{
  margin:0 0 8px;
  font-size:18px;
  font-weight:900;
  color:#010101;
}

.rashi-yog p{
  margin:7px 0 0;
  font-size:16px;
}

.rashi-main{
  border:2px solid #ffb300b3;
  padding:0;
  overflow:hidden;
  transition:box-shadow 0.18s ease,transform 0.18s ease,border-color 0.18s ease;
}

.rashi-main:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 28px #0000001f;
}

.rashi-main h2{
  margin:0;
  padding:12px 18px;
  color:#ffffff;
  background:linear-gradient(135deg,#8f0007,#e40910);
}

.rashi-main p{
  margin:0;
  padding:18px;
  font-size:16px;
  background:linear-gradient(90deg,#ffffff,#fff6e6);
}

.rashi-guide{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
}

.rashi-guide-card{
  padding:16px;
  border-radius:16px;
  box-shadow:0 6px 14px #0000000d;
  transition:box-shadow 0.18s ease,transform 0.18s ease,border-color 0.18s ease;
}

.rashi-guide-card:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 24px #0000001a;
}

.rashi-guide-card h3{
  margin:0 0 8px;
  font-size:18px;
  font-weight:900;
  color:#010101;
}

.rashi-guide-card p{
  margin:7px 0 0;
  font-size:16px;
}

.guide-job{background:#eef6ff;border-left:7px solid #0b3f91}
.guide-biz{background:#ecfff4;border-left:7px solid #0b8f4b}
.guide-women{background:#fff0f7;border-left:7px solid #c9005a}
.guide-student{background:#f3efff;border-left:7px solid #5b2bc2}

.rashi-today{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}

.rashi-today-card{
  padding:16px;
  border-radius:16px;
  text-align:center;
  transition:box-shadow 0.18s ease,transform 0.18s ease,border-color 0.18s ease;
}

.rashi-today-card:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 24px #0000001a;
}

.rashi-today-card b{
  display:block;
  margin-bottom:5px;
  font-size:18px;
  font-weight:900;
  color:#111111;
}

.rashi-today-card span{
  display:block;
  margin-top:5px;
  font-size:18px;
}

.today-num{background:#eef6ff;border-top:7px solid #0b3f91}
.today-color{background:#fff0ef;border-top:7px solid #e40910}
.today-luck{background:#ecfff4;border-top:7px solid #0b8f4b}
.today-remedy{background:#fff4df;border-top:7px solid #ffb300}

.rashi-summary{
  margin-top:14px;
  padding:16px;
  border-left:6px solid var(--rashi-gold);
  border-radius:16px;
  background:#fff3d0;
  font-weight:500;
  font-size:16px;
}

.rashi-links{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}

.rashi-link{
  padding:14px;
  border-radius:16px;
  border:1px solid #0000001a;
  border-right-width:7px;
  text-decoration:none;
  color:#17233c;
  font-weight:900;
  transition:box-shadow 0.18s ease,transform 0.18s ease,border-color 0.18s ease;
}

.rashi-link:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 24px #0000001a;
}

.rashi-link small{
  display:block;
  margin-top:3px;
  color:#555555;
  font-weight:600;
}

.link-pan{background:#eef6ff;border-right-color:#0b3f91}
.link-rashi{background:#fff4df;border-right-color:#ffb300}
.link-upay{background:#fff0ef;border-right-color:#e40910}
.link-sadhana{background:#f3efff;border-right-color:#5b2bc2}

.rashi-fact{
  margin-top:20px;
  padding:22px;
  border-radius:20px;
  color:#ffffff;
  background:linear-gradient(135deg,#061a3d,#0b3f91);
}

.rashi-fact b{
  display:inline-block;
  margin-bottom:10px;
  color:#ffd56a;
  font-size:18px;
  font-weight:900;
}

.rashi-fact h2{
  margin:0 0 10px;
  color:#ffffff;
}

.rashi-fact p{
  margin:0 0 10px;
  color:#ffffff;
  font-size:16px;
}

@media(max-width:900px){
  .rashi-grid-5{grid-template-columns:repeat(2,1fr)}
  .rashi-panchang,
  .rashi-guide,
  .rashi-today,
  .rashi-links{grid-template-columns:repeat(2,1fr)}
  .rashi-yog-grid{grid-template-columns:1fr}
}

@media(max-width:600px){
  .rashi-lite{
    padding:14px;
    border-radius:16px;
    font-size:15px;
    line-height:1.7;
  }

  .rashi-hero{padding:20px 14px;border-radius:16px}
  .rashi-hero-icon{width:66px;height:66px;margin-bottom:10px;font-size:36px}
  .rashi-kicker{font-size:13px;padding:4px 10px}
  .rashi-title{font-size:26px;line-height:1.22}
  .rashi-meta{font-size:14px}
  .rashi-mood{margin-top:12px;padding:8px 14px;font-size:14px}

  .rashi-section{margin-top:14px;padding:14px;border-radius:16px}

  .rashi-section h2,
  .rashi-main h2,
  .rashi-fact h2{
    font-size:18px;
    margin-bottom:12px;
  }

  .rashi-grid-5{grid-template-columns:1fr;gap:10px;min-width:0}
  .rashi-planet{min-width:0}
  .rashi-panchang{grid-template-columns:repeat(2,1fr);gap:10px}
  .rashi-today{grid-template-columns:repeat(2,1fr);gap:10px}
  .rashi-yog-grid{grid-template-columns:1fr;gap:10px}
  .rashi-guide{grid-template-columns:1fr;gap:10px}
  .rashi-links{grid-template-columns:1fr;gap:10px}

  .rashi-planet b,
  .rashi-mini-card b,
  .rashi-today-card b,
  .rashi-yog h3,
  .rashi-guide-card h3{font-size:16px}

  .rashi-planet span{font-size:15px}

  .rashi-planet p,
  .rashi-yog p,
  .rashi-guide-card p{font-size:15px}

  .rashi-today-card span{font-size:16px}
  .rashi-main h2{padding:10px 14px}
  .rashi-main p{padding:14px;font-size:15px}
  .rashi-summary{padding:14px;font-size:15px}
  .rashi-fact{padding:16px}
  .rashi-fact p{font-size:15px}
  .rashi-fact b{font-size:16px}
}

@media(max-width:380px){
  .rashi-lite{padding:10px}
  .rashi-hero-icon{width:58px;height:58px;font-size:32px}
  .rashi-title{font-size:23px}
  .rashi-panchang{grid-template-columns:1fr}
  .rashi-today{grid-template-columns:1fr}
}