/* ===== SHUBH MUHURAT FINDER ===== */
.sm-wrapper{display:flex;flex-direction:column;gap:22px;margin-bottom:28px}

/* Input Card */
.sm-input-card{background:#fff;border-radius:20px;padding:24px;border:2px solid #fed7aa;box-shadow:0 4px 20px rgba(234,88,12,.08)}

/* Kaam Grid */
.sm-field-label{font-size:12px;font-weight:800;color:#c2410c;margin-bottom:10px;letter-spacing:.3px}
.sm-kaam-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:20px}
.sm-kaam-btn{background:#fff7ed;border:1.5px solid #fed7aa;border-radius:12px;padding:10px 6px;cursor:pointer;transition:all .2s;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:18px}
.sm-kaam-btn span{font-size:11px;font-weight:700;color:#9a3412;line-height:1.4}
.sm-kaam-btn span small{font-size:9px;color:#c2410c;font-weight:400;display:block}
.sm-kaam-btn:hover{border-color:#ea580c;background:#fff7ed;transform:translateY(-2px)}
.sm-kaam-btn.active{background:linear-gradient(135deg,#ea580c,#c2410c);border-color:#ea580c;box-shadow:0 4px 12px rgba(234,88,12,.3)}
.sm-kaam-btn.active span,.sm-kaam-btn.active span small{color:#fff}

/* Row */
.sm-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:18px}
.sm-field-group{display:flex;flex-direction:column}
.sm-input{border:2px solid #fed7aa;border-radius:9px;padding:9px 12px;font-size:13px;font-family:inherit;outline:none;transition:border-color .2s;color:#1f2937;background:#fff}
.sm-input:focus{border-color:#ea580c}
input[type="date"].sm-input{cursor:pointer}
.sm-lang-btns{display:flex;gap:6px}
.sm-lang-btn{flex:1;background:#fff7ed;border:1.5px solid #fed7aa;border-radius:8px;padding:9px 8px;font-size:12px;font-weight:700;color:#c2410c;cursor:pointer;transition:all .2s;text-align:center}
.sm-lang-btn.active{background:linear-gradient(135deg,#ea580c,#c2410c);border-color:#ea580c;color:#fff}
.sm-lang-btn:hover:not(.active){border-color:#ea580c}

/* Generate Button */
.sm-generate-btn{width:100%;background:linear-gradient(135deg,#ea580c,#c2410c);color:#fff;border:none;border-radius:14px;padding:15px;font-size:17px;font-weight:800;cursor:pointer;transition:all .3s;box-shadow:0 4px 16px rgba(234,88,12,.35);display:flex;align-items:center;justify-content:center;gap:10px}
.sm-generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(234,88,12,.45)}
.sm-generate-btn:disabled{opacity:.7;cursor:not-allowed}

/* Placeholder */
.sm-placeholder{background:linear-gradient(135deg,#fff7ed,#ffedd5);border:2px dashed #fed7aa;border-radius:20px;padding:60px 30px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}
.sm-ph-icon{font-size:64px;animation:sm-float 3s ease-in-out infinite}
@keyframes sm-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.sm-ph-title{font-size:20px;font-weight:800;color:#9a3412}
.sm-ph-sub{font-size:14px;color:#c2410c}

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

/* Result Card */
.sm-result-card{background:#fff;border:2px solid #fed7aa;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px rgba(234,88,12,.1);animation:sm-fadein .4s ease}
@keyframes sm-fadein{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}

/* Result Header */
.sm-result-header{background:linear-gradient(135deg,#ea580c,#c2410c);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.sm-result-kaam{font-size:18px;font-weight:900;color:#fff}
.sm-result-date{font-size:13px;color:rgba(255,255,255,.8);margin-top:3px}
.sm-rating-badge{background:rgba(255,255,255,.2);border:1.5px solid rgba(255,255,255,.4);border-radius:20px;padding:6px 16px;font-size:13px;font-weight:700;color:#fff}

/* Panchang Bar */
.sm-panchang-bar{display:flex;flex-wrap:wrap;gap:0;border-bottom:2px solid #fff7ed;background:#fffbf5}
.sm-panchang-item{flex:1;min-width:120px;padding:12px 16px;border-right:1px solid #fed7aa;font-size:12px;color:#6b7280}
.sm-panchang-item:last-child{border-right:none}
.sm-panchang-item strong{display:block;color:#c2410c;font-size:11px;font-weight:800;margin-bottom:2px;text-transform:uppercase;letter-spacing:.3px}

/* Section */
.sm-section{padding:20px 22px;border-bottom:2px solid #fff7ed}
.sm-section-title{font-size:14px;font-weight:800;color:#c2410c;margin-bottom:14px}

/* Muhurat List */
.sm-muhurat-list{display:flex;flex-direction:column;gap:8px}
.sm-muhurat-item{display:flex;align-items:center;gap:14px;background:#fff7ed;border:1.5px solid #fed7aa;border-radius:12px;padding:12px 16px}
.sm-muhurat-item.utam{border-color:#16a34a;background:#f0fdf4}
.sm-muhurat-time{font-size:15px;font-weight:800;color:#1f2937;min-width:160px}
.sm-muhurat-name{font-size:13px;color:#6b7280;flex:1}
.sm-muhurat-quality{font-size:12px;font-weight:700;padding:4px 12px;border-radius:20px}
.sm-muhurat-quality.utam,.sm-muhurat-quality.excellent{background:#dcfce7;color:#16a34a}
.sm-muhurat-quality.shubh,.sm-muhurat-quality.auspicious{background:#dbeafe;color:#1d4ed8}
.sm-muhurat-quality.samaanya,.sm-muhurat-quality.good{background:#fef3c7;color:#d97706}

/* Rahu Kaal */
.sm-rahu-bar{display:flex;align-items:center;gap:14px;padding:16px 22px;background:#fef2f2;border-bottom:2px solid #fecaca}
.sm-rahu-icon{font-size:28px;flex-shrink:0}
.sm-rahu-label{font-size:12px;font-weight:800;color:#dc2626;margin-bottom:4px}
.sm-rahu-time{font-size:16px;font-weight:900;color:#b91c1c}

/* Choghadiya Grid */
.sm-choghadiya-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.sm-chog-item{border-radius:10px;padding:10px 12px;text-align:center;border:1.5px solid transparent}
.sm-chog-item.shubh-type{background:#f0fdf4;border-color:#86efac}
.sm-chog-item.ashubh-type{background:#fef2f2;border-color:#fca5a5}
.sm-chog-item.ati-shubh-type{background:#fffbeb;border-color:#fde68a}
.sm-chog-time{font-size:10px;color:#6b7280;margin-bottom:3px}
.sm-chog-name{font-size:13px;font-weight:800;color:#1f2937}
.sm-chog-type{font-size:10px;font-weight:700;margin-top:2px}
.sm-chog-item.shubh-type .sm-chog-type{color:#16a34a}
.sm-chog-item.ashubh-type .sm-chog-type{color:#dc2626}
.sm-chog-item.ati-shubh-type .sm-chog-type{color:#d97706}

/* Advice Box */
.sm-advice-box{margin:16px 22px;padding:16px;background:#fffbeb;border:2px solid #fde68a;border-radius:12px;font-size:14px;color:#92400e;line-height:1.7}
.sm-advice-box::before{content:'🌟 ';font-size:16px}

/* Actions */
.sm-actions{display:flex;gap:10px;padding:14px 20px;border-top:2px solid #fff7ed;background:#fffbf5;flex-wrap:wrap}
.sm-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}
.sm-action-btn:hover{border-color:#ea580c;color:#ea580c}
.sm-action-btn.primary{background:linear-gradient(135deg,#25d366,#128c3e);border-color:#25d366;color:#fff}
.sm-action-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(37,211,102,.3)}

/* Error */
.sm-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 */
.sm-seo-content{background:#fff;border-radius:14px;padding:24px;border:2px solid #fed7aa}
.sm-seo-content h2{color:#9a3412;font-size:18px;font-weight:800;margin-bottom:10px;margin-top:20px}
.sm-seo-content h2:first-child{margin-top:0}
.sm-seo-content p{color:#4b5563;font-size:14px;line-height:1.8;margin-bottom:0}

@media(max-width:900px){
    .sm-kaam-grid{grid-template-columns:repeat(5,1fr)}
    .sm-row{grid-template-columns:1fr 1fr}
    .sm-choghadiya-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
    .sm-kaam-grid{grid-template-columns:repeat(3,1fr)}
    .sm-row{grid-template-columns:1fr}
    .sm-choghadiya-grid{grid-template-columns:repeat(2,1fr)}
    .sm-panchang-bar{flex-direction:column}
    .sm-panchang-item{border-right:none;border-bottom:1px solid #fed7aa}
    .sm-actions{flex-direction:column}
    .sm-muhurat-item{flex-wrap:wrap}
    .sm-muhurat-time{min-width:auto}
}