/* support-only styles. Shared shell lives in app.css — don't redefine it here. */

.sidebar-brand-icon:hover{filter:drop-shadow(0 2px 8px rgba(198,93,107,0.4))}
.btn-primary:disabled{opacity:0.85;cursor:default;transform:none}
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}
.contact-card{background:rgba(255,255,255,0.85);
      border:1px solid rgba(200,148,149,0.12);border-radius:16px;padding:18px;text-align:center;
      transition:var(--transition);}
.contact-card:hover{border-color:rgba(200,148,149,0.25);transform:translateY(-2px);box-shadow:0 8px 32px rgba(26,18,25,0.08)}
.contact-icon{width:46px;height:46px;border-radius:16px;display:flex;align-items:center;justify-content:center;
      margin:0 auto 10px;}
.contact-icon [data-lucide]{width:26px;height:26px}
.contact-icon.phone{background:linear-gradient(135deg,var(--rose-hover),rgba(200,148,149,0.2));color:var(--rose-deep)}
.contact-icon.text{background:rgba(52,211,153,0.12);color:#059669}
.contact-icon.email{background:rgba(74,55,80,0.1);color:var(--violet)}
.contact-card h2{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:4px}
.contact-card .contact-value{font-size:1.1rem;font-weight:800;color:var(--rose-deep);margin-bottom:4px}
.contact-card .contact-desc{font-size:0.82rem;color:var(--text-muted)}
.hours-card{background:rgba(255,255,255,0.85);
      border:1px solid rgba(200,148,149,0.12);border-radius:16px;padding:18px 20px;margin-bottom:16px;}
.hours-card h2{font-family:var(--font-serif);font-size:1.25rem;font-weight:700;color:var(--text);margin-bottom:16px;display:flex;align-items:center;gap:10px}
.hours-card h2 [data-lucide]{width:20px;height:20px;color:var(--rose-deep)}
.hours-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hours-row{display:flex;justify-content:space-between;padding:10px 16px;background:var(--rose-hover);border-radius:12px}
.hours-row .day{font-weight:600;color:var(--text)}
.hours-row .time{color:var(--text-muted);font-weight:500}
.hours-row.closed .time{color:#dc2626;font-weight:600}
.faq-section{background:rgba(255,255,255,0.85);
      border:1px solid rgba(200,148,149,0.12);border-radius:16px;padding:18px 20px;}
.faq-section h2{font-family:var(--font-serif);font-size:1.25rem;font-weight:700;color:var(--text);margin-bottom:14px;display:flex;align-items:center;gap:10px}
.faq-section h2 [data-lucide]{width:20px;height:20px;color:var(--rose-deep)}
.faq-item{border-bottom:1px solid rgba(200,148,149,0.08);padding:16px 0}
.faq-item:last-child{border-bottom:none}
.faq-question{display:flex;align-items:center;justify-content:space-between;cursor:pointer;
      font-weight:700;font-size:0.95rem;color:var(--text);gap:12px;
      width:100%;text-align:left;background:none;border:none;padding:0;font-family:var(--font-sans);}
.faq-question [data-lucide]{width:18px;height:18px;color:var(--text-light);transition:transform .3s ease;flex-shrink:0}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .3s ease;
      font-size:0.9rem;color:var(--text-muted);line-height:1.7;}
.faq-item.open .faq-answer{max-height:200px;padding-top:12px}
.faq-item.open .faq-question [data-lucide]{transform:rotate(180deg)}
.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}
.support-card{background:rgba(255,255,255,0.85);border:1px solid rgba(200,148,149,0.12);border-radius:16px;padding:18px 20px;transition:var(--transition)}
.support-card:hover{border-color:rgba(200,148,149,0.25);box-shadow:0 8px 32px rgba(26,18,25,0.08)}
.support-card h2{font-family:var(--font-serif);font-size:1.2rem;font-weight:700;color:var(--text);margin-bottom:14px;display:flex;align-items:center;gap:10px}
.support-card h2 [data-lucide]{width:20px;height:20px;color:var(--rose-deep)}
textarea.form-control{min-height:96px;resize:vertical}
.star-rating{display:inline-flex;flex-direction:row-reverse;gap:4px;margin-bottom:6px}
.star-rating input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.star-rating label{cursor:pointer;color:rgba(200,148,149,0.35);display:inline-flex;transition:color .15s ease,transform .15s ease}
.star-rating label [data-lucide]{width:28px;height:28px}
.star-rating label:hover,.star-rating label:hover ~ label,.star-rating input:checked ~ label{color:var(--rose-deep)}
.star-rating label:hover{transform:scale(1.12)}
.star-rating input:focus-visible + label{outline:2px solid var(--rose);outline-offset:2px;border-radius:6px}
.feedback-hint{font-size:0.78rem;color:var(--text-light);margin-bottom:12px}
@media(max-width:900px){
.contact-grid{grid-template-columns:1fr}
.hours-grid{grid-template-columns:1fr}
.support-grid{grid-template-columns:1fr}
}