/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 26 2025 | 16:40:55 */
/* ——— FOUNDATION STYLES (safe: no column/layout changes) ——— */

/* Brand tokens */
:root{
  --brand:#ff6b3d;   /* orange */
  --brand-2:#96B416; /* green */
  --ink:#111;        /* dark text */
}

/* 1) Single product: keep content below sticky header + hide big page title bar */
.single-product .main-page-wrapper{ padding-top:120px; }
.single-product :is(h1,h2,h3,h4,h5,h6,[id]){ scroll-margin-top:140px; }
.single-product .page-heading,
.single-product .page-title,
.single-product .etheme-page-title,
.single-product .page-header,
.single-product .breadcrumbs-type-2{ display:none !important; }

/* 2) (Optional) Hide prices for free designs — keep if you want them hidden */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price{ display:none !important; }

/* 3) Product cards: rounded + soft shadow (NO padding here, so rows stay stable) */
ul.products li.product{
  background:#fff;
  border-radius:18px;
  overflow:hidden;                           /* rounds the image corners too */
  box-shadow:0 6px 18px rgba(0,0,0,.08);
  transition:transform .18s ease, box-shadow .18s ease;
}
ul.products li.product:hover{
  transform:translateY(-4px);
  box-shadow:0 10px 24px rgba(0,0,0,.14);
}

/* 4) Image polish */
ul.products li.product a.woocommerce-LoopProduct-link{ display:block; }
ul.products li.product a.woocommerce-LoopProduct-link img{
  display:block; width:100%;
  transition:transform .25s ease, box-shadow .25s ease;
}
ul.products li.product:hover a.woocommerce-LoopProduct-link img{ transform:scale(1.035); }

/* 5) Titles: clean, dark; green on hover (no green underline bars anywhere) */
h1::after, h2::after, h3::after,
.elementor .elementor-heading-title::after{ content:none !important; display:none !important; }
.products .product .product-title,
.products .product .product-title a{ color:var(--ink) !important; }
.products .product .product-title a:hover{ color:var(--brand-2) !important; }

/* 6) Buttons: premium orange gradient (loop + single + custom download) */
.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product .button,
.woocommerce a.button, .woocommerce button.button,
.woocommerce a.button.alt, .woocommerce button.button.alt,
.lj-download-btn, .lj2-dl-btn{
  background:linear-gradient(135deg,var(--brand),#ffb43d) !important;
  color:#fff !important; border:0 !important; border-radius:999px !important;
  padding:.65em 1.15em !important; font-weight:800 !important; letter-spacing:.02em;
  box-shadow:0 6px 16px rgba(255,107,61,.35) !important;
  transition:transform .15s ease, box-shadow .15s ease, filter .15s ease !important;
}
.woocommerce ul.products li.product a.button:hover,
.woocommerce ul.products li.product .button:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover,
.lj-download-btn:hover, .lj2-dl-btn:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 10px 24px rgba(255,107,61,.45) !important;
  filter:saturate(1.05) !important;
}

/* 7) Pagination: centered, pill style */
.woocommerce nav.woocommerce-pagination ul{
  display:flex; gap:8px; justify-content:center;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
  min-width:42px; padding:8px 12px; text-align:center; border-radius:999px;
  border:1px solid #e8e3da;
}
.woocommerce nav.woocommerce-pagination ul li span.current{
  background:linear-gradient(135deg,var(--brand),#ffb43d); color:#fff; border-color:transparent;
  box-shadow:0 6px 16px rgba(255,107,61,.35); font-weight:800;
}

/* 8) “Other designs” list look (only when that section is wrapped with .other-designs-list) */
.other-designs-list ul.products{ margin:0; }
.other-designs-list ul.products li.product{
  display:flex; align-items:center; gap:18px;
  background:#eef6ff; border-radius:14px; padding:16px;
  box-shadow:0 2px 10px rgba(0,0,0,.04);
}
.other-designs-list ul.products li.product .woocommerce-LoopProduct-link{ display:block; flex:1 1 auto; }
.other-designs-list ul.products li.product .woocommerce-LoopProduct-link img{
  width:140px !important; height:auto; object-fit:contain;
}
.other-designs-list .lj2-dl-wrap{ margin-left:auto; display:flex; align-items:center; gap:10px; }
/* FREE DOWNLOAD chip above product titles — outline style (not like the buttons) */
.products .product .product-title::before{
  content:"FREE DOWNLOAD";
  display:inline-block;
  margin-bottom:8px;
  background:transparent !important;
  color:#96B416 !important;            /* your brand green */
  border:2px solid #96B416 !important; /* outline only */
  padding:3px 8px;
  border-radius:999px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.06em;
  box-shadow:none !important;
}
/* 1) Subtle image frame + soft shadow (on the thumbnail only) */
ul.products li.product a.woocommerce-LoopProduct-link{ display:block; }
ul.products li.product a.woocommerce-LoopProduct-link img{
  border-radius:12px !important;
  background:#fff;                     /* faint frame */
  padding:6px;                         /* thin mat */
  box-shadow:0 8px 18px rgba(0,0,0,.08);   /* soft shadow */
  transition:transform .25s ease, box-shadow .25s ease !important;
}
ul.products li.product:hover a.woocommerce-LoopProduct-link img{
  transform:scale(1.02) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.12);
}

/* 2) Title hierarchy: a touch bigger + tighter */
.products .product .product-title{
  font-weight:800 !important;
  font-size:1.05rem !important;
  line-height:1.2 !important;
  margin-top:10px !important;
  margin-bottom:6px !important;
}

/* 3) Tiny spacing under the title before the button/counter */
.products .product .product-title + *{ margin-top:6px !important; }
/* 0) Kill any theme underline/line effects on headings (homepage only) */
.home .elementor .elementor-widget-heading .elementor-heading-title::after,
.home .wp-block-heading::after,
.home .entry-content > h2::after,
.home .entry-content > h3::after { content:none !important; display:none !important; }
/* Hide any leftover chips that JS may have inserted */
/* Solid green badge above each product grid on the homepage only */
.home ul.products{
  position: relative;
  margin-top: 12px; /* small space before the badge */
}
.home ul.products::before{
  content: "LATEST DESIGNS — NEW ONES EVERY WEEK";
  display: inline-block;
  margin: 0 0 10px 0;
  padding: 6px 10px;
  border-radius: 999px;   /* pill */
  background: #96B416;    /* solid green to match FREE DOWNLOAD */
  color: #fff;
  font-weight: 800;
  letter-spacing: .06em;
  font-size: 11px;
}

/* Safety: make sure no old JS-inserted chips show anywhere */
.lj-sec-chip{ display:none !important; }
/* Solid/gradient section badge (chip) */
.section-badge{
  display:inline-block;
  margin:0 0 10px 0;
  padding:6px 10px;
  border-radius:999px;              /* pill */
  background:#96B416;               /* solid green (matches FREE DOWNLOAD) */
  color:#fff;
  font-weight:800;
  letter-spacing:.06em;
  font-size:11px;
}
.section-badge--gradient{ background:linear-gradient(135deg,#ff6b3d,#ffb43d); }
.section-badge--square{ border-radius:8px; }  /* rounded square option */

