/* Shared styles for Hora pages (Hindi, Tamil, English) */
:root{
  --primary:#4169e1;
  --header-gradient:linear-gradient(to right,#3949ab,#1e88e5);
  --table-head-bg:#e3e8f3;
  --table-head-text:#3949ab;
  --table-row-even:#f5f7fa;
  --table-row-odd:#f3e8ff;
  --bg-light:#f5f7fa;
  --bg-card:#fff;
  --border-radius:14px;
  --shadow:0 8px 32px rgba(65,105,225,0.08);
  --font-stack:"Segoe UI",system-ui,Roboto,sans-serif;
}
*{box-sizing:border-box;font-family:var(--font-stack)}
body{background:linear-gradient(120deg,#d0e6f7,#f3e8ff,#d0e6f7);margin:0;padding:0;min-height:100vh}

/* Header & Nav */
.header{background:var(--header-gradient);padding:12px 20px;display:flex;align-items:center;justify-content:space-between;color:#fff;flex-wrap:wrap;position:relative;box-shadow:0 4px 16px #3949ab22}
.logo{font-size:26px;background:linear-gradient(to right,#FF9A9E,#FECFEF,#FAD0C4,#FECF7D,#F8E8A8,#B9FBC0,#E3F9F5,#D0F4C9,#C2E0FF,#B9E5F2,#AEEEEE);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;font-weight:bold;display:inline-block;white-space:nowrap;text-decoration:none;letter-spacing:1px}
.nav{display:flex;gap:30px;font-size:16px;align-items:center}
.nav a{color:#fff;text-decoration:none;padding:8px 16px;font-weight:500;border-radius:5px;transition:background-color .3s;display:block}
.nav a:hover{background-color:rgba(255,255,255,.18)}
.menu-toggle{display:none;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;margin-left:10px}
@media (max-width:800px){
  .header{flex-direction:column;align-items:flex-start;padding:12px 10px}
  .nav{flex-direction:column;gap:0;width:100%;display:none;background:var(--header-gradient);position:absolute;left:0;top:100%;z-index:10;border-radius:0 0 12px 12px;box-shadow:0 4px 12px #0002}
  .nav.open{display:flex}
  .nav a{padding:14px 20px;border-bottom:1px solid #ffffff22;width:100%}
  .menu-toggle{display:block;position:absolute;right:18px;top:12px}
}

/* Container and titles */
.container{max-width:950px;margin:30px auto;background:var(--bg-card);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:24px 12px 18px 12px;position:relative}
.main-title{font-size:1.8rem;color:#0c25c5;text-align:left;margin-bottom:25px;background:linear-gradient(120deg,#e0c3fc 0%,#b9c6f8 60%,#f3e8ff 100%);padding:10px 20px;border-radius:10px;letter-spacing:1px;font-weight:500;position:relative;box-shadow:0 4px 12px rgba(0,0,0,.1)}
.main-title::after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:99%;height:4px;background:linear-gradient(120deg,#e0c3fc 0%,#b9c6f8 60%,#f3e8ff 100%);border-radius:2px}
.subtitle{font-size:1.1rem;color:#1e3a8a;margin-left:8px;font-weight:500}
.section-title{font-size:1.13rem;color:#031f74;margin:24px 0 10px 0;text-align:left;letter-spacing:.5px;font-weight:600;border-left:4px solid #667eea;padding-left:10px}

/* Location highlight */
.highlight-location-info.modern-loc-info{background:linear-gradient(90deg,#e0c3fc 0%,#b9c6f8 60%,#f3e8ff 100%);border-radius:18px;box-shadow:0 4px 24px #b993d633;padding:12px 18px 10px 18px;margin-bottom:18px;margin-top:8px;max-width:1200px;width:100%;font-size:1.13em;font-weight:600;color:#232946;border:1.5px solid #b9c6f8;display:flex;justify-content:center;align-items:center;letter-spacing:.2px;overflow-x:auto}
.modern-loc-flex{display:flex;flex-wrap:wrap;gap:12px 18px;justify-content:flex-start;align-items:center;width:100%}
.modern-loc-pill{display:flex;flex-direction:row;align-items:center;gap:7px;font-size:0.9em;background:rgba(255,255,255,.98);border-radius:999px;padding:7px 18px 7px 13px;margin-bottom:0;box-shadow:0 1px 6px #b9c6f822;font-weight:600;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1.2px solid #e0c3fc;max-width:320px}
.modern-loc-pill:hover{box-shadow:0 2px 12px #b9c6f855;background:#f3e8ff}
.modern-loc-pill .loc-icon{font-size:1.18em;margin-right:2px;color:#6a11cb;display:flex;align-items:center;justify-content:center;min-width:1.5em}
.modern-loc-pill .loc-label{color:#4B61D1;font-weight:700;font-size:1.07em;min-width:0;margin-right:2px;white-space:nowrap}
.modern-loc-pill .loc-value{color:#232946;font-weight:600;font-size:1.07em;letter-spacing:.1px;word-break:break-word;overflow:hidden;text-overflow:ellipsis;max-width:100%}
@media (max-width:900px){
  .highlight-location-info.modern-loc-info{padding:8px 4px 6px 4px;max-width:100%;flex-direction:column;align-items:stretch}
  .modern-loc-flex{flex-direction:column;gap:7px;align-items:stretch}
  .modern-loc-pill{width:100%;min-width:0;padding:7px 10px;font-size:1.04em;max-width:100%}
}

/* Top info & layout */
.hora-top-info{width:100%;display:flex;justify-content:flex-start;align-items:center;margin-bottom:18px;padding:10px 0 0 0}
.hora-flex-container{display:flex;gap:32px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;margin-bottom:32px;width:100%;box-sizing:border-box;overflow-x:auto}
.hora-flex-item{flex:1 1 340px;max-width:520px;margin-bottom:0;box-sizing:border-box}
@media (max-width:900px){.hora-flex-container{flex-direction:column;gap:18px;width:100%;min-width:0}.hora-flex-item{max-width:100%;width:100%;min-width:0}}
@media (max-width:600px){.hora-flex-container{gap:10px;padding:0}.hora-flex-item{width:100%;max-width:100%;min-width:0}}

/* Hora table */
.hora-table{width:100%;background:#fff;border-radius:16px;box-shadow:0 2px 12px #b993d622;margin-bottom:32px;overflow:hidden;font-size:1.08em;display:flex;flex-direction:column}
.hora-row{display:flex;border-bottom:1px solid #e1bee7;align-items:stretch;transition:background .2s}
.hora-row:last-child{border-bottom:none}
.hora-row:not(.hora-header):hover{background:#f3e8ff}
.hora-header{background:linear-gradient(90deg,#f8fafd 0%,#e0c3fc 100%);color:#6a11cb;font-weight:700;font-size:1.1em;border-bottom:2px solid #e0c3fc}
.hora-cell{flex:1 1 0;padding:14px 10px;display:flex;align-items:center;font-weight:500;min-width:0;word-break:break-word}
.hora-planet-cell{font-weight:700;font-size:1.13em;gap:10px;flex-basis:40%;max-width:40%;min-width:0}
.hora-row .hora-cell:last-child{flex-basis:60%;max-width:60%;min-width:0}
@media (max-width:700px){.hora-cell{padding:9px 4px;font-size:.98em}}
.planet-dot{width:18px;height:18px;border-radius:50%;display:inline-block;border:2px solid #eee;margin-right:7px}

/* Current hora highlight */
.current-hora-row{background:linear-gradient(90deg,#e3e8f3 0%,#f3e8ff 100%) !important;border-left:8px solid #6a11cb;box-shadow:0 0 24px #6a11cb33, 0 2px 12px #b993d655;position:relative;z-index:2;font-weight:800;font-size:1.18em;color:#232946;transition:background .3s, box-shadow .3s}
.current-hora-row .hora-cell{font-weight:800;color:#232946}
.now-badge{display:inline-block;background:#6a11cb;color:#fff;font-size:.85em;font-weight:700;border-radius:12px;padding:2px 10px 2px 8px;margin-left:12px;box-shadow:0 1px 6px #6a11cb44;vertical-align:middle;letter-spacing:.5px;position:relative;top:-1px}

/* Planet effects summary */
.planet-effects-summary{background:#f8fafd;border-radius:12px;box-shadow:0 1px 6px #b993d61a;padding:18px 18px 10px 18px;margin-top:18px;margin-bottom:18px;max-width:700px}
.planet-effects-summary h3{color:#6a11cb;font-size:1.13em;margin-bottom:10px;font-weight:700}
#planet-effects-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px 24px}
#planet-effects-list li{display:flex;align-items:center;gap:8px;font-size:1.04em;color:#4B61D1;margin-bottom:4px}
#planet-effects-list .planet-dot{width:16px;height:16px;border-radius:50%;display:inline-block;border:2px solid #eee;margin-right:4px}

/* Autocomplete */
.autocomplete-list{position:absolute;top:100%;left:0;right:0;max-height:320px;overflow-y:auto;border:1px solid #ccd;background:#fff;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.1);z-index:10}
.autocomplete-item{padding:10px 12px;cursor:pointer;font-size:15px;color:#222}
.autocomplete-item:hover{background:#eef4ff;color:#0033cc}