/* =========================================================
   PinkLitter Mobile Footer Unified v34
   Non-account mobile footer only: match My Account accordion
   behavior/spacing without touching My Account.
   ========================================================= */
@media (max-width: 767px){


  body:not(.woocommerce-account) footer,
  body:not(.woocommerce-account) #colophon,
  body:not(.woocommerce-account) .site-footer{
    display:flex !important;
    flex-direction:column !important;
  }

  body:not(.woocommerce-account) .footer-mobile-nav{
    order:20 !important;
  }

  body:not(.woocommerce-account) .footer-mobile-nav{
    display:block !important;
    width:100% !important;
    max-width:360px !important;
    margin:1.25rem auto 0 !important;
  }

  body:not(.woocommerce-account) .footer-mobile-tab-row{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
    width:100% !important;
  }

  body:not(.woocommerce-account) .footer-mobile-tab{
    width:100% !important;
    min-height:42px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:12px !important;
    border:1px solid rgba(245,241,234,.20) !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.055) !important;
    color:#fff !important;
    padding:0 22px !important;
    font-family:Orbitron, Jost, system-ui, sans-serif !important;
    font-size:.68rem !important;
    font-weight:800 !important;
    letter-spacing:.10em !important;
    line-height:1 !important;
    text-transform:uppercase !important;
    text-align:center !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
    cursor:pointer !important;
    -webkit-tap-highlight-color:transparent !important;
  }

  body:not(.woocommerce-account) .footer-mobile-tab::after{
    content:"+" !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:18px !important;
    min-width:18px !important;
    height:18px !important;
    margin-left:3px !important;
    font-family:Arial, Helvetica, sans-serif !important;
    font-size:18px !important;
    font-weight:800 !important;
    line-height:18px !important;
    color:#fff !important;
    transform:translateY(-1px) !important;
  }

  body:not(.woocommerce-account) .footer-mobile-tab.is-open{
    background:rgba(255,255,255,.065) !important;
    border-color:rgba(245,241,234,.26) !important;
    color:#fff !important;
  }

  body:not(.woocommerce-account) .footer-mobile-tab.is-open::after{
    content:"−" !important;
    color:#fff !important;
  }

  body:not(.woocommerce-account) .footer-mobile-panels{
    display:none !important;
  }

  body:not(.woocommerce-account) .footer-mobile-panel{
    display:none !important;
    width:100% !important;
    max-width:100% !important;
    border:0 !important;
    background:transparent !important;
    border-radius:0 !important;
    padding:1.05rem 0 .95rem !important;
    margin:0 !important;
    box-shadow:none !important;
    box-sizing:border-box !important;
  }

  body:not(.woocommerce-account) .footer-mobile-panel.is-open{
    display:block !important;
  }

  body:not(.woocommerce-account) .footer-mobile-links-list{
    list-style:none !important;
    margin:0 !important;
    padding:0 !important;
    display:grid !important;
    gap:1.02rem !important;
    text-align:center !important;
  }

  body:not(.woocommerce-account) .footer-mobile-links-list li{
    margin:0 !important;
    padding:0 !important;
  }

  body:not(.woocommerce-account) .footer-mobile-links-list a{
    color:rgba(245,241,234,.90) !important;
    font-family:Jost, system-ui, sans-serif !important;
    font-size:.96rem !important;
    font-weight:700 !important;
    line-height:1.35 !important;
    text-decoration:none !important;
  }

  body:not(.woocommerce-account) .footer-copyright,
  body:not(.woocommerce-account) .site-footer .footer-copyright,
  body:not(.woocommerce-account) footer .footer-copyright{
    display:block !important;
    margin-top:1.45rem !important;
    padding-top:1.05rem !important;
    border-top:1px solid rgba(245,241,234,.10) !important;
    font-size:.72rem !important;
    line-height:1.4 !important;
    opacity:.78 !important;
    text-align:center !important;
    order:30 !important;
  }
}

/* =========================================================
   PinkLitter Header Actions v35
   Replace search icon artwork with My Account icon and keep
   Account / Cart / Menu action buttons fixed across pages.
   CSS only for styling; href binding is handled in the paired JS.
   ========================================================= */
html body .site-header .header-actions,
html body header .header-actions,
html body .site-header .header-icons,
html body header .header-icons,
html body .pawlux-v16-actions,
html body .pawlux-account-header-actions{
  position:fixed !important;
  top:18px !important;
  right:22px !important;
  z-index:100080 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  width:auto !important;
  max-width:calc(100vw - 44px) !important;
  pointer-events:auto !important;
}

html body.admin-bar .site-header .header-actions,
html body.admin-bar header .header-actions,
html body.admin-bar .site-header .header-icons,
html body.admin-bar header .header-icons,
html body.admin-bar .pawlux-v16-actions,
html body.admin-bar .pawlux-account-header-actions{
  top:50px !important;
}

html body .site-header .header-actions > a,
html body .site-header .header-actions > button,
html body header .header-actions > a,
html body header .header-actions > button,
html body .site-header .header-icons > a,
html body .site-header .header-icons > button,
html body header .header-icons > a,
html body header .header-icons > button,
html body .pawlux-v16-actions > a,
html body .pawlux-v16-actions > button,
html body .pawlux-account-header-actions > a,
html body .pawlux-account-header-actions > button{
  flex:0 0 auto !important;
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  min-height:44px !important;
  max-width:44px !important;
  max-height:44px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.56) !important;
  background:rgba(255,255,255,.72) !important;
  color:#061326 !important;
  -webkit-text-fill-color:#061326 !important;
  box-shadow:0 12px 30px rgba(6,19,38,.13) !important;
  backdrop-filter:blur(12px) !important;
  -webkit-backdrop-filter:blur(12px) !important;
  text-decoration:none !important;
  padding:0 !important;
  margin:0 !important;
  box-sizing:border-box !important;
  line-height:1 !important;
  overflow:visible !important;
}

html body .site-header .header-actions > a svg,
html body .site-header .header-actions > button svg,
html body header .header-actions > a svg,
html body header .header-actions > button svg,
html body .site-header .header-icons > a svg,
html body .site-header .header-icons > button svg,
html body header .header-icons > a svg,
html body header .header-icons > button svg,
html body .pawlux-v16-actions > a svg,
html body .pawlux-v16-actions > button svg,
html body .pawlux-account-header-actions > a svg,
html body .pawlux-account-header-actions > button svg{
  width:21px !important;
  height:21px !important;
  display:block !important;
  stroke:currentColor !important;
  fill:none !important;
  stroke-width:2.1 !important;
}

html body .pawlux-account-replaces-search{
  position:relative !important;
}

html body .pawlux-account-replaces-search > svg,
html body .pawlux-account-replaces-search > i,
html body .pawlux-account-replaces-search .icon,
html body .pawlux-account-replaces-search .search-icon,
html body .pawlux-account-replaces-search [class*="search"]{
  display:none !important;
}

html body .pawlux-account-replaces-search::before{
  content:"" !important;
  display:block !important;
  width:22px !important;
  height:22px !important;
  background:currentColor !important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a4.25 4.25 0 1 0 0-8.5A4.25 4.25 0 0 0 12 12Zm0 2.1c-4.35 0-7.9 2.45-7.9 5.45 0 .67.54 1.2 1.2 1.2h13.4c.66 0 1.2-.53 1.2-1.2 0-3-3.55-5.45-7.9-5.45Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a4.25 4.25 0 1 0 0-8.5A4.25 4.25 0 0 0 12 12Zm0 2.1c-4.35 0-7.9 2.45-7.9 5.45 0 .67.54 1.2 1.2 1.2h13.4c.66 0 1.2-.53 1.2-1.2 0-3-3.55-5.45-7.9-5.45Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
  pointer-events:none !important;
}

@media (max-width:767px){
  html body .site-header .header-actions,
  html body header .header-actions,
  html body .site-header .header-icons,
  html body header .header-icons,
  html body .pawlux-v16-actions,
  html body .pawlux-account-header-actions{
    top:16px !important;
    right:14px !important;
    gap:8px !important;
    max-width:calc(100vw - 28px) !important;
  }

  html body.admin-bar .site-header .header-actions,
  html body.admin-bar header .header-actions,
  html body.admin-bar .site-header .header-icons,
  html body.admin-bar header .header-icons,
  html body.admin-bar .pawlux-v16-actions,
  html body.admin-bar .pawlux-account-header-actions{
    top:58px !important;
  }

  html body .site-header .header-actions > a,
  html body .site-header .header-actions > button,
  html body header .header-actions > a,
  html body header .header-actions > button,
  html body .site-header .header-icons > a,
  html body .site-header .header-icons > button,
  html body header .header-icons > a,
  html body header .header-icons > button,
  html body .pawlux-v16-actions > a,
  html body .pawlux-v16-actions > button,
  html body .pawlux-account-header-actions > a,
  html body .pawlux-account-header-actions > button{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    min-height:40px !important;
    max-width:40px !important;
    max-height:40px !important;
    border-radius:13px !important;
  }

  html body .pawlux-account-replaces-search::before{
    width:20px !important;
    height:20px !important;
  }
}