/* Adeli v5.48 — restore established homepage tab format + compact Explore/card spacing */

/*
 * Safari Planning:
 * Restore the established homepage tab visual language rather than the
 * v5.47 pill/navigation treatment. The selectors intentionally cover the
 * common tab wrappers used by the child theme.
 */
.safari-planning-tabs,
.adeli-safari-planning-tabs,
.homepage-tabs-nav{
  display:flex;
  flex-wrap:nowrap;
  gap:0;
  overflow-x:auto;
  scrollbar-width:none;
  background:transparent !important;
  padding:0 !important;
  border-radius:0 !important;
}
.safari-planning-tabs::-webkit-scrollbar,
.adeli-safari-planning-tabs::-webkit-scrollbar,
.homepage-tabs-nav::-webkit-scrollbar{display:none;}

.safari-planning-tabs > *,
.adeli-safari-planning-tabs > *,
.homepage-tabs-nav > *{
  flex:1 1 0;
  min-width:0;
}

/* Match the established tab blocks: restrained, rectangular and compact. */
.safari-planning-tabs a,
.adeli-safari-planning-tabs a,
.homepage-tabs-nav a,
.safari-planning-tabs button,
.adeli-safari-planning-tabs button,
.homepage-tabs-nav button{
  min-height:44px !important;
  padding:9px 12px !important;
  border:1px solid rgba(23,63,53,.16) !important;
  border-radius:0 !important;
  background:#f1f3ef !important;
  color:#173f35 !important;
  font-family:"DM Sans",sans-serif !important;
  font-size:.88rem !important;
  font-weight:700 !important;
  line-height:1.15 !important;
  white-space:nowrap !important;
  text-align:center;
  box-shadow:none !important;
}

.safari-planning-tabs a:hover,
.safari-planning-tabs a:focus,
.safari-planning-tabs a.active,
.adeli-safari-planning-tabs a:hover,
.adeli-safari-planning-tabs a:focus,
.adeli-safari-planning-tabs a.active,
.homepage-tabs-nav a:hover,
.homepage-tabs-nav a:focus,
.homepage-tabs-nav a.active,
.safari-planning-tabs button:hover,
.safari-planning-tabs button:focus,
.safari-planning-tabs button.active,
.adeli-safari-planning-tabs button:hover,
.adeli-safari-planning-tabs button:focus,
.adeli-safari-planning-tabs button.active,
.homepage-tabs-nav button:hover,
.homepage-tabs-nav button:focus,
.homepage-tabs-nav button.active{
  background:#173f35 !important;
  color:#fff !important;
  border-color:#173f35 !important;
}

/* Keep tab content CTA styling from the established system. */
.safari-planning .tab-panel a.button,
.safari-planning .tab-panel a.wp-element-button,
.safari-planning-tabs + .tab-content a,
.adeli-safari-planning-tabs + .tab-content a,
.homepage-tabs-nav + .tab-content a{
  font-family:"Playfair Display",serif !important;
  font-weight:600 !important;
}

/* Explore with Adeli — remove the excessive title whitespace. */
.explore-with-adeli h2,
.explore-with-adeli h3,
.homepage-explore h2,
.homepage-explore h3{
  margin-top:.15rem !important;
  margin-bottom:.35rem !important;
  line-height:1.12 !important;
}
.explore-with-adeli .section-title,
.homepage-explore .section-title{
  margin-bottom:.5rem !important;
}

/* Compact card-title rhythm in the section immediately above/around Explore. */
.explore-with-adeli .card-title,
.explore-with-adeli .entry-title,
.homepage-explore .card-title,
.homepage-explore .entry-title,
.homepage .card-title{
  margin-top:.35rem !important;
  margin-bottom:.25rem !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  line-height:1.22 !important;
}
.explore-with-adeli .card-content,
.homepage-explore .card-content,
.homepage .card-content{
  padding-top:.45rem !important;
  padding-bottom:.45rem !important;
}

/* Reduce generic title wrappers that were creating large blank bands. */
.explore-with-adeli .section-heading,
.homepage-explore .section-heading{
  margin-block:.25rem !important;
  padding-block:0 !important;
}

/* Mobile: preserve single-line tabs via horizontal scrolling. */
@media (max-width:767px){
  .safari-planning-tabs > *,
  .adeli-safari-planning-tabs > *,
  .homepage-tabs-nav > *{
    flex:0 0 auto;
    min-width:max-content;
  }
  .safari-planning-tabs a,
  .adeli-safari-planning-tabs a,
  .homepage-tabs-nav a,
  .safari-planning-tabs button,
  .adeli-safari-planning-tabs button,
  .homepage-tabs-nav button{
    min-height:42px !important;
    padding:8px 11px !important;
    font-size:.84rem !important;
  }
}