/* Adeli v5.49 — Safari Planning uses the EXACT visual format of the homepage tabs above. */

/* Safari Planning tab bar: same rectangular tab format as Explore with Adeli. */
body.adeli-custom-chrome .adeli-safari-planning-tabs__nav{
  display:grid !important;
  grid-template-columns:repeat(8,minmax(0,1fr)) !important;
  gap:6px !important;
  width:100% !important;
  margin:0 0 10px !important;
  padding:0 !important;
  overflow:visible !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
}

body.adeli-custom-chrome .adeli-safari-planning-tab{
  appearance:none !important;
  min-width:0 !important;
  min-height:54px !important;
  padding:9px 10px !important;
  border:0 !important;
  border-radius:8px 8px 0 0 !important;
  background:var(--adeli-green) !important;
  color:#fff !important;
  font-family:inherit !important;
  font-size:.74rem !important;
  font-weight:800 !important;
  letter-spacing:.045em !important;
  line-height:1.15 !important;
  white-space:normal !important;
  text-align:center !important;
  cursor:pointer !important;
  box-shadow:0 8px 22px rgba(0,0,0,.08) !important;
  transition:transform .2s ease,filter .2s ease,background .2s ease !important;
}

body.adeli-custom-chrome .adeli-safari-planning-tab:hover,
body.adeli-custom-chrome .adeli-safari-planning-tab:focus-visible,
body.adeli-custom-chrome .adeli-safari-planning-tab.is-active{
  background:var(--adeli-gold) !important;
  border-color:var(--adeli-gold) !important;
  color:#fff !important;
  filter:none !important;
}

body.adeli-custom-chrome .adeli-safari-planning-tab:hover,
body.adeli-custom-chrome .adeli-safari-planning-tab:focus-visible{
  transform:translateY(-2px) !important;
  box-shadow:0 8px 20px rgba(0,0,0,.14) !important;
}
body.adeli-custom-chrome .adeli-safari-planning-tab.is-active{
  transform:translateY(-2px) !important;
  box-shadow:0 12px 26px rgba(0,0,0,.18) !important;
}

/* Keep the planning panel directly beneath the tab row. */
body.adeli-custom-chrome .adeli-safari-planning-tabs__panels{
  margin-top:0 !important;
}

/* Compact the two prominent headings/cards under Explore with Adeli. */
body.adeli-custom-chrome .adeli-explore-tabs-section .adeli-home-tab-category-card__body{
  padding:7px 10px 7px !important;
}
body.adeli-custom-chrome .adeli-explore-tabs-section .adeli-home-tab-category-card__body h3{
  margin:0 !important;
  padding:0 !important;
  line-height:1.18 !important;
}
body.adeli-custom-chrome .adeli-explore-tabs-section .adeli-home-tab-category-card__body span{
  margin-top:2px !important;
  line-height:1.15 !important;
}

/* Tighten heading blocks for the two large Explore with Adeli titles. */
body.adeli-custom-chrome .adeli-explore-tabs-section .adeli-explore-tabs-heading{
  margin-bottom:10px !important;
}
body.adeli-custom-chrome .adeli-explore-tabs-section .adeli-explore-tabs-heading .adeli-eyebrow{
  margin-bottom:3px !important;
}
body.adeli-custom-chrome .adeli-explore-tabs-section .adeli-explore-tabs-heading h2{
  margin-top:0 !important;
  margin-bottom:4px !important;
  line-height:1.08 !important;
}
body.adeli-custom-chrome .adeli-explore-tabs-section .adeli-explore-tabs-intro{
  margin-top:4px !important;
}

/* The category cards themselves should not add unnecessary title whitespace. */
body.adeli-custom-chrome .adeli-home-tab-category-card{
  line-height:1.2 !important;
}
body.adeli-custom-chrome .adeli-home-tab-category-card__body h3 + span{
  display:block !important;
  margin-top:2px !important;
}

/* Desktop: force all eight planning tabs into one row. */
@media(min-width:901px){
  body.adeli-custom-chrome .adeli-safari-planning-tabs__nav{
    grid-template-columns:repeat(8,minmax(0,1fr)) !important;
  }
}

/* Tablet/mobile: preserve the exact tab shape but allow horizontal scrolling. */
@media(max-width:900px){
  body.adeli-custom-chrome .adeli-safari-planning-tabs__nav{
    display:flex !important;
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scrollbar-width:none !important;
  }
  body.adeli-custom-chrome .adeli-safari-planning-tabs__nav::-webkit-scrollbar{display:none !important;}
  body.adeli-custom-chrome .adeli-safari-planning-tab{
    flex:0 0 auto !important;
    min-width:132px !important;
    min-height:54px !important;
    white-space:normal !important;
  }
}