/*
Theme Name: Astrozon Child
Template: oceanwp
Author: Astrozon
Version: 1.3.0
Text Domain: astrozon
*/

/* ---- Inherited from the original parent header.php (kept update-safe here) ---- */
/* Target devices with a width of 480px or less */
@media screen and (max-width: 480px) {
  html, body {
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    width: 100%;
  }
}


.woocommerce div.product form.cart .variations tr:first-child td.value
 {
	 padding-top:10px!important;
}
.elementskit-navbar-nav > li.elementskit-megamenu-has > .elementskit-megamenu-panel {
  width: min(1200px, calc(100vw - 32px)) !important;
  max-width: calc(100vw - 32px) !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
}


.elementskit-menu-container,
.ekit-wid-con,
.elementskit-navbar-nav {
  position: static !important;
}

.elementskit-navbar-nav > li.elementskit-megamenu-has {
  position: static !important;
}


header, 
.elementor-location-header,
.elementor-section-wrap {
  position: relative !important;
}

.eael-product-title a {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
    word-break: break-word !important;
}


.eael-woo-product-carousel-container .swiper-image-stretch .product-image-wrap img {
    height: 197px;
    width: 100%;
	object-fit:contain;
}

.eael-woo-product-carousel-container.preset-3 .eael-product-carousel{
	background-color:white!important;
}

.eael-woo-product-carousel-container .icons-wrap.block-style li a.button.add_to_cart_button{
	background:#0085CA!important;
}

.amount
 {
    color: #0085ca!important;
}

.woocommerce ul.products li.product .button {

    background-color: rgb(0 133 202);
font-size:15px!important;
	color:white!important;
}


.woocommerce ul.products li.product .button:hover {

	color:black!important;
}

.owp-floating-bar button.button
 {
    background-color: #0085ca;
    color: #000;
}

.owp-floating-bar {
    background-color: black;
}


element.style {
}
.elementor-1376 .elementor-element.elementor-element-6fce315 .eael-product-carousel .icons-wrap:not(.details-block-style-2) li a {
    border-radius: 3px;
}
.eael-woo-product-carousel-container .icons-wrap.box-style li a.button.add_to_cart_button

 {
	  background-color: #0085ca;
    color: #000;
}


.woocommerce table.shop_table thead th
 {
    color: #ffffff!important;
    font-weight: 600;
}

.elementor-1376 .elementor-element.elementor-element-6fce315 .eael-product-carousel .icons-wrap li.view-details {
    display: none !important;
}

/* ============================================================
   ASTROZON — EAEL WOO PRODUCT CAROUSEL FIX
   1. Equal heights
   2. Remove link/share icon
   3. Action wrapper reveals on hover only
   ============================================================ */


/* ------- 1. EQUAL HEIGHTS ------- */

.eael-woo-product-carousel .swiper-wrapper {
  align-items: stretch !important;
}

.eael-woo-product-carousel .product.swiper-slide {
  height: auto !important;
  display: flex !important;
}

/* .eael-woo-product-carousel .eael-product-carousel {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: 100% !important;
} */
/* 
.eael-woo-product-carousel .product-image-wrap {
  flex-shrink: 0 !important;
  position: relative !important;
  overflow: hidden !important;
} */

/* .eael-woo-product-carousel .product-details-wrap {
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
  padding: 14px 12px !important;
} */

/* Force title to exactly 2 lines (longer ones get truncated with ellipsis) */
.eael-woo-product-carousel .eael-product-title h3 {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  min-height: 2.7em !important;
  line-height: 1.35 !important;
  margin-bottom: 8px !important;
}

/* Push the price to the bottom of every card */
.eael-woo-product-carousel .eael-product-price {
  margin-top: auto !important;
}


/* ------- 2. HIDE THE LINK / SHARE ICON ------- */

.eael-woo-product-carousel li.view-details {
  display: none !important;
}


/* ------- 3. ACTION WRAPPER REVEALS ON HOVER ONLY ------- */

/* Hide the action wrapper by default, position over the image */
.eael-woo-product-carousel .image-hover-wrap {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(14, 17, 38, 0) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity .3s ease, visibility .3s ease, background .3s ease !important;
  z-index: 5 !important;
  pointer-events: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Show on card hover with a subtle dark overlay */
.eael-woo-product-carousel .product:hover .image-hover-wrap {
  opacity: 1 !important;
  visibility: visible !important;
  background: rgba(14, 17, 38, 0.45) !important;
  pointer-events: auto !important;
}

/* Reset the icons list and add a slide-up animation on reveal */
.eael-woo-product-carousel .image-hover-wrap ul.icons-wrap {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  gap: 8px !important;
  transform: translateY(10px) !important;
  transition: transform .3s ease !important;
}

.eael-woo-product-carousel .product:hover .image-hover-wrap ul.icons-wrap {
  transform: translateY(0) !important;
}


/* Fix banner cropping on MacBook screens (1024px - 1600px) */
@media (min-width: 1024px) and (max-width: 1600px) {
  .elementor-slides .swiper-slide-bg,
  .elementor-slides-wrapper .swiper-slide-bg {
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
  }

  /* Shrink section height to match the contained image — kills the bars */
  .elementor-element.elementor-widget-slides,
  .elementor-element.elementor-widget-slides .elementor-slides-wrapper,
  .elementor-element.elementor-widget-slides .swiper,
  .elementor-element.elementor-widget-slides .swiper-slide {
    height: auto !important;
    min-height: 0 !important;
  }
/*   .elementor-element.elementor-widget-slides .swiper-slide-bg { 
    aspect-ratio: 1920 / 900 !important;
    height: auto !important;
  }
} */

@media (min-width: 1024px) and (max-width: 1600px) {
  .elementor-slides .swiper-slide-bg,
  .elementor-slides-wrapper .swiper-slide-bg {
    background-size: 100% 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }
}
/*  */
/* PERFECT PRODUCT ALIGNMENT */

.woocommerce ul.products{
    display:flex;
    flex-wrap:wrap;
}

.woocommerce ul.products li.product{
    display:flex !important;
}

.woocommerce ul.products li.product .product-inner{
    display:flex !important;
    flex-direction:column !important;
    width:100%;
}

.woocommerce ul.products li.product .woo-entry-inner{
    display:flex !important;
    flex-direction:column !important;
    flex-grow:1 !important;
}

/* SAME TITLE HEIGHT */
.woocommerce ul.products li.product li.title{
    min-height:0px !important;
}

/* REMOVE DESCRIPTION HEIGHT ISSUE */
.woocommerce ul.products li.product li.woo-desc{
    display:none !important;
}

/* PRICE SAME HEIGHT */
.woocommerce ul.products li.product li.price-wrap{
    min-height:0px !important;
}

/* BUTTON ALWAYS BOTTOM */
.woocommerce ul.products li.product li.btn-wrap{
    margin-top:auto !important;
}

/* ==========================================================================
   SINGLE PRODUCT — "You May Also Like" / Related products
   Matches the shop card palette. The astrozon-shop plugin scopes its --az-*
   colour vars to .az-shop, so we re-declare them here for the related section.
   ========================================================================== */
.woocommerce .related.products{
    --az-blue:#1577c7;
    --az-blue-700:#0f5fa3;
    --az-bright:#1e93e0;
    --az-card-border:#bfe2f7;
    --az-card-border-on:#8fc6ea;
    --az-card-bg:#f4fafe;
    --az-badge:#62b9ee;
    --az-ink:#25303b;
    --az-muted:#6c7682;
    margin-top:60px;
    padding-top:40px;
    border-top:1px solid #e4e8ec;
    clear:both;
}
.woocommerce .related.products > h2{
    font-family:"Oswald",Impact,"Arial Narrow",sans-serif;
    font-size:clamp(24px,3vw,32px);
    font-weight:700;
    text-align:left;
    letter-spacing:.3px;
    color:var(--az-ink);
    margin:0 0 30px;
    text-transform:none;
}
.woocommerce .related.products > h2::after{
    content:"";
    display:block;
    width:60px;height:3px;
    background:var(--az-blue);
    border-radius:2px;
    margin:12px 0 0;
}
/* Clean responsive grid (overrides OceanWP float/span columns) */
.woocommerce .related.products ul.products{
    display:grid !important;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
    margin:0 !important;
}
/* OceanWP's .clr clearfix injects ::before/::after — in a grid container these
   become stray empty cells that shove the cards out of alignment. Kill them. */
.woocommerce .related.products ul.products::before,
.woocommerce .related.products ul.products::after{
    content:none !important;
    display:none !important;
}
.woocommerce .related.products ul.products li.product{
    width:auto !important;
    margin:0 !important;
    float:none !important;
    padding:0 !important;
    list-style:none !important;
}
/* Card inner design — astrozon-shop scopes these to .az-shop and its CSS isn't
   loaded on single-product pages, so re-declare them here for equal-height,
   bottom-aligned cards in the related section. */
.woocommerce .related.products .az-card__inner{
    position:relative; height:100%; display:flex; flex-direction:column;
    background:var(--az-card-bg); border:1px solid var(--az-card-border); border-radius:8px;
    padding:14px; transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.woocommerce .related.products .az-card__inner:hover{
    border-color:var(--az-card-border-on); box-shadow:0 10px 24px rgba(21,119,199,.12); transform:translateY(-3px);
}
.woocommerce .related.products .az-card__badge{
    position:absolute; top:16px; left:16px; z-index:2; background:var(--az-badge); color:#fff;
    font-size:12px; font-weight:700; padding:3px 9px; border-radius:4px; line-height:1.2;
}
.woocommerce .related.products .az-card__media{
    display:block; background:#fff; border-radius:6px; overflow:hidden; aspect-ratio:1 / 1; margin:0;
}
.woocommerce .related.products .az-card__media img{
    width:100%; height:100%; object-fit:contain; display:block; margin:0;
}
.woocommerce .related.products .az-card__body{
    display:flex; flex-direction:column; flex:1 1 auto; padding-top:12px; text-align:center;
}
.woocommerce .related.products .az-card__cats{
    font-size:12px; font-style:italic; color:var(--az-muted); margin-bottom:6px; line-height:1.4;
}
.woocommerce .related.products .az-card__cats a{ color:var(--az-muted); text-decoration:none; }
.woocommerce .related.products .az-card__cats a:hover{ color:var(--az-blue); }
.woocommerce .related.products .az-card__title{
    font-size:14.5px; font-weight:600; line-height:1.35; margin:0 0 10px; color:var(--az-ink);
    min-height:40px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.woocommerce .related.products .az-card__title a{ color:inherit; text-decoration:none; }
.woocommerce .related.products .az-card__title a:hover{ color:var(--az-blue); }
.woocommerce .related.products .az-card__price{
    font-size:16px; font-weight:700; color:var(--az-blue); margin:4px 0 14px;
}
.woocommerce .related.products .az-card__price del{ color:var(--az-muted); font-weight:500; font-size:13px; margin-right:6px; }
.woocommerce .related.products .az-card__price del .amount{ color:var(--az-muted) !important; }
.woocommerce .related.products .az-card__price ins{ text-decoration:none; }
.woocommerce .related.products .az-card__cart{ margin-top:auto; }
/* Card button (no .az-shop ancestor in the related section, so style it here) */
.woocommerce .related.products .az-card__cart .button,
.woocommerce .related.products .az-card__cart a.button{
    display:block !important;
    width:100% !important;
    background:var(--az-blue) !important;
    color:#fff !important;
    border:1px solid var(--az-blue) !important;
    border-radius:8px !important;
    font-size:14px !important;
    font-weight:600 !important;
    letter-spacing:.2px;
    padding:11px 14px !important;
    text-align:center !important;
    text-transform:none !important;
    box-shadow:0 2px 6px rgba(21,119,199,.20);
    transition:background .2s ease, box-shadow .25s ease, border-color .2s ease !important;
}
.woocommerce .related.products .az-card__cart .button:hover,
.woocommerce .related.products .az-card__cart a.button:hover{
    background:var(--az-blue-700) !important;
    border-color:var(--az-blue-700) !important;
    box-shadow:0 8px 18px rgba(15,95,163,.32) !important;
}
@media(max-width:1024px){ .woocommerce .related.products ul.products{grid-template-columns:repeat(3,1fr)} }
@media(max-width:768px){
    .woocommerce .related.products ul.products{grid-template-columns:repeat(2,1fr);gap:18px}
    .woocommerce .related.products > h2{text-align:center}
    .woocommerce .related.products > h2::after{margin:12px auto 0}
}
@media(max-width:480px){ .woocommerce .related.products ul.products{grid-template-columns:repeat(2,1fr);gap:14px} }

/* --- Related cards (shop palette + subtle premium hover) --- */
.woocommerce .related.products .az-card__inner{
    position:relative;
    background:var(--az-card-bg) !important;
    border:1px solid var(--az-card-border) !important;
    border-radius:14px !important;
    padding:14px !important;
    box-shadow:0 1px 3px rgba(21,119,199,.05);
    overflow:hidden;
    transition:transform .28s cubic-bezier(.2,.7,.2,1), box-shadow .28s ease, border-color .28s ease;
}
/* gradient accent bar that sweeps across the top on hover */
.woocommerce .related.products .az-card__inner::after{
    content:"";
    position:absolute;left:0;top:0;height:3px;width:100%;
    background:linear-gradient(90deg,var(--az-blue),var(--az-bright));
    transform:scaleX(0);
    transform-origin:left;
    transition:transform .35s ease;
}
.woocommerce .related.products .az-card__inner:hover{
    transform:translateY(-7px);
    box-shadow:0 20px 42px rgba(21,119,199,.18);
    border-color:var(--az-card-border-on) !important;
}
.woocommerce .related.products .az-card__inner:hover::after{ transform:scaleX(1); }

.woocommerce .related.products .az-card__media{
    background:#fff;
    border-radius:10px;
    padding:12px;
    overflow:hidden;
}
.woocommerce .related.products .az-card__media img{
    transition:transform .5s cubic-bezier(.2,.7,.2,1);
}
.woocommerce .related.products .az-card__inner:hover .az-card__media img{ transform:scale(1.07); }

.woocommerce .related.products .az-card__badge{
    top:18px;left:18px;
    background:var(--az-badge) !important;
    color:#fff;
    border-radius:5px;
    padding:3px 9px;
    font-size:12px;
    letter-spacing:.2px;
    box-shadow:0 4px 10px rgba(21,119,199,.22);
}

.woocommerce .related.products .az-card__body{ padding-top:15px; }

.woocommerce .related.products .az-card__cats{
    font-style:normal;
    text-transform:uppercase;
    font-size:10.5px;
    font-weight:700;
    letter-spacing:.7px;
    color:var(--az-muted);
    margin-bottom:8px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    transition:color .25s ease;
}
.woocommerce .related.products .az-card__inner:hover .az-card__cats{ color:var(--az-blue); }

.woocommerce .related.products .az-card__title{
    font-size:14.5px;
    font-weight:600;
    line-height:1.4;
    min-height:40px;
    margin:0 0 8px;
    color:var(--az-ink);
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    transition:color .2s ease;
}
.woocommerce .related.products .az-card__inner:hover .az-card__title,
.woocommerce .related.products .az-card__inner:hover .az-card__title a{ color:var(--az-blue); }

.woocommerce .related.products .az-card__price{
    font-size:17px;
    font-weight:700;
    color:var(--az-blue);
    margin:2px 0 14px;
}