@import url('https://fonts.googleapis.com/css2?family=Bubblegum+Sans&family=Roboto:wght@400;500;600;700&display=swap');

/* Hope For Paws Foundation secondary customer-facing page theme.
   STYLE ONLY. No page content, data, images, JavaScript, APIs, or admin styling. */
:root{
  --hfp-green:#6CBA2C;
  --hfp-green-dark:#4E8F23;
  --hfp-orange:#FF4500;
  --hfp-gold:#FFD700;
  --hfp-yellow:#FDDA47;
  --hfp-red:#D41C1C;
  --hfp-purple:#8102CE;
  --hfp-cream:#FFF8E5;
  --hfp-paper:#FFFFFF;
  --hfp-text:#070707;
  --hfp-muted:#625D55;
  --hfp-border:#E7D48D;
}

html,body{
  background:var(--hfp-cream)!important;
  color:var(--hfp-text)!important;
}
body,button,input,select,textarea{
  font-family:"Roboto",Arial,sans-serif!important;
}
h1,h2,h3,h4,h5,h6{
  font-family:"Bubblegum Sans","Roboto",sans-serif!important;
  color:var(--hfp-green)!important;
}
p,li,dd,dt,label,.muted,.meta,.hint,.small{
  color:inherit;
}
a{
  color:var(--hfp-green-dark)!important;
  text-decoration-color:rgba(108,186,44,.45);
}
a:hover{color:var(--hfp-red)!important}

/* Main shells and cards */
.wrap,.orders-shell,main{
  color:var(--hfp-text)!important;
}
.card,.box,.order-card,.choice,.pay-box{
  background:var(--hfp-paper)!important;
  border-color:var(--hfp-border)!important;
  box-shadow:0 10px 28px rgba(94,72,8,.08)!important;
}

/* Legal/policy page hero and navigation */
.hero{
  background:var(--hfp-gold)!important;
  border-color:#E0BE00!important;
  color:var(--hfp-text)!important;
}
.hero h1{color:var(--hfp-green)!important}
.hero .eyebrow,.eyebrow{
  color:var(--hfp-red)!important;
  font-weight:700!important;
  letter-spacing:.06em;
}
.hero .meta,.meta{color:#514B43!important}
.topline .back,.back{color:var(--hfp-green-dark)!important}
.policy-nav{
  border-color:var(--hfp-gold)!important;
}
.policy-nav a{
  background:#fff!important;
  color:var(--hfp-green-dark)!important;
  border-color:var(--hfp-gold)!important;
  border-radius:999px!important;
}
.policy-nav a:hover{
  background:#EEF8E8!important;
  color:var(--hfp-red)!important;
}
.policy-nav a[aria-current="page"],
.policy-nav a.active{
  background:var(--hfp-orange)!important;
  color:#fff!important;
  border-color:var(--hfp-orange)!important;
}

/* Legal callouts */
.legal-emphasis,.notice,.note,.policy-note,.highlight,.policy-highlight{
  background:#FFF7D6!important;
  border-color:var(--hfp-gold)!important;
  color:var(--hfp-text)!important;
}
.legal-summary{
  background:#EEF8E8!important;
  border-color:#B8DB9B!important;
  color:var(--hfp-text)!important;
}
.contact-block{
  background:#FFFDF4!important;
  border-color:var(--hfp-border)!important;
}
.footer-note{
  border-top-color:var(--hfp-gold)!important;
  color:var(--hfp-muted)!important;
}

/* Account pages */
.head{
  border-bottom-color:var(--hfp-gold)!important;
}
.status,.status-pill,.good{
  color:var(--hfp-green-dark)!important;
}
.order-top{
  border-bottom-color:#EADDAA!important;
}
.order-item{
  border-color:#EADDAA!important;
}
.order-totals{
  border-top-color:#EADDAA!important;
}

/* Inputs */
input,select,textarea{
  background:#fff!important;
  color:var(--hfp-text)!important;
  border:1px solid #DCCB86!important;
  border-radius:10px!important;
}
input:focus,select:focus,textarea:focus{
  border-color:var(--hfp-green)!important;
  box-shadow:0 0 0 3px rgba(108,186,44,.16)!important;
  outline:none!important;
}

/* Buttons */
.btn,button,input[type="submit"],input[type="button"]{
  border-radius:999px!important;
  font-family:"Roboto",sans-serif!important;
  font-weight:700!important;
}
.btn:not(.secondary),.btn-primary,button[type="submit"],input[type="submit"]{
  background:var(--hfp-orange)!important;
  color:#fff!important;
  border-color:var(--hfp-orange)!important;
}
.btn:not(.secondary):hover,.btn-primary:hover,button[type="submit"]:hover,input[type="submit"]:hover{
  background:var(--hfp-red)!important;
  color:#fff!important;
}
.btn.secondary,.btn-secondary{
  background:#fff!important;
  color:var(--hfp-green-dark)!important;
  border-color:var(--hfp-green)!important;
}
.btn.secondary:hover,.btn-secondary:hover{
  background:#EEF8E8!important;
  color:var(--hfp-red)!important;
}

/* Tables */
table{border-color:var(--hfp-border)!important}
th{
  background:var(--hfp-gold)!important;
  color:var(--hfp-text)!important;
}
tr:nth-child(even) td{background:#FFFCF0!important}

/* Newsletter unsubscribe */
.box .eyebrow{color:var(--hfp-red)!important}
.box h1{color:var(--hfp-green)!important}

/* Restrained purple: accessibility/focus accent only */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid var(--hfp-purple)!important;
  outline-offset:2px!important;
}

@media(max-width:680px){
  .policy-nav{gap:8px!important}
  .policy-nav a{font-size:14px!important}
}