/*
Theme Name: Alaska Pet Food Shipping Policy (1.0.3)
Description: A narrow child-theme override for the shipping policy page.
Template: alaska-pet-food-1-2-4
Version: 1.1.3
Text Domain: alaska-pet-food
*/

@import url("../alaska-pet-food-1-2-4/style.css");

/* Keep the footer to one clean five-column row on desktop. */
.site-footer .footer-legal-links,
.site-footer .footer-brand > a[href^="mailto:"],
.site-footer .footer-brand > a[href^="tel:"] {
  display: none;
}

.site-footer .footer-col:not(.footer-pages) > li {
  list-style: none;
  margin: 0 0 9px;
  padding: 0;
}

/* Remove utility/duplicate pages from the automatic footer page list. */
.site-footer .footer-col:not(.footer-pages) > .page-item-235,
.site-footer .footer-col:not(.footer-pages) > .page-item-9,
.site-footer .footer-col:not(.footer-pages) > .page-item-10,
.site-footer .footer-col:not(.footer-pages) > .page-item-11,
.site-footer .footer-col:not(.footer-pages) > .page-item-290,
.site-footer .footer-col:not(.footer-pages) > .page-item-283,
.site-footer .footer-col:not(.footer-pages) > .page-item-8 {
  display: none !important;
}

@media (min-width: 960px) {
  .site-footer .footer-grid {
    grid-template-columns: minmax(0, 1.25fr) minmax(135px, .85fr) minmax(145px, .95fr) minmax(175px, 1.2fr) minmax(180px, 1.35fr);
    gap: clamp(16px, 2vw, 30px);
    align-items: start;
  }

  .site-footer .footer-brand { grid-column: 1; }
  .site-footer .footer-pages { grid-column: 2; }

  .site-footer .footer-col:not(.footer-pages) {
    grid-column: 3 / span 2;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
    column-gap: clamp(14px, 1.6vw, 24px);
    align-content: start;
  }

  .site-footer .footer-col:not(.footer-pages) > h2 {
    grid-column: 1 / -1;
    grid-row: 1;
  }

  .site-footer .footer-col:not(.footer-pages) > li {
    min-width: 0;
    margin: 0 0 9px;
    list-style: none;
  }

  .site-footer .footer-col:not(.footer-pages) > .page-item-4199 { grid-column: 1; grid-row: 2; }
  .site-footer .footer-col:not(.footer-pages) > .page-item-4200 { grid-column: 1; grid-row: 3; }
  .site-footer .footer-col:not(.footer-pages) > .page-item-238 { grid-column: 1; grid-row: 4; }
  .site-footer .footer-col:not(.footer-pages) > .page-item-685 { grid-column: 2; grid-row: 2; }
  .site-footer .footer-col:not(.footer-pages) > .page-item-278 { grid-column: 2; grid-row: 3; }
  .site-footer .footer-col:not(.footer-pages) > .page-item-227 { grid-column: 2; grid-row: 4; }
  .site-footer .footer-col:not(.footer-pages) > .page-item-12 { grid-column: 2; grid-row: 5; }
  .site-footer .footer-col:not(.footer-pages) > .page-item-273 { grid-column: 2; grid-row: 6; }
  .site-footer .footer-col:not(.footer-pages) > .page-item-234 { grid-column: 2; grid-row: 7; }
  .site-footer .footer-col:not(.footer-pages) > .page-item-3 { grid-column: 2; grid-row: 8; }

  .site-footer .footer-contact {
    grid-column: 5;
    padding-left: 0;
    border-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 959px) {
  .site-footer .footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px 20px;
  }

  .site-footer .footer-brand { grid-column: 1; }
  .site-footer .footer-pages { grid-column: 2; }
  .site-footer .footer-col:not(.footer-pages) {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 24px;
  }
  .site-footer .footer-col:not(.footer-pages) > h2 { grid-column: 1 / -1; }
  .site-footer .footer-col:not(.footer-pages) > li { grid-column: auto !important; grid-row: auto !important; }
  .site-footer .footer-contact { grid-column: 1 / -1; padding-left: 0; border: 0; }
}

@media (max-width: 767px) {
  .site-footer .footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px 18px;
  }

  .site-footer .footer-col:not(.footer-pages) {
    grid-column: 1 / -1;
    display: flex;
  }
  .site-footer .footer-contact { grid-column: 1 / -1; padding-left: 0; border: 0; }
}

@media (max-width: 520px) {
  .site-footer .footer-grid { grid-template-columns: minmax(0, 1fr); }
  .site-footer .footer-brand,
  .site-footer .footer-pages,
  .site-footer .footer-col:not(.footer-pages),
  .site-footer .footer-contact { grid-column: 1; }
}

/* Use coordinated warm studio artwork in the existing species carousel. */
.hero-carousel__slide[aria-label] > img {
  opacity: 0;
}

.hero-carousel__slide[aria-label]::before {
  position: absolute;
  inset: 0 0 0 auto;
  z-index: 0;
  width: min(83%, 1080px);
  background-color: hsl(var(--background));
  background-position: right center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}

.hero-carousel__slide[aria-label*="Dogs"]::before {
  background-image: url("assets/hero/alaska-hero-dogs-studio.webp");
}
.hero-carousel__slide[aria-label*="Cats"]::before {
  background-image: url("assets/hero/alaska-hero-cats-studio.webp");
}
.hero-carousel__slide[aria-label*="Birds"]::before {
  background-image: url("assets/hero/alaska-hero-birds-studio.webp");
}
.hero-carousel__slide[aria-label*="Fish"]::before {
  background-image: url("assets/hero/alaska-hero-fish-studio.webp");
}
.hero-carousel__slide[aria-label*="Equine"]::before {
  background-image: url("assets/hero/alaska-hero-equine-studio.webp");
}

@media (max-width: 767px) {
  .hero-carousel__slide[aria-label]::before {
    inset: 0 0 auto;
    width: 100%;
    height: 47%;
    background-position: center top;
  }
}

/* One animal per slide on one shared studio field. */
.hero-section { background: hsl(var(--muted)); }

.hero-carousel__slide[aria-label]::before {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: hsl(var(--muted));
  background-image:
    linear-gradient(
      90deg,
      hsl(var(--muted)) 0%,
      hsl(var(--muted) / .96) 18%,
      hsl(var(--muted) / .8) 32%,
      hsl(var(--muted) / .48) 44%,
      hsl(var(--muted) / .18) 57%,
      hsl(var(--muted) / 0) 74%
    ),
    var(--hero-photo, none);
  background-position: left center, right center;
  background-repeat: no-repeat, no-repeat;
  background-size: 100% 100%, contain;
}

.hero-carousel__slide[aria-label*="Dogs"]::before {
  --hero-photo: url("assets/hero/alaska-hero-dog-single-studio.webp");
}
.hero-carousel__slide[aria-label*="Cats"]::before {
  --hero-photo: url("assets/hero/alaska-hero-cats-studio.webp");
}
.hero-carousel__slide[aria-label*="Birds"]::before {
  --hero-photo: url("assets/hero/alaska-hero-birds-studio.webp");
}
.hero-carousel__slide[aria-label*="Fish"]::before {
  --hero-photo: url("assets/hero/alaska-hero-fish-studio.webp");
}
.hero-carousel__slide[aria-label*="Equine"]::before {
  --hero-photo: url("assets/hero/alaska-hero-equine-studio.webp");
}

.hero-carousel__slide::after { z-index: 1; background: none; }

.hero-carousel__copy { color: hsl(var(--primary)); }
.hero-carousel__copy .hero-title { color: hsl(var(--primary)); }
.hero-carousel__species { color: hsl(var(--primary) / .82); }
.hero-carousel__intro { color: hsl(var(--primary) / .9); }
.hero-carousel__catalogue { color: hsl(var(--primary)); }

@media (max-width: 767px) {
  .hero-section {
    height: min(680px, max(620px, calc(100svh - 96px)));
    min-height: 620px;
  }

  .hero-carousel__slide[aria-label]::before {
    inset: 0;
    width: 100%;
    height: 100%;
    background-image:
      linear-gradient(
        90deg,
        hsl(var(--muted) / .96) 0%,
        hsl(var(--muted) / .88) 24%,
        hsl(var(--muted) / .66) 40%,
        hsl(var(--muted) / .38) 54%,
        hsl(var(--muted) / .14) 68%,
        hsl(var(--muted) / 0) 82%
      ),
      linear-gradient(
        180deg,
        hsl(var(--muted)) 0%,
        hsl(var(--muted)) 15%,
        hsl(var(--muted) / .85) 20%,
        hsl(var(--muted) / .3) 27%,
        hsl(var(--muted) / 0) 33%,
        hsl(var(--muted) / 0) 67%,
        hsl(var(--muted) / .3) 75%,
        hsl(var(--muted) / .85) 81%,
        hsl(var(--muted)) 88%,
        hsl(var(--muted)) 100%
      ),
      var(--hero-photo, none);
    background-position: left center, center center, center center;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: 100% 100%, 100% 100%, contain;
  }

  .hero-carousel__content { align-items: center; }
  .hero-carousel__copy { width: 55%; max-width: 240px; padding: 24px 0 98px; }
  .hero-carousel__copy .eyebrow { font-size: .56rem; letter-spacing: .07em; }
  .hero-carousel__species { margin-top: 12px; font-size: .62rem; letter-spacing: .13em; }
  .hero-carousel__copy .hero-title {
    max-width: 9ch;
    font-size: clamp(2.1rem, 9.5vw, 2.8rem);
    line-height: 1.04;
  }
  .hero-carousel__intro { max-width: 25ch; margin-top: 13px; font-size: .82rem; line-height: 1.55; }
  .hero-carousel__actions { align-items: flex-start; flex-direction: column; gap: 10px; margin-top: 17px; }
  .hero-carousel__controls {
    right: 50%;
    bottom: max(12px, env(safe-area-inset-bottom));
    max-width: calc(100% - 16px);
    gap: 4px;
    padding: 5px;
    transform: translateX(50%);
  }
}

@media (max-width: 380px) {
  .hero-section {
    height: min(650px, max(600px, calc(100svh - 96px)));
    min-height: 600px;
  }
  .hero-carousel__copy { width: 53%; padding-bottom: 88px; }
  .hero-carousel__copy .hero-title { font-size: clamp(1.95rem, 10.5vw, 2.4rem); }
  .hero-carousel__intro { font-size: .76rem; }
}



/* Keep WooCommerce pagination centered, compact and easy to tap on phones. */
@media (max-width: 767px) {
  .woocommerce nav.woocommerce-pagination ul.page-numbers {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 1px;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    white-space: normal;
    list-style: none;
  }

  .woocommerce nav.woocommerce-pagination ul.page-numbers::before,
  .woocommerce nav.woocommerce-pagination ul.page-numbers::after {
    display: none;
    content: none;
  }

  .woocommerce nav.woocommerce-pagination ul.page-numbers li {
    display: block;
    float: none;
    flex: 0 0 38px;
    box-sizing: border-box;
    width: 38px;
    margin: 0;
    padding: 0;
    overflow: visible;
    border: 0;
  }

  .woocommerce nav.woocommerce-pagination ul.page-numbers li .page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 38px;
    min-width: 38px;
    height: 42px;
    min-height: 42px;
    margin: 0;
    padding: 0;
    border: 1px solid hsl(var(--border));
    border-radius: 4px;
    background: hsl(var(--surface));
    color: hsl(var(--primary));
    font-size: .875rem;
    line-height: 1;
    text-decoration: none;
  }

  .woocommerce nav.woocommerce-pagination ul.page-numbers li span.current {
    border-color: hsl(var(--primary));
    background: hsl(var(--primary));
    color: hsl(var(--inverse));
    font-weight: 600;
  }

  .woocommerce nav.woocommerce-pagination ul.page-numbers li span.dots {
    border-color: transparent;
    background: transparent;
    color: hsl(var(--muted-ink));
  }

  .woocommerce nav.woocommerce-pagination ul.page-numbers li a:hover,
  .woocommerce nav.woocommerce-pagination ul.page-numbers li a:focus-visible {
    border-color: hsl(var(--primary));
    background: hsl(var(--muted));
    color: hsl(var(--primary));
    outline: 2px solid hsl(var(--primary));
    outline-offset: 2px;
  }
}

@media (max-width: 380px) {
  .woocommerce nav.woocommerce-pagination ul.page-numbers li {
    flex-basis: 32px;
    width: 32px;
  }

  .woocommerce nav.woocommerce-pagination ul.page-numbers li .page-numbers {
    width: 32px;
    min-width: 32px;
  }
}