/* ============================================================
   HOTEL GAUTAM — FAQ ACCORDION (COMMON CSS)
   File: hgfaq-common.css
   Sabhi pages pe ek hi baar include karna hai (head me):
   <link rel="stylesheet" href="css/hgfaq-common.css">
   Brand tokens: Teal #15697D | Gold #D9A032 | Label #C9962E
   ============================================================ */

.hgfaq-section{font-family:'Quicksand','Poppins','Segoe UI',Arial,sans-serif;padding:60px 20px;background:#ffffff;box-sizing:border-box;}
.hgfaq-section *{box-sizing:border-box;margin:0;padding:0;}
.hgfaq-wrap{max-width:860px;margin:0 auto;}
.hgfaq-label{text-align:center;color:#C9962E;font-size:13px;font-weight:700;letter-spacing:6px;text-transform:uppercase;margin-bottom:12px;}
.hgfaq-title{text-align:center;color:#15697D;font-size:30px;font-weight:700;line-height:1.3;margin-bottom:38px;}
.hgfaq-item{background:#fff;border:1px solid #eee3cf;border-radius:12px;margin-bottom:16px;overflow:hidden;box-shadow:0 3px 14px rgba(21,105,125,0.06);transition:box-shadow .3s ease;}
.hgfaq-item:hover{box-shadow:0 6px 20px rgba(21,105,125,0.12);}
.hgfaq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;background:transparent;border:none;cursor:pointer;text-align:left;font-family:inherit;color:#15697D;font-size:17px;font-weight:700;line-height:1.45;}
.hgfaq-q:focus-visible{outline:2px solid #D9A032;outline-offset:-2px;}
.hgfaq-icon{flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:#FBF4E4;color:#C9962E;display:flex;align-items:center;justify-content:center;transition:transform .35s ease,background .3s ease,color .3s ease;}
.hgfaq-icon svg{width:14px;height:14px;display:block;}
.hgfaq-a{max-height:0;overflow:hidden;transition:max-height .4s ease;}
.hgfaq-a-inner{padding:0 24px 22px;color:#5c6a70;font-size:15px;line-height:1.75;}
.hgfaq-item.hgfaq-open .hgfaq-icon{transform:rotate(45deg);background:#D9A032;color:#fff;}
.hgfaq-item.hgfaq-open{border-color:#D9A032;}

@media (max-width:600px){
  .hgfaq-section{padding:44px 14px;}
  .hgfaq-title{font-size:23px;}
  .hgfaq-q{font-size:15px;padding:16px 16px;}
  .hgfaq-a-inner{padding:0 16px 18px;font-size:14px;}
}
@media (prefers-reduced-motion:reduce){
  .hgfaq-a,.hgfaq-icon,.hgfaq-item{transition:none;}
}