/*
Theme Name: Elessi Theme Child
Theme URI: https://elessi.nasatheme.com
Description: This is a child theme for Elessi Theme
Author: NasaTheme team
Author URI: https://nasatheme.com
Template: elessi-theme
Version: 1.0
*/


/*************** ADD YOUR CUSTOM CSS IN THIS AREA ***************/
/* DIGITS in Elessi login popup – tidy buttons, spacing, and typography */
.nasa-popup .nasa-form-content .digits-form {
  --btn-h: 44px;
  --btn-radius: 9999px;      /* pill */
  --btn-font: 600;
  --gap: 10px;
}

/* All submit-like controls from Digits */
.nasa-popup .nasa-form-content .digits-form .dig_btn,
.nasa-popup .nasa-form-content .digits-form button[type="submit"],
.nasa-popup .nasa-form-content .digits-form input[type="submit"] {
  display: block;
  width: 100%;
  height: var(--btn-h);
  line-height: var(--btn-h);
  border-radius: var(--btn-radius);
  text-transform: none;      /* keep label readable */
  font-weight: var(--btn-font);
  letter-spacing: .2px;
  margin-top: var(--gap);
  border: 0;
  box-shadow: none;
  transition: transform .05s ease-in-out, opacity .15s ease-in-out;
}

/* Primary button style – match Elessi primary */
.nasa-popup .nasa-form-content .digits-form .dig_btn,
.nasa-popup .nasa-form-content .digits-form button[type="submit"],
.nasa-popup .nasa-form-content .digits-form input[type="submit"] {
  background: var(--nasa-color, #e84c3d);
  color: #fff;
}

/* Secondary button (if Digits renders two stacked actions) */
.nasa-popup .nasa-form-content .digits-form .dig_secondary,
.nasa-popup .nasa-form-content .digits-form .dig-btn-secondary {
  background: var(--nasa-border, #eee);
  color: var(--nasa-text, #333);
}

/* Hover/active */
.nasa-popup .nasa-form-content .digits-form .dig_btn:hover,
.nasa-popup .nasa-form-content .digits-form button[type="submit"]:hover,
.nasa-popup .nasa-form-content .digits-form input[type="submit"]:hover {
  opacity: .9;
}
.nasa-popup .nasa-form-content .digits-form .dig_btn:active,
.nasa-popup .nasa-form-content .digits-form button[type="submit"]:active,
.nasa-popup .nasa-form-content .digits-form input[type="submit"]:active {
  transform: translateY(1px);
}

/* Tighter field spacing + align helper links */
.nasa-popup .nasa-form-content .digits-form .dig_input,
.nasa-popup .nasa-form-content .digits-form .dig_row,
.nasa-popup .nasa-form-content .digits-form .form-group {
  margin-bottom: 10px;
}
.nasa-popup .nasa-form-content .digits-form .dig_lost_pass,
.nasa-popup .nasa-form-content .digits-form .dig_back_to_login,
.nasa-popup .nasa-form-content .digits-form .dig_alt_link {
  display: block;
  text-align: center;
  margin-top: 10px;
  font-size: 13px;
  opacity: .85;
}

/* Make sure buttons don’t inherit weird elementor/woo styles */
.nasa-popup .nasa-form-content .digits-form .dig_btn,
.nasa-popup .nasa-form-content .digits-form button,
.nasa-popup .nasa-form-content .digits-form input[type="submit"] {
  box-sizing: border-box;
}

/* Optional: if you want only ONE bold primary and the other outlined */
.nasa-popup .nasa-form-content .digits-form .dig_btn + .dig_btn {
  background: transparent;
  color: var(--nasa-color, #e84c3d);
  border: 1px solid currentColor;
}

/* ======================
   HEADER & GENERAL FIXES
   ====================== */
#masthead {
  padding: 10px 10px !important;
  z-index: 9999;
}
.nasa-in-mobile .header-icons { gap: 20px !important; }
.nasa-attr-bg {
  background-color: #f5f5f5 !important;
  border: 1px solid #5a4949 !important;
}
.nasa-share a i, .nasa-share a svg {
  height:18.5px; width:18.5px; opacity:1;
}
.product-info .single_variation_wrap { padding-top:0px !important; }
.ns-upper-ticket { font-size:15px; font-weight:600; }
.product-info .entry-title { font-weight:600 !important; font-size:26px; }
.price, .amount { font-weight:600 !important; }
.main-img img {
  position: relative; z-index: 1;
  border-radius: 15px 15px 0 0;
  padding:0px;
}
.nasa-product-content-nasa_label-wrap { display:none; }
.sale-label::before { content:"Save "; }

/* ======================
   PRODUCT GRID STYLING
   ====================== */
.products.grid li.product-warp-item {
  margin:5px; padding:0px !important; line-height:1.4;
  border:1px solid #d2d1d1; border-radius:15px;
  max-width:19%;
}
.product-item .info { position:relative; padding:10px 10px 0px 10px; }

/* Tablets (4 columns) */
@media (max-width:1024px){
  .products.grid li.product-warp-item { max-width:23%; }
}
/* Mobiles (2 columns) */
@media (max-width:768px){
  .products.grid li.product-warp-item {
    max-width:47%; padding:3px !important;
  }
}

/* ======================
   PRODUCT PAGE ELEMENTS
   ====================== */
.page-no-sidebar .entry-image img,
.blog-image-attachment,
.nasa-product-details-page .product-gallery .main-images .slick-slide img {
  border-radius:9px;
}
.dig_pgmdl_2 .button[type=submit],
.dig_pgmdl_2 .transupbutton[type=submit] {
  padding:10px;
}
.woocommerce-table--order-details .wc-item-meta {
  margin-top:5px; margin-bottom:0px;
  font-size:14px; color:#000;
}
.single-product li.nasa-size-guide { display:none !important; }
.order-steps { display:none; }

/* ======================
   CATEGORY CAROUSEL (pure category rows only)
   ====================== */

/* Turn UL into horizontal scroll ONLY if pure category list */
.nasa-content-page-products ul.products.grid
  :is(:has(> li.product-category))
  :not(
    :has(> li.product:not(.product-category)),
    :has(> li.nasa-cta),
    :has(> li.nasa-promo),
    :has(> li.nasa-banner)
  ) {
  display:flex !important;
  flex-wrap:nowrap !important;
  overflow-x:auto !important;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  gap:10px;
  padding: 5px;
  margin:0;
}

/* Category tiles inside carousel */
.nasa-content-page-products ul.products.grid
  :is(:has(> li.product-category))
  :not(
    :has(> li.product:not(.product-category)),
    :has(> li.nasa-cta),
    :has(> li.nasa-promo),
    :has(> li.nasa-banner)
  )
  > li.product-category {
  flex:0 0 auto !important;
  width:140px !important; max-width:140px !important;
  text-align:center; border:none !important;
  background:none !important; scroll-snap-align:center;
}

/* Circular thumbnails */
.nasa-content-page-products ul.products.grid
  :is(:has(> li.product-category))
  :not(
    :has(> li.product:not(.product-category)),
    :has(> li.nasa-cta),
    :has(> li.nasa-promo),
    :has(> li.nasa-banner)
  )
  > li.product-category img {
  width:120px; height:120px; border-radius:50%;
  object-fit:cover; display:block; margin:0 auto 8px;
  border:2px solid #eee; transition:transform .25s ease;
}
.nasa-content-page-products ul.products.grid
  :is(:has(> li.product-category))
  :not(
    :has(> li.product:not(.product-category)),
    :has(> li.nasa-cta),
    :has(> li.nasa-promo),
    :has(> li.nasa-banner)
  )
  > li.product-category img:hover { transform:scale(1.05); }

/* Titles (hide counts) */
.nasa-content-page-products ul.products.grid
  :is(:has(> li.product-category))
  :not(
    :has(> li.product:not(.product-category)),
    :has(> li.nasa-cta),
    :has(> li.nasa-promo),
    :has(> li.nasa-banner)
  )
  > li.product-category h2.woocommerce-loop-category__title {
  font-size:14px; font-weight:600; margin-top:6px;
  color:#333; text-align:center;
}
.nasa-content-page-products ul.products.grid
  :is(:has(> li.product-category))
  :not(
    :has(> li.product:not(.product-category)),
    :has(> li.nasa-cta),
    :has(> li.nasa-promo),
    :has(> li.nasa-banner)
  )
  > li.product-category .count { display:none !important; }

/* Hide scrollbar (WebKit) */
.nasa-content-page-products ul.products.grid
  :is(:has(> li.product-category))
  :not(
    :has(> li.product:not(.product-category)),
    :has(> li.nasa-cta),
    :has(> li.nasa-promo),
    :has(> li.nasa-banner)
  )::-webkit-scrollbar { display:none; }

/* ======================
   FALLBACK: .ff-cat-carousel class
   (JS can add this for old browsers w/o :has)
   ====================== */
ul.products.grid.ff-cat-carousel {
  display:flex !important; flex-wrap:nowrap !important;
  overflow-x:auto !important; overflow-y:hidden;
  scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch;
  gap:20px; padding:10px 0; margin:0;
}
ul.products.grid.ff-cat-carousel > li.product-category {
  flex:0 0 auto !important;
  width:140px !important; max-width:140px !important;
  text-align:center; border:none !important;
  background:none !important; scroll-snap-align:center;
}
ul.products.grid.ff-cat-carousel > li.product-category img {
  width:120px; height:120px; border-radius:50%;
  object-fit:cover; display:block; margin:0 auto 8px;
  border:2px solid #eee; transition:transform .25s ease;
}
ul.products.grid.ff-cat-carousel > li.product-category img:hover { transform:scale(1.05); }
ul.products.grid.ff-cat-carousel > li.product-category h2.woocommerce-loop-category__title {
  font-size:14px; font-weight:600; margin-top:6px;
  color:#333; text-align:center;
}
ul.products.grid.ff-cat-carousel > li.product-category .count { display:none !important; }
ul.products.grid.ff-cat-carousel::-webkit-scrollbar { display:none; }
/* ===== CATEGORY CAROUSEL — clean markers & spacing ===== */

/* kill default list bullets/markers anywhere in the Woo products UL */
ul.products.grid,
ul.products.grid li {
  list-style: none !important;
}
ul.products.grid li::marker { content: '' !important; }

/* some themes inject decorative bullets via ::before — nuke them for cat tiles */
ul.products.grid.ff-cat-carousel > li.product-category::before {
  content: none !important;
}

/* spacing for the horizontal row */
ul.products.grid.ff-cat-carousel {
  gap: 16px;            /* space between circles */
  padding: 8px 6px;     /* less vertical padding */
}

/* base tile size (desktop/tablet) */
ul.products.grid.ff-cat-carousel > li.product-category {
  flex: 0 0 auto !important;
  width: 128px !important;
  max-width: 128px !important;
  text-align: center;
  border: none !important;
  background: none !important;
}
ul.products.grid.ff-cat-carousel > li.product-category img {
  width: 108px;
  height: 108px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  margin: 0 auto 8px;
  border: 2px solid #eee;
}

/* label under each circle */
ul.products.grid.ff-cat-carousel > li.product-category h2.woocommerce-loop-category__title {
  font-size: 13px;
  font-weight: 600;
  margin-top: 4px;
  color: #333;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* hide the (xx items) count */
ul.products.grid.ff-cat-carousel > li.product-category .count { display: none !important; }

/* ----- Mobile tweaks: show more than 2 at a time ----- */
@media (max-width: 480px) {
  ul.products.grid.ff-cat-carousel { gap: 5px; padding: 6px 4px; }
  ul.products.grid.ff-cat-carousel > li.product-category {
    width: 100px !important;
    max-width: 100px !important;
  }
  ul.products.grid.ff-cat-carousel > li.product-category img {
    width: 88px; height: 88px;
  }
  ul.products.grid.ff-cat-carousel > li.product-category h2.woocommerce-loop-category__title {
    font-size: 12px;
  }
}
	/* 1) Remove bullets/dots for the product list everywhere */
.nasa-content-page-products ul.products,
.nasa-content-page-products ul.products li {
  list-style: none !important;
}
.nasa-content-page-products ul.products li::marker { content: "" !important; }

/* --- kill container/UL padding that creates a right gutter --- */
.nasa-content-page-products { 
  padding-right: 0 !important;
}

.nasa-content-page-products ul.products.grid {
  margin-right: 0 !important;
  padding-right: 0 !important;
}

/* Our carousel row: keep a little left spacing, none on the right */
ul.products.grid.ff-cat-carousel {
  /* if you prefer no padding at all, change to padding: 0 !important; */
  padding-left: 6px !important;
  padding-right: 0 !important;
}

/* remove any li margins that push content wider than the scroll area */
ul.products.grid.ff-cat-carousel > li {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

/* if your theme adds inner padding to product tiles, zero it for categories */
ul.products.grid.ff-cat-carousel > li.product-category .nasa-product-content,
ul.products.grid.ff-cat-carousel > li.product-category .product-inner,
ul.products.grid.ff-cat-carousel > li.product-category a {
  padding-right: 0 !important;
}

/* optional: slightly reduce the inter-item gap so the row ends closer to the edge */
ul.products.grid.ff-cat-carousel { gap: 14px; }

/* mobile tweak too */
@media (max-width: 480px){
  .nasa-content-page-products { padding-right: 0 !important; }
  .nasa-content-page-products ul.products.grid { padding-right: 0 !important; }
  ul.products.grid.ff-cat-carousel { padding-left: 4px !important; gap: 12px; }
}
	.nasa-content-page-products .products.grid.ff-cat-carousel,
.nasa-content-page-products .products.grid.ff-cat-carousel > li {
  box-sizing: border-box;
  border: 0 !important;
}
	/* Archive Load More button style with SVG */
#nasa-wrap-archive-loadmore .nasa-archive-loadmore {
  display: inline-flex;            /* allow text + icon */
  align-items: center;             /* vertical center */
  justify-content: center;
  gap: 8px;                        /* space between icon + text */
  padding: 6px 16px;               /* smaller padding */
  background-color: #c90035;       /* brand red */
  color: #fff !important;
  border: none;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;           /* remove underline */
  transition: background-color 0.3s ease;
}

/* Add white SVG icon before the text */
#nasa-wrap-archive-loadmore .nasa-archive-loadmore::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 30 512 512" fill="white"><path d="M276 467c0 8 6 21-2 23l-26 0c-128-7-230-143-174-284 5-13 13-23 16-36-18 0-41 23-54 5 5-15 25-18 41-23 15-5 36-7 48-15-2 10 23 95 6 100-21 5-13-39-18-57-8-5-8 8-11 13-71 126 29 297 174 274z m44 13c-8 0-10 5-20 3 0-6-3-13-3-18 5-3 13-3 18-5 2 7 5 15 5 20z m38-18c-5 3-10 8-18 10-2-7-5-12-7-18 5-2 10-7 18-7 2 5 7 7 7 15z m34-31c0-33-18-71-5-99 23 2 12 38 17 58 90-117-7-314-163-289 0-8-3-10-3-20 131-5 233 84 220 225-2 36-20 66-30 92 12 0 51-26 53-2 3 17-82 28-89 35z m-233-325c5-2 13-5 18-10 0 8 5 10 7 18-5 2-10 8-18 8 0-8-7-8-7-16z m38-18c8 0 10-5 21-5 0 5 2 13 2 18-5 3-13 3-18 5 0-5-5-10-5-18z"></path></svg>') no-repeat center center;
  background-size: contain;
}

/* Hover state */
#nasa-wrap-archive-loadmore .nasa-archive-loadmore:hover {
  background-color: #a6002b;
  color: #fff !important;
}