/* ===== DAILY HOROSCOPE — LIGHT THEME ===== */
.hs-wrapper{display:flex;flex-direction:column;gap:22px;margin-bottom:28px}

/* Rashi Section */
.hs-rashi-section{background:#fff;border-radius:20px;padding:24px;border:2px solid #e9d5ff;box-shadow:0 4px 20px rgba(124,58,237,.08)}
.hs-section-title{font-size:14px;font-weight:800;color:#7c3aed;text-align:center;margin-bottom:18px;letter-spacing:.3px}

/* Rashi Grid */
.hs-rashi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:18px}
.hs-rashi-btn{background:#faf5ff;border:1.5px solid #e9d5ff;border-radius:12px;padding:10px 4px;cursor:pointer;transition:all .2s;text-align:center;display:flex;flex-direction:column;align-items:center;gap:3px}
.hs-rashi-btn:hover{border-color:#7c3aed;background:#f3e8ff;transform:translateY(-2px)}
.hs-rashi-btn.active{background:linear-gradient(135deg,#7c3aed,#6d28d9);border-color:#7c3aed;box-shadow:0 4px 12px rgba(124,58,237,.3)}
.hs-rashi-btn.active .hs-rashi-name{color:#fff}
.hs-rashi-btn.active .hs-rashi-name small{color:rgba(255,255,255,.7)}
.hs-rashi-emoji{font-size:22px;line-height:1}
.hs-rashi-name{font-size:11px;font-weight:700;color:#6d28d9;line-height:1.4}
.hs-rashi-name small{font-size:9px;color:#a78bfa;font-weight:400}

/* Controls */
.hs-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.hs-lang-btns{display:flex;gap:8px}
.hs-lang-btn{background:#faf5ff;border:1.5px solid #e9d5ff;border-radius:9px;padding:9px 20px;font-size:13px;font-weight:700;color:#7c3aed;cursor:pointer;transition:all .2s}
.hs-lang-btn.active{background:linear-gradient(135deg,#7c3aed,#6d28d9);border-color:#7c3aed;color:#fff}
.hs-lang-btn:hover:not(.active){border-color:#7c3aed}
.hs-generate-btn{background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;border:none;border-radius:14px;padding:14px 32px;font-size:16px;font-weight:800;cursor:pointer;transition:all .3s;box-shadow:0 4px 16px rgba(124,58,237,.35);display:flex;align-items:center;gap:8px}
.hs-generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(124,58,237,.45)}
.hs-generate-btn:disabled{opacity:.7;cursor:not-allowed}

/* Placeholder */
.hs-placeholder{background:linear-gradient(135deg,#faf5ff,#ede9fe);border:2px dashed #ddd6fe;border-radius:20px;padding:60px 30px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}
.hs-ph-stars{font-size:22px;letter-spacing:8px;animation:hs-twinkle 2s ease-in-out infinite alternate}
@keyframes hs-twinkle{from{opacity:.4}to{opacity:1}}
.hs-ph-icon{font-size:64px;animation:hs-float 3s ease-in-out infinite}
@keyframes hs-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.hs-ph-title{font-size:20px;font-weight:800;color:#4c1d95}
.hs-ph-sub{font-size:14px;color:#7c3aed}

/* Loading */
.hs-loading{background:linear-gradient(135deg,#faf5ff,#ede9fe);border:2px solid #ddd6fe;border-radius:20px;padding:60px 30px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;min-height:300px;justify-content:center}
.hs-loading-icon{font-size:56px;animation:hs-spin 3s linear infinite}
@keyframes hs-spin{from{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.15)}to{transform:rotate(360deg) scale(1)}}
.hs-loading-text{font-size:18px;font-weight:800;color:#4c1d95}
.hs-loading-sub{font-size:13px;color:#7c3aed}
.hs-loading-dots{display:flex;gap:8px}
.hs-loading-dots span{width:10px;height:10px;background:#7c3aed;border-radius:50%;animation:hs-dot 1s ease-in-out infinite}
.hs-loading-dots span:nth-child(2){animation-delay:.2s}
.hs-loading-dots span:nth-child(3){animation-delay:.4s}
@keyframes hs-dot{0%,100%{transform:scale(.6);opacity:.4}50%{transform:scale(1.2);opacity:1}}

/* Horoscope Card */
.hs-card{background:#fff;border:2px solid #e9d5ff;border-radius:20px;overflow:hidden;box-shadow:0 4px 24px rgba(124,58,237,.1);animation:hs-fadein .4s ease}
@keyframes hs-fadein{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}

/* Card Header */
.hs-card-header{padding:22px 24px;display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#7c3aed,#4f46e5)}
.hs-card-sign{font-size:48px;line-height:1}
.hs-card-info{flex:1}
.hs-card-rashi{font-size:22px;font-weight:900;color:#fff}
.hs-card-date{font-size:13px;color:rgba(255,255,255,.75);margin-top:3px}
.hs-share-btn{background:rgba(255,255,255,.2);border:1.5px solid rgba(255,255,255,.5);border-radius:10px;padding:8px 16px;font-size:12px;font-weight:700;color:#fff;cursor:pointer;transition:all .2s;white-space:nowrap}
.hs-share-btn:hover{background:rgba(255,255,255,.3)}

/* Sections Grid */
.hs-sections-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#f3f4f6}
.hs-section-card{padding:20px;background:#fff;display:flex;flex-direction:column;gap:8px}
.hs-section-card.love   {border-top:3px solid #f472b6}
.hs-section-card.career {border-top:3px solid #60a5fa}
.hs-section-card.finance{border-top:3px solid #4ade80}
.hs-section-card.health {border-top:3px solid #fb923c}
.hs-sec-icon{font-size:26px}
.hs-sec-title{font-size:13px;font-weight:800;color:#1f2937;line-height:1.5}
.hs-sec-title small{font-size:10px;color:#9ca3af;font-weight:400;display:block}
.hs-sec-text{font-size:14px;color:#4b5563;line-height:1.8}

/* Lucky Bar */
.hs-lucky-bar{padding:18px 22px;background:#faf5ff;border-top:2px solid #f3e8ff;display:flex;flex-direction:column;gap:12px}
.hs-lucky-label{font-size:11px;font-weight:800;color:#7c3aed;margin-bottom:3px;text-transform:uppercase;letter-spacing:.5px}
.hs-lucky-val{font-size:14px;color:#4c1d95;font-style:italic;line-height:1.7}
.hs-lucky-badges{display:flex;flex-wrap:wrap;gap:8px}
.hs-lucky-badge{background:#ede9fe;border:1.5px solid #ddd6fe;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:700;color:#6d28d9}

/* Actions */
.hs-actions{display:flex;gap:10px;padding:14px 20px;border-top:2px solid #f3f4f6;background:#fafafa;flex-wrap:wrap}
.hs-action-btn{flex:1;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;padding:10px;font-size:13px;font-weight:700;color:#374151;cursor:pointer;transition:all .2s;text-align:center;min-width:90px}
.hs-action-btn:hover{border-color:#7c3aed;color:#7c3aed}
.hs-action-btn.primary{background:linear-gradient(135deg,#25d366,#128c3e);border-color:#25d366;color:#fff}
.hs-action-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(37,211,102,.3)}

/* All Rashis */
.hs-all-rashis{background:#fff;border:2px solid #e9d5ff;border-radius:18px;padding:22px}
.hs-ar-title{font-size:15px;font-weight:800;color:#4c1d95;text-align:center;margin-bottom:16px}
.hs-ar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.hs-ar-item{background:#faf5ff;border:1.5px solid #ede9fe;border-radius:9px;padding:9px 12px;font-size:11px;color:#6b7280;line-height:1.5}
.hs-ar-item strong{display:block;color:#7c3aed;font-size:12px;margin-bottom:2px}

/* Error */
.hs-error{display:flex;align-items:center;gap:10px;padding:20px;background:#fef2f2;border:2px solid #fecaca;border-radius:14px;color:#dc2626;font-size:14px}

/* SEO content */
.content-article{background:#fff;border-radius:14px;padding:24px;border:2px solid #f3e8ff}
.content-article h2{color:#4c1d95;font-size:18px;font-weight:800;margin-bottom:10px;margin-top:20px}
.content-article h2:first-child{margin-top:0}
.content-article p{color:#4b5563;font-size:14px;line-height:1.8;margin-bottom:0}
.content-article strong{color:#374151}

@media(max-width:800px){
    .hs-rashi-grid{grid-template-columns:repeat(4,1fr)}
    .hs-sections-grid{grid-template-columns:1fr}
    .hs-ar-grid{grid-template-columns:repeat(2,1fr)}
    .hs-controls{flex-direction:column;align-items:stretch}
    .hs-generate-btn{justify-content:center}
}
@media(max-width:480px){
    .hs-rashi-grid{grid-template-columns:repeat(3,1fr)}
    .hs-ar-grid{grid-template-columns:repeat(2,1fr)}
    .hs-card-header{flex-wrap:wrap}
    .hs-actions{flex-direction:column}
    .hs-action-btn{min-width:auto}
}