/*!-----------------------------------------------------------------------------------
Others css
-------------------------------------------------------------------------------------*/

.tab-pane,
.faq-tab-pane {
  @apply hidden opacity-0;
}

.tab-pane.active,
.faq-tab-pane.active {
  @apply block opacity-100;
}

.tab-pane.fade,
.faq-tab-pane.fade {
  @apply transition-opacity duration-150 ease-linear;
}

#dropdownMenu.active {
  @apply translate-y-0 opacity-100 visible;
}

#dropdownMenu.hide {
  @apply translate-y-4 opacity-0 invisible;
}

.filter-dropdown-menu.active {
  @apply translate-y-0 opacity-100 visible;
}

.filter-dropdown-menu.hide {
  @apply translate-y-4 opacity-0 invisible;
}

.faq-filter button.active {
  @apply bg-[#00AB5514] text-primary;
}

.sticky-header.sticky-top {
  @apply fixed top-0 left-0 w-full z-50 bg-white shadow-light-z-24 animate-fadeInDown border-t-0!;
}

.scrollbar-offset {
  padding-right: 15px;
}

.overflow-hidden {
  overflow: hidden !important;
}

.blog-pagination li a.active,
.comment-pagination li a.active {
  @apply text-primary font-semibold cursor-pointer border border-primary bg-[rgba(0,171,85,0.08)] transition-colors duration-300 ease-in-out;
}

.my-account-menu li button.active {
  @apply text-white bg-primary;
}

.footer-bottom-nav a.active {
  @apply border-primary! text-primary!;
}

.footer-bottom-nav a.active i {
  @apply text-primary!;
}

/* Authentication Notices Styling */
.sellzy-auth-notices {
  margin-bottom: 20px;
}

.woocommerce-error, 
.woocommerce-info, 
.woocommerce-message {
  padding: 16px 20px !important;
  border-radius: 16px !important;
  margin-bottom: 12px !important;
  list-style: none !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  border: 1px solid transparent !important;
}

.woocommerce-error {
  background-color: rgba(203, 2, 51, 0.08) !important;
  border-color: rgba(203, 2, 51, 0.2) !important;
  color: #cb0233 !important;
}

.woocommerce-message, 
.woocommerce-info {
  background-color: rgba(8, 129, 120, 0.08) !important;
  border-color: rgba(8, 129, 120, 0.2) !important;
  color: #088178 !important;
}

.sellzy-auth-notices ul {
  margin: 0 !important;
  padding: 0 !important;
}

.woocommerce-error li::before,
.woocommerce-message li::before,
.woocommerce-info li::before {
  content: "";
  display: none !important;
}

/* WooCommerce Pagination Styling: Ultra-reliable Standard CSS */
.sellzy-pagination-wrap {
    margin-top: 60px !important;
    text-align: center !important;
    width: 100% !important;
}

.woocommerce-pagination {
    display: inline-block !important;
}

.woocommerce-pagination ul.page-numbers {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

.woocommerce-pagination ul.page-numbers li {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-block !important;
}

.woocommerce-pagination ul.page-numbers li span.current,
.woocommerce-pagination ul.page-numbers li a,
.woocommerce-pagination ul.page-numbers li span.dots {
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    transition: all 0.3s ease !important;
    border: 1px solid #dfe3e8 !important;
    background-color: #ffffff !important;
    color: #212529 !important;
    text-decoration: none !important;
}

.woocommerce-pagination ul.page-numbers li a:hover {
    border-color: #088178 !important;
    color: #088178 !important;
    background-color: rgba(8, 129, 120, 0.05) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

.woocommerce-pagination ul.page-numbers li span.current {
    background-color: #088178 !important;
    border-color: #088178 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(8, 129, 120, 0.35) !important;
}

.woocommerce-pagination ul.page-numbers li a.prev i,
.woocommerce-pagination ul.page-numbers li a.next i {
    font-size: 22px !important;
    line-height: 1 !important;
}

/* Sidebar Drawer Specifics */
#filter-sidebar {
    visibility: hidden;
    transform: translateX(-100%);
    transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1) !important;
    z-index: 1000 !important;
}

#filter-sidebar[data-state="open"] {
    visibility: visible !important;
    transform: translateX(0) !important;
}

.sidebar-drawer-content aside#secondary .sidebar-title {
    display: none !important;
}

.sidebar-drawer-content aside#secondary .sidebar > div {
    border: none !important;
    background: transparent !important;
}

/* Hide Redundant Widget Arrows found in Screenshot */
.sidebar-drawer-content .widget-category ul li a svg,
.sidebar-drawer-content .widget-category ul li a i.hgi-arrow-down-01,
.sidebar-drawer-content .widget-category ul li a i.hgi-arrow-up-01 {
    display: none !important;
}

/* Modal Overlay Styling */
.modal-overlay {
    background-color: rgba(0, 0, 0, 0.4) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
}