/* Kill CKEditor's content width constraint site-wide (safe since we never edit via WYSIWYG anymore) */
.ck-content {
    max-width: none !important;
    width: 100% !important;
}

@media (max-width: 767px) {
  .owl-carousel:not(.owl-main-slider) .owl-stage {
    transform: none !important;
    width: 100% !important;
    display: flex;
    flex-wrap: wrap;
  }
  .owl-carousel:not(.owl-main-slider) .owl-item {
    width: 50% !important;
    float: none;
    padding: 8px;
    box-sizing: border-box;
  }
  .owl-carousel:not(.owl-main-slider) .owl-stage-outer {
    overflow: visible !important;
  }
  .owl-carousel:not(.owl-main-slider) .owl-nav,
  .owl-carousel:not(.owl-main-slider) .owl-dots {
    display: none !important;
  }
  .owl-carousel:not(.owl-main-slider) .ps-product {
    border: 1px solid #eee;
    border-radius: 6px;
    padding: 6px;
  }
  /* Hide action buttons entirely */
  .owl-carousel:not(.owl-main-slider) .ps-product__actions {
    display: none !important;
  }
}
@media (min-width: 768px) {
    .ps-footer__widgets {
        display: flex;
        justify-content: center;
        gap: 60px;
    }
}
/* Product name - black, no color change on hover */
a.ps-product__title,
a.ps-product__title:hover {
    color: #111111 !important;
}
/* Homepage category name - remove blue on hover */
.ps-block--category a:hover,
.ps-category__name:hover,
.menu--product-categories a:hover,
.ps-mega-menu a:hover {
    color: inherit !important;
}
a.ps-block__overlay:hover {
    color: inherit !important;
    opacity: 1 !important;
}
/* Remove blue overlay effect on category hover */
.ps-block--category:hover .ps-block__overlay,
.ps-block__overlay:hover {
    background: transparent !important;
}
.ps-block--category p {
    color: #111111 !important;
}
.ps-block--category:hover p,
.ps-block--category .ps-block__overlay:hover ~ p {
    color: #111111 !important;
}

.adrxp-hero-slider-grid .row {
    margin-top: -90px;
    position: relative;
    z-index: 10;
}
.adrxp-hero-slider-grid .adrxp-cat-card {
    background: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,.15);
    border-radius: 4px;
}

/* ═══ ADRXP Hero Slider Grid — Complete Styles ═══ */

.adrxp-hero-slider-grid { position: relative; width: 100%; margin-bottom: 0; }

/* Slider wrapper — full width, fixed aspect ratio so it doesn't collapse */
.adrxp-hero-slider-wrap { width: 100%; position: relative; overflow: hidden; }
.adrxp-hero-slider-wrap .adrxp-hero-owl { width: 100%; }
.adrxp-hero-slider-wrap .owl-stage-outer { width: 100%; }

/* Each slide */
.adrxp-hero-slide { position: relative; width: 100%; }
.adrxp-hero-slide img { width: 100%; height: auto; display: block; max-height: 420px; object-fit: cover; }
.adrxp-hero-slide .ps-banner__overlay { position: absolute; inset: 0; z-index: 5; }

/* Nav arrows visibility fix */
.adrxp-hero-slider-wrap .owl-nav { display: flex !important; }
.adrxp-hero-slider-wrap .owl-nav button { opacity: 1 !important; visibility: visible !important; }

/* Cards row — overlaps bottom of slider */
.adrxp-hero-cards { position: relative; margin-top: -90px; z-index: 10; }
.adrxp-hero-cards .row { margin-left: -6px; margin-right: -6px; }
.adrxp-hero-cards .row > [class*="col-"] { padding-left: 6px; padding-right: 6px; margin-bottom: 12px; }

/* Card box */
.adrxp-cat-card {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0,0,0,.15);
    padding: 16px;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.adrxp-cat-card__title { font-size: 1.1rem; font-weight: 700; margin: 0 0 12px; color: #111; }
.adrxp-cat-card__link { font-size: .85rem; color: #007185; margin-top: auto; padding-top: 10px; display: block; }
.adrxp-cat-card__link:hover { text-decoration: underline; }

/* Type A — single image */
.adrxp-cat-card__single { position: relative; flex: 1; min-height: 0; }
.adrxp-cat-card__single img { width: 100%; height: 100%; max-height: 220px; object-fit: cover; border-radius: 3px; display: block; }
.adrxp-cat-card__label { position: absolute; bottom: 8px; left: 8px; background: rgba(0,0,0,.6); color: #fff; font-size: .75rem; padding: 3px 8px; border-radius: 3px; }

/* Type B — 2x2 grid */
.adrxp-cat-card__grid2x2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 6px;
    flex: 1;
    min-height: 220px;
}
.adrxp-cat-card__grid-item { position: relative; overflow: hidden; border-radius: 3px; }
.adrxp-cat-card__grid-item img { width: 100%; height: 100%; object-fit: cover; display: block; }
.adrxp-cat-card__grid-item span { position: absolute; bottom: 4px; left: 4px; font-size: .68rem; background: rgba(0,0,0,.6); color: #fff; padding: 2px 6px; border-radius: 2px; }

/* Type C — 1 big top + 3 small below */
.adrxp-cat-card__featured { display: flex; flex-direction: column; gap: 6px; flex: 1; min-height: 220px; }
.adrxp-cat-card__featured-main { flex: 2; position: relative; overflow: hidden; border-radius: 3px; }
.adrxp-cat-card__featured-main img { width: 100%; height: 100%; object-fit: cover; display: block; }
.adrxp-cat-card__featured-subs { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 6px; flex: 1; }
.adrxp-cat-card__featured-sub { position: relative; overflow: hidden; border-radius: 3px; }
.adrxp-cat-card__featured-sub img { width: 100%; height: 100%; object-fit: cover; display: block; }
.adrxp-cat-card__featured-main span,
.adrxp-cat-card__featured-sub span { position: absolute; bottom: 4px; left: 4px; font-size: .65rem; background: rgba(0,0,0,.6); color: #fff; padding: 2px 5px; border-radius: 2px; }

/* Type D — 3 small top + 1 big below (reverse order) */
.adrxp-cat-card__featured--reverse { flex-direction: column; }
.adrxp-cat-card__featured-subs--top { order: 1; }
.adrxp-cat-card__featured-main--bottom { order: 2; }

/* Responsive */
@media (max-width: 991px) {
    .adrxp-hero-cards { margin-top: 0; }
}

/* ═══ ADRXP Hero Slider — Nav Arrows + Card Image Fit ═══ */

.adrxp-hero-slider-wrap .owl-nav {
    display: flex !important;
}
.adrxp-hero-slider-wrap .owl-nav button.owl-prev,
.adrxp-hero-slider-wrap .owl-nav button.owl-next {
    width: 60px !important;
    height: 60px !important;
    background: rgba(255,255,255,.95) !important;
    border-radius: 50% !important;
    font-size: 28px !important;
    color: #111 !important;
    box-shadow: 0 3px 12px rgba(0,0,0,.25) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 1 !important;
}
.adrxp-hero-slider-wrap .owl-nav button.owl-prev { left: 20px !important; }
.adrxp-hero-slider-wrap .owl-nav button.owl-next { right: 20px !important; }

/* Type A — single image: flex-center works fine here */
.adrxp-cat-card__single {
    height: 260px !important;
    min-height: 0 !important;
    max-height: 260px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Type B — 2x2 grid: must stay grid, not flex */
.adrxp-cat-card__grid2x2 {
    height: 260px !important;
    min-height: 0 !important;
    max-height: 260px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    grid-template-rows: 1fr 1fr !important;
    gap: 6px !important;
}
.adrxp-cat-card__grid-item {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}

/* Type C/D — featured layout: keep column flex, don't override */
.adrxp-cat-card__featured {
    height: 260px !important;
    min-height: 0 !important;
    max-height: 260px !important;
}
.adrxp-cat-card__featured-main,
.adrxp-cat-card__featured-sub {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}

/* All images inside cards: contain, never crop, never stretch */
.adrxp-cat-card__single img,
.adrxp-cat-card__grid-item img,
.adrxp-cat-card__featured-main img,
.adrxp-cat-card__featured-sub img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
}

/* Force slider image to fill its actual visible container - properly scoped */
.adrxp-hero-slider-wrap .owl-item {
    position: relative !important;
    height: 420px !important;
    overflow: hidden;
}
.adrxp-hero-slide {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
.adrxp-hero-slide img {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* Search dropdown — override #page-home hiding rules */
#page-home .ps-panel--search-result .ps-product__content,
#page-home .ps-panel--search-result .ps-product__title,
#page-home .ps-panel--search-result .ps-product__price,
#page-home .ps-panel--search-result .ps-product__vendor,
#page-home .ps-panel--search-result .ps-product__rating,
#page-home .ps-panel--search-result .star-rating,
#page-home .ps-panel--search-result .count-review {
    display: block !important;
}

/* Recently viewed — limit item width so single product doesn't stretch full width */
.ps-product-list .owl-item {
    max-width: 185px;
}








/* Categories sidebar — limit width on mobile */
@media (max-width: 767px) {
    #navigation-mobile.ps-panel--sidebar {
        max-width: 70% !important;
    }
}

/* Overlay must sit above the sticky header for taps to register everywhere */
.ps-site-overlay {
    z-index: 10000 !important;
}










/* ═══ TABLET VIEW ═══ */

/* Hero slider cards — 3 per row */
.adrxp-tablet-view .adrxp-hero-cards .col-xl-3,
.adrxp-tablet-view .adrxp-hero-cards .col-lg-3 {
    flex: 0 0 33.333% !important;
    max-width: 33.333% !important;
}

/* Featured category grid — 3 per row */
.adrxp-tablet-view .adrxp-category-grid .col-xl-3,
.adrxp-tablet-view .adrxp-category-grid .col-lg-3 {
    flex: 0 0 33.333% !important;
    max-width: 33.333% !important;
}

/* Product section — ~4 cards visible before scrolling */
.adrxp-tablet-view .ps-carousel--default .owl-item,
.adrxp-tablet-view .ps-product-list .owl-item {
    width: 200px !important;
    max-width: 200px !important;
}

/* Hero slider height — slightly shorter on tablet */
.adrxp-tablet-view .adrxp-hero-slider-wrap .owl-item {
    height: 320px !important;
}

/* Cards overlap slider */
.adrxp-tablet-view .adrxp-hero-cards {
    margin-top: -60px !important;
}

/* Desktop header visible, mobile header hidden */
.adrxp-device-tablet .navigation--list {
    display: none !important;
}


/* Tablet — hide 4th category card in hero and category grids */
.adrxp-tablet-view .adrxp-hero-cards .ps-container .row > div:nth-child(4),
.adrxp-tablet-view .adrxp-category-grid .ps-container .row > div:nth-child(4) {
    display: none !important;
}








/* Compare + Wishlist — tablet only, hidden on mobile */
.adrxp-tablet-only {
    display: none !important;
}
.adrxp-device-tablet .adrxp-tablet-only {
    display: inline-block !important;
}



/* Mobile + Tablet — full width search bar */
.header--mobile .ps-search--mobile {
    max-width: 100% !important;
    padding: 8px 15px !important;
}
.header--mobile .ps-form--quick-search {
    width: 100% !important;
    max-width: 100% !important;
}

/* Remove breadcrumb space entirely */
.ps-breadcrumb {
    display: none !important;
}

/* Country selector — ensure popup doesn't bleed into nav */
.header__left {
    overflow: visible !important;
}
.adrxp-country-selector {
    overflow: visible !important;
}






/* Tablet — show search bar in mobile header */
.adrxp-device-tablet .adrxp-mobile-search {
    display: block !important;
}

/* Tablet — left-align horizontal menu items */
.adrxp-device-tablet .adrxp-mobile-menu-bar {
    justify-content: flex-start !important;
}
/* Tablet — show search bar in mobile header */
.adrxp-device-tablet .header--mobile .ps-search--mobile {
    display: block !important;
}

/* Tablet — left-align horizontal menu items */
.adrxp-device-tablet .adrxp-mobile-menu-bar {
    justify-content: flex-start !important;
}
/* Tablet — full width search bar */
.adrxp-device-tablet .ps-search--mobile {
    padding: 8px 15px;
}
.adrxp-device-tablet .ps-search--mobile form {
    max-width: 100%;
}
.adrxp-device-tablet .ps-search--mobile .form-group--nest {
    width: 100%;
}
/* Tablet — full width search bar */
.adrxp-device-tablet .ps-search--mobile {
    padding: 8px 15px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.adrxp-device-tablet .ps-form--search-mobile {
    width: 100% !important;
    max-width: 100% !important;
}
.adrxp-device-tablet .ps-form--search-mobile .form-group--nest {
    width: 100% !important;
}
.adrxp-device-tablet .ps-form--search-mobile .form-control {
    width: 100% !important;
    flex: 1 !important;
}