/*
Theme Name: A-1 Oxygen Hospice Theme V21 Hospice Icons Fixed
Author: A-1 Oxygen
Version: 21.0
Description: WordPress-compatible theme with embedded images to prevent missing image issues.
*/
:root{--navy:#052b52;--blue:#0b63ce;--green:#8cc63e;--light:#f7fbff;--text:#10213b}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:white}a{text-decoration:none;color:inherit}.wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.topbar{background:var(--navy);color:white;font-size:14px}.topbar .wrap{display:flex;justify-content:space-between;gap:20px;padding-top:10px;padding-bottom:10px}
.header{background:white;box-shadow:0 3px 18px rgba(0,0,0,.08);position:sticky;top:0;z-index:50}.header .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:6px;padding-bottom:6px}
.logo{display:block;width:360px;max-width:34vw;height:auto;object-fit:contain}.nav ul{display:flex;gap:24px;align-items:center;list-style:none;margin:0;padding:0;font-weight:800}.nav a:hover{color:var(--blue)}
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--blue);color:white;padding:14px 22px;border-radius:9px;font-weight:900;box-shadow:0 8px 18px rgba(11,99,206,.18)}.btn.outline{background:white;color:var(--blue);border:1px solid var(--blue);box-shadow:none}.btn.green{background:var(--green);color:#08264a}
.hero{background:linear-gradient(90deg,#fff 0%,#fff 42%,#eef7ff 42%,#eef7ff 100%)}.hero-grid{display:grid;grid-template-columns:1fr 1.18fr;align-items:center;gap:18px;min-height:640px}.eyebrow{color:#4a9b2c;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.hero h1{font-size:56px;line-height:1.06;color:#061f44;margin:16px 0}.lead{font-size:18px;line-height:1.75;color:#31415b}.hero-image-wrap{position:relative}.hero-photo{display:block;width:100%;height:auto;max-height:570px;object-fit:contain;object-position:center right;border-radius:0 0 0 38px}.trust{display:flex;gap:16px;margin-top:28px;flex-wrap:wrap}.pill{background:white;border:1px solid #e6edf7;border-radius:14px;padding:14px 18px;font-weight:900;box-shadow:0 10px 24px rgba(0,0,0,.06)}
.badge-img{display:block;width:360px;max-width:100%;height:auto;margin-top:18px}.section{padding:70px 0}.center{text-align:center}.section h2,.split h2{color:#061f44;font-size:36px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid #e5edf7;border-radius:16px;overflow:hidden;background:white;box-shadow:0 8px 24px rgba(5,43,82,.07);display:flex;flex-direction:column;transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(5,43,82,.13)}.card-img-box{height:230px;background:#f9fbff;display:flex;align-items:center;justify-content:center;padding:18px}.card img{display:block;width:100%;height:100%;object-fit:contain}.card-body{padding:20px}.card h3{color:#061f44;margin:0 0 8px;font-size:22px}.card p{font-size:15px;line-height:1.55;color:#526078}.card .link{margin-top:auto;color:var(--blue);font-weight:900}
.benefits{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e5edf7;border-radius:18px;overflow:hidden;background:#f8fbff}.benefit{padding:30px;text-align:center;border-right:1px solid #e5edf7}.benefit:last-child{border-right:0}.icon{font-size:36px;color:var(--blue)}
.split{display:grid;grid-template-columns:1fr 1.1fr;gap:42px;align-items:center}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{border:1px solid #e5edf7;border-radius:14px;padding:25px;background:white}.dark{background:var(--navy);color:white;border-radius:18px;padding:45px}.dark h2{color:white}
.footer{background:#052b52;color:white;padding:55px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px}.footer .logo{width:300px;max-width:100%;height:auto;background:transparent}.social a{display:inline-flex;width:36px;height:36px;border:1px solid rgba(255,255,255,.35);border-radius:50%;align-items:center;justify-content:center;margin-right:8px}
.page-hero{background:#f3f8ff;padding:70px 0}.page-hero h1{font-size:46px;color:#061f44}.content{font-size:18px;line-height:1.8}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.notice{background:#f8fbff;border:1px solid #e5edf7;border-radius:18px;padding:28px}
@media(max-width:1050px){.hero-grid,.split{grid-template-columns:1fr}.hero-photo{max-height:none}.cards{grid-template-columns:repeat(2,1fr)}.benefits,.stats,.footer-grid,.product-grid{grid-template-columns:1fr 1fr}.nav{display:none}.logo{width:300px;max-width:55vw}}
@media(max-width:650px){.cards,.benefits,.stats,.footer-grid,.product-grid{grid-template-columns:1fr}.hero h1{font-size:38px}.hero-grid{min-height:auto}.wrap{padding:0 18px}.logo{width:230px;max-width:70vw}.topbar .wrap{display:block}.header .btn{display:none}.card-img-box{height:210px}}

/* V8 product/menu updates */
.nav .menu, .nav ul{display:flex;gap:22px;align-items:center;list-style:none;margin:0;padding:0}
.nav li{position:relative}
.nav li ul{display:none;position:absolute;top:100%;left:0;background:white;min-width:240px;padding:12px;border:1px solid #e5edf7;border-radius:12px;box-shadow:0 16px 35px rgba(5,43,82,.16);z-index:100;flex-direction:column;gap:0}
.nav li:hover ul{display:flex}
.nav li ul a{display:block;padding:10px 12px;white-space:nowrap}
.products-list{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.product-card{border:1px solid #e5edf7;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(5,43,82,.07)}
.product-card .card-img-box{height:240px}
.product-card h3{margin:0;color:#061f44}
.product-card p{color:#526078;line-height:1.6}
.product-meta{background:#f8fbff;border-left:4px solid var(--green);padding:14px;margin-top:14px;border-radius:10px}
.menu-fallback{display:flex;gap:22px;align-items:center;font-weight:800}
.menu-item-has-children > a:after{content:' ▾';font-size:12px}
@media(max-width:1050px){.products-list{grid-template-columns:1fr 1fr}.menu-fallback{display:none}}
@media(max-width:650px){.products-list{grid-template-columns:1fr}}

/* V9 updates */
.card-img-box img{max-width:100%;max-height:100%;object-fit:contain}

/* V10 contact and map */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.contact-card{background:#fff;border:1px solid #e5edf7;border-radius:18px;padding:28px;box-shadow:0 8px 24px rgba(5,43,82,.07)}
.contact-card h3{margin-top:0;color:#061f44}
.contact-list{list-style:none;margin:0;padding:0}
.contact-list li{padding:12px 0;border-bottom:1px solid #eef3fb}
.contact-list li:last-child{border-bottom:0}
.contact-form{display:grid;gap:14px}
.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:14px;border:1px solid #dbe7f5;border-radius:10px;font-size:16px;font-family:inherit}
.contact-form textarea{min-height:140px}
.map-img{width:100%;height:auto;border-radius:20px;border:1px solid #dbe7f5;box-shadow:0 10px 30px rgba(5,43,82,.08)}
.branch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}
.branch-card{background:#f8fbff;border:1px solid #e5edf7;border-radius:16px;padding:22px}
.branch-card h3{margin:0 0 8px;color:#061f44}
@media(max-width:900px){.contact-grid,.branch-grid{grid-template-columns:1fr}}

/* V11 redesigned contact page */
.contact-hero{background:linear-gradient(135deg,#f8fbff 0%,#eaf5ff 55%,#f3fff0 100%);padding:70px 0}
.contact-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center}
.contact-hero h1{font-size:52px;line-height:1.05;color:#061f44;margin:14px 0}
.quick-contact{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:25px}
.quick-card{background:white;border:1px solid #e0ebf7;border-radius:16px;padding:18px;box-shadow:0 8px 22px rgba(5,43,82,.06)}
.quick-card strong{display:block;color:#061f44;margin-bottom:6px}
.form-panel{background:white;border:1px solid #dce9f7;border-radius:22px;padding:30px;box-shadow:0 18px 45px rgba(5,43,82,.12)}
.form-panel h2{margin-top:0;color:#061f44}
.full-map-section{padding:45px 0 75px}
.big-map{width:100%;height:auto;display:block;border-radius:26px;border:1px solid #d6e5f5;box-shadow:0 16px 40px rgba(5,43,82,.1)}
.locations-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}
.location-box{background:white;border:1px solid #e5edf7;border-radius:18px;padding:24px;box-shadow:0 8px 24px rgba(5,43,82,.06)}
.location-box h3{margin:0 0 8px;color:#061f44}
.contact-form button{border:0;cursor:pointer}
@media(max-width:900px){.contact-hero-grid,.quick-contact,.locations-row{grid-template-columns:1fr}.contact-hero h1{font-size:40px}}

/* V12 rotating category hero + partner page */
.hero-slider{position:relative;width:100%;height:570px;border-radius:0 0 0 38px;overflow:hidden;background:#eef7ff;box-shadow:0 16px 35px rgba(5,43,82,.08)}
.hero-slide{position:absolute;inset:0;opacity:0;animation:a1Fade 30s infinite}
.hero-slide img{width:100%;height:100%;object-fit:cover;display:block}
.hero-slide:nth-child(1){animation-delay:0s}.hero-slide:nth-child(2){animation-delay:5s}.hero-slide:nth-child(3){animation-delay:10s}.hero-slide:nth-child(4){animation-delay:15s}.hero-slide:nth-child(5){animation-delay:20s}.hero-slide:nth-child(6){animation-delay:25s}
@keyframes a1Fade{0%{opacity:0}4%{opacity:1}16%{opacity:1}20%{opacity:0}100%{opacity:0}}
.partner-hero{background:linear-gradient(135deg,#f8fbff 0%,#eaf5ff 55%,#f3fff0 100%);padding:70px 0}
.partner-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:start}
.partner-info{background:#052b52;color:#fff;border-radius:24px;padding:34px;box-shadow:0 18px 45px rgba(5,43,82,.18)}
.partner-info h2{color:#fff;margin-top:0}.partner-info a{color:#dff0ff;font-weight:800}
.partner-form-panel{background:#fff;border:1px solid #dce9f7;border-radius:24px;padding:34px;box-shadow:0 18px 45px rgba(5,43,82,.12)}
.partner-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.partner-form .full{grid-column:1/-1}
.partner-form input,.partner-form textarea{width:100%;padding:15px;border:1px solid #dbe7f5;border-radius:11px;font-size:16px;font-family:inherit}
.partner-form textarea{min-height:150px}
.form-note{background:#f8fbff;border-left:5px solid var(--green);padding:16px;border-radius:12px;color:#526078;line-height:1.6}
.clean-list{list-style:none;padding:0;margin:18px 0}.clean-list li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.16)}
@media(max-width:950px){.partner-layout{grid-template-columns:1fr}.partner-form{grid-template-columns:1fr}.hero-slider{height:430px}}

/* V13 Pay Your Bill button */
.btn.billpay{
  background:#f26a21;
  color:#fff;
  border:1px solid #f26a21;
  box-shadow:0 8px 18px rgba(242,106,33,.22);
}
.btn.billpay:hover{
  background:#df5f1d;
  border-color:#df5f1d;
}
.bill-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  border-radius:50%;
  background:#fff;
  color:#f26a21;
  font-weight:900;
  font-size:15px;
  line-height:1;
}
.hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
}
@media(max-width:650px){.hero-actions .btn{width:100%;justify-content:center}}

/* V14 Joint Commission badge fix */
.badge-img,.jc-inline-badge{
  display:block!important;
  width:420px!important;
  max-width:100%!important;
  height:auto!important;
  margin-top:18px!important;
  border-radius:18px;
  box-shadow:0 12px 28px rgba(5,43,82,.12);
}

/* V15: Mobility image replaced with uploaded Drive wheelchair image */

/* V16: Bathroom Aid image replaced with uploaded shower chair image */

/* V17: Incontinence product image replaced with uploaded product image */

/* V18: Joint Commission icon replaced with uploaded seal */
.badge-img,.jc-inline-badge{
  width:190px!important;
  max-width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  box-shadow:none!important;
  border-radius:0!important;
}

/* V19: Enteral Feeding image replaced with uploaded Kangaroo pump image */

/* V20 Equipment page category redesign */
.equipment-intro{
  max-width:850px;
  margin:0 auto 35px;
  text-align:center;
}
.equipment-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
.equipment-category-card{
  background:#fff;
  border:1px solid #e5edf7;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 10px 28px rgba(5,43,82,.08);
  transition:.2s;
}
.equipment-category-card:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 36px rgba(5,43,82,.14);
}
.equipment-category-card .card-img-box{
  height:260px;
  background:#f9fbff;
}
.equipment-category-card h3{
  font-size:24px;
}
.category-empty-note{
  margin-top:14px;
  padding:14px;
  border-radius:12px;
  background:#f8fbff;
  border-left:4px solid var(--green);
  color:#526078;
}
@media(max-width:950px){.equipment-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.equipment-grid{grid-template-columns:1fr}}

/* V21: Focused on Hospice icon fixes */
.stats .stat{
  text-align:center;
}
.stat-icon{
  width:72px;
  height:72px;
  margin:0 auto 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#eef7ff;
  color:#0b63ce;
  border:1px solid #dbeafe;
}
.stat-icon svg{
  width:42px;
  height:42px;
  stroke:currentColor;
  fill:none;
  stroke-width:2.4;
  stroke-linecap:round;
  stroke-linejoin:round;
}