/* Supplemental styles for the ORTV storefront (Tailwind CDN handles the rest). */
.line-clamp-1,.line-clamp-2{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-1{-webkit-line-clamp:1}
.line-clamp-2{-webkit-line-clamp:2}
html{scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased}
::selection{background:#ddd6fe;color:#4c1d95}
/* drawer + overlay transitions are driven by Tailwind utility classes in markup */


/* Compact catalogue display */
.product-compact img{max-height:9rem}
@media (max-width:640px){
  .store-compact-card{border-radius:.6rem}
  .store-compact-card .product-title{font-size:12px;line-height:1.2}
}

/* ORTV social-media logo links — compact footer icons */
.social-logo-row{
  display:flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  gap:8px !important;
  margin-top:12px !important;
  white-space:nowrap !important;
}
.social-logo-link,
.social-logo-link.social-logo-youtube{
  display:inline-flex !important;
  flex:0 0 28px !important;
  align-items:center !important;
  justify-content:center !important;
  width:28px !important;
  min-width:28px !important;
  max-width:28px !important;
  height:28px !important;
  min-height:28px !important;
  max-height:28px !important;
  padding:0 !important;
  border-radius:6px !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:hidden !important;
  line-height:0 !important;
  transition:transform .18s ease,opacity .18s ease !important;
}
.social-logo-link:hover{
  transform:translateY(-1px) scale(1.06) !important;
  opacity:.9 !important;
  box-shadow:none !important;
}
.social-logo-img,
.social-logo-youtube-img{
  display:block !important;
  width:28px !important;
  min-width:28px !important;
  max-width:28px !important;
  height:28px !important;
  min-height:28px !important;
  max-height:28px !important;
  object-fit:contain !important;
}
@media (max-width:420px){
  .social-logo-row{gap:7px !important}
}


/* Footer staff login icon — compact 28 x 28 px */
.staff-login-icon-link {
  display:inline-flex !important;
  flex:0 0 28px !important;
  align-items:center !important;
  justify-content:center !important;
  margin-top:12px !important;
  width:28px !important;
  min-width:28px !important;
  max-width:28px !important;
  height:28px !important;
  min-height:28px !important;
  max-height:28px !important;
  padding:0 !important;
  border-radius:6px !important;
  background:transparent !important;
  overflow:hidden !important;
  line-height:0 !important;
  box-shadow:none !important;
  transition:transform .18s ease,opacity .18s ease !important;
}
.staff-login-icon-link:hover {
  transform:translateY(-1px) scale(1.06) !important;
  opacity:.9 !important;
  box-shadow:none !important;
}
.staff-login-icon {
  display:block !important;
  width:28px !important;
  min-width:28px !important;
  max-width:28px !important;
  height:28px !important;
  min-height:28px !important;
  max-height:28px !important;
  object-fit:contain !important;
}


/* Footer bottom bar and staff login at the bottom-right corner */
.footer-bottom-bar{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  min-height:68px !important;
  padding-right:56px !important;
}
.footer-corner-login{
  position:absolute !important;
  right:16px !important;
  bottom:20px !important;
  margin:0 !important;
  z-index:2 !important;
}
@media (min-width:640px){
  .footer-corner-login{right:24px !important;}
}

/* Mobile storefront navigation: keep Home and main categories accessible */
@media (max-width:1023px){
  #mnav.mobile-store-menu{
    position:relative;
    z-index:60;
    max-height:calc(100vh - 82px);
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    box-shadow:0 12px 26px rgba(76,29,149,.12);
  }
  .mobile-category-details>summary::-webkit-details-marker{display:none}
  .mobile-category-details .mobile-category-chevron{transition:transform .18s ease}
  .mobile-category-details[open] .mobile-category-chevron{transform:rotate(180deg)}
  .mobile-category-details a{min-height:44px}
}