/* =========================================================
   CHURII — Info / Policy Pages (Shipping, Returns, FAQ, etc.)
   Reuses the same color variables and fonts as style.css
   ========================================================= */

.simple-header{
  background:var(--cream-light);
  border-bottom:1px solid rgba(184,134,11,.25);
  padding:.9rem 1.5rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  position:sticky;
  top:0;
  z-index:50;
}
.simple-header .logo{
  display:flex;
  align-items:center;
  gap:.6rem;
  font-family:'Playfair Display',serif;
  font-weight:700;
  font-size:1.15rem;
  color:var(--maroon-dark);
}
.simple-header .logo img{width:34px;height:34px;border-radius:50%;object-fit:cover;}
.simple-header .back-link{
  font-size:.85rem;
  font-weight:600;
  color:var(--maroon);
  border:1px solid rgba(184,134,11,.4);
  padding:.5rem 1rem;
  border-radius:20px;
  transition:background .2s;
}
.simple-header .back-link:hover{background:rgba(184,134,11,.1);}

.info-wrap{
  max-width:820px;
  margin:0 auto;
  padding:2.6rem 1.5rem 4rem;
}
.info-wrap h1{
  font-size:2rem;
  color:var(--maroon-dark);
  margin-bottom:.4rem;
}
.info-updated{
  font-size:.8rem;
  color:var(--text-muted);
  margin-bottom:2rem;
}
.info-wrap h2{
  font-size:1.2rem;
  color:var(--maroon);
  margin:1.8rem 0 .6rem;
}
.info-wrap p, .info-wrap li{
  font-size:.95rem;
  line-height:1.7;
  color:var(--text-dark);
  margin-bottom:.8rem;
}
.info-wrap ul, .info-wrap ol{
  padding-left:1.3rem;
  margin-bottom:1rem;
}
.info-wrap a.inline-link{
  color:var(--maroon);
  font-weight:600;
  text-decoration:underline;
}
.info-card{
  background:var(--cream-light);
  border:1px solid rgba(184,134,11,.25);
  border-radius:var(--radius);
  padding:1.3rem 1.5rem;
  margin:1.5rem 0;
}
.info-card h3{
  font-family:'Playfair Display',serif;
  font-size:1.05rem;
  color:var(--maroon-dark);
  margin-bottom:.5rem;
}
.contact-strip{
  display:flex;
  flex-wrap:wrap;
  gap:1rem;
  margin-top:1rem;
}
.contact-strip a{
  background:var(--maroon-dark);
  color:#fff;
  padding:.65rem 1.2rem;
  border-radius:8px;
  font-size:.85rem;
  font-weight:600;
  transition:background .2s;
}
.contact-strip a:hover{background:var(--maroon);}

/* ---------- FAQ ACCORDION ---------- */
.faq-item{
  border:1px solid rgba(184,134,11,.3);
  border-radius:var(--radius);
  margin-bottom:.7rem;
  overflow:hidden;
  background:var(--cream-light);
}
.faq-q{
  width:100%;
  text-align:left;
  padding:1rem 1.2rem;
  font-weight:600;
  font-size:.95rem;
  color:var(--text-dark);
  display:flex;
  justify-content:space-between;
  align-items:center;
  cursor:pointer;
}
.faq-q .chev{transition:transform .2s;color:var(--gold);font-size:1.1rem;}
.faq-item.open .faq-q .chev{transform:rotate(180deg);}
.faq-a{
  max-height:0;
  overflow:hidden;
  transition:max-height .25s ease;
  padding:0 1.2rem;
}
.faq-item.open .faq-a{
  max-height:400px;
  padding-bottom:1rem;
}
.faq-a p{margin-bottom:0;color:var(--text-muted);font-size:.9rem;}

/* ---------- TRACK ORDER / MY ACCOUNT FORM ---------- */
.track-form{
  background:var(--cream-light);
  border:1px solid rgba(184,134,11,.3);
  border-radius:var(--radius);
  padding:1.6rem;
  margin-top:1rem;
}
.track-form label{
  display:block;
  font-size:.82rem;
  font-weight:600;
  color:var(--text-dark);
  margin-bottom:.3rem;
  margin-top:.9rem;
}
.track-form label:first-child{margin-top:0;}
.track-form input{
  width:100%;
  padding:.7rem .9rem;
  border-radius:8px;
  border:1px solid rgba(184,134,11,.4);
  background:#fff;
  font-size:.9rem;
  font-family:inherit;
}
.track-form button{
  margin-top:1.3rem;
  background:var(--maroon-dark);
  color:#fff;
  padding:.75rem 1.4rem;
  border-radius:8px;
  font-weight:600;
  font-size:.9rem;
  transition:background .2s;
}
.track-form button:hover{background:var(--maroon);}
.track-result{
  margin-top:1.2rem;
  padding:1rem 1.2rem;
  border-radius:8px;
  font-size:.88rem;
  display:none;
}
.track-result.show{display:block;}
.track-result.ok{background:rgba(56,142,60,.12);color:#2e6b31;border:1px solid rgba(56,142,60,.3);}
.track-result.err{background:rgba(184,40,58,.1);color:#b8283a;border:1px solid rgba(184,40,58,.3);}

@media (max-width:600px){
  .info-wrap{padding:1.8rem 1.1rem 3rem;}
  .info-wrap h1{font-size:1.6rem;}
}