/* home-patch.css — additions for home page */

/* Founder contact bar */
.founder-contact-bar { display:flex; flex-wrap:wrap; gap:0.7rem; margin-bottom:1.2rem; }
.founder-contact-item { display:inline-flex; align-items:center; gap:0.5rem; padding:0.45rem 1rem; border-radius:25px; background:rgba(201,168,76,0.08); border:1px solid rgba(201,168,76,0.3); color:var(--gold); font-family:var(--font-ui); font-size:0.82rem; font-weight:600; transition:all 0.3s; text-decoration:none; }
.founder-contact-item:hover { background:rgba(201,168,76,0.18); }
.founder-contact-item.whatsapp { border-color:rgba(37,211,102,0.4); color:#25d366; background:rgba(37,211,102,0.08); }
.founder-contact-item.whatsapp:hover { background:rgba(37,211,102,0.15); }

/* Zodiac wheel container */
.zodiac-wheel-container { position:relative; width:480px; height:480px; margin:0 auto 3rem; }
#zodiacWheel { display:block; margin:0 auto; }

/* Zodiac grid — Indian Rashis */
.zodiac-signs-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:1rem; max-width:1300px; margin:0 auto; padding:0 2rem; }
.zodiac-sign-card { text-align:center; padding:1.1rem 0.6rem; background:var(--glass-bg); border:1px solid var(--glass-border); border-radius:14px; cursor:pointer; transition:all 0.3s; display:flex; flex-direction:column; gap:0.25rem; align-items:center; }
.zodiac-sign-card:hover { transform:translateY(-6px); border-color:var(--gold); box-shadow:0 0 25px rgba(201,168,76,0.3); }
.sign-animal { font-size:2rem; line-height:1.2; }
.sign-name   { font-family:var(--font-ui); font-size:0.82rem; color:var(--white); font-weight:700; }
.sign-hindi  { font-size:0.8rem; color:var(--gold); }

/* Rashi modal */
.rashi-modal { max-width:560px; }
.rashi-modal-header { display:flex; align-items:center; gap:1rem; margin-bottom:1.5rem; }
.rashi-modal-icon { font-size:3.5rem; }
.rashi-modal-name { font-family:var(--font-display); font-size:1.7rem; color:var(--gold); }
.rashi-modal-hindi { font-size:1rem; color:var(--silver); margin-top:0.2rem; }
.rashi-modal-content h4 { font-family:var(--font-ui); font-size:0.78rem; letter-spacing:0.2em; text-transform:uppercase; color:var(--gold); margin:1.1rem 0 0.4rem; }
.rashi-modal-content p { color:var(--white-soft); font-size:0.96rem; line-height:1.75; }
.rashi-modal-footer { margin-top:1.2rem; padding-top:1rem; border-top:1px solid var(--glass-border); font-family:var(--font-ui); font-size:0.8rem; color:var(--silver); font-style:italic; }

@media (max-width:1024px) { .zodiac-signs-grid{grid-template-columns:repeat(4,1fr);} .zodiac-wheel-container{width:380px;height:380px;} #zodiacWheel{width:380px;height:380px;} }
@media (max-width:768px)  {
  .zodiac-signs-grid{grid-template-columns:repeat(3,1fr);}
  .zodiac-wheel-container{width:300px;height:300px;}
  #zodiacWheel{width:300px;height:300px;}
  .founder-contact-bar{flex-direction:column;}
  /* Founder section mobile fix */
  .founder-card { grid-template-columns:1fr !important; gap:2rem !important; padding:1.5rem !important; }
  .founder-highlights { grid-template-columns:1fr !important; }
  .founder-image-placeholder { width:200px !important; height:240px !important; }
  .founder-name { font-size:1.4rem !important; }
  .founder-desc { font-size:.95rem !important; }
  /* Fix text overflow on mobile */
  .founder-info { overflow-wrap:break-word; word-wrap:break-word; }
  p, h2, h3, h4, span { max-width:100%; }
}
@media (max-width:480px)  { .zodiac-signs-grid{grid-template-columns:repeat(2,1fr);} }