/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.1789011709
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
/* ==== RESKIN START ==== */
@import url('https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&family=Space+Grotesk:wght@400;500;700&display=swap');

:root{ --rs-bg:#140b22; --rs-panel:#1e1033; --rs-cy:#3fe0ff; --rs-mg:#ff3fa4;
       --rs-txt:#f2ecff; --rs-mut:#b3a4cc; }
body{ background:var(--rs-bg); color:var(--rs-txt);
  font-family:'Space Grotesk',system-ui,sans-serif; font-size:16.5px; line-height:1.7; }
h1,h2,h3,h4,.product-title,.entry-title{
  font-family:'Silkscreen',monospace !important; font-weight:700 !important;
  letter-spacing:.02em; line-height:1.25; color:var(--rs-cy) !important;
  text-shadow:2px 2px 0 var(--rs-mg); }
h1{ font-size:clamp(26px,3.4vw,46px) !important; }
h2{ font-size:clamp(20px,2.4vw,32px) !important; }
p,li{ color:var(--rs-mut); }
a{ color:var(--rs-cy); }

#header, .header-main, .header-bottom{ background:var(--rs-panel) !important; }
#header{ border-bottom:3px solid var(--rs-mg); box-shadow:none !important; }
.header-nav .nav > li > a, .nav > li > a{
  font-family:'Silkscreen',monospace !important; font-size:14px !important;
  letter-spacing:.06em; text-transform:uppercase; color:var(--rs-txt) !important; }
.nav > li > a:hover{ color:var(--rs-cy) !important; }

/* each card is a cabinet screen: hard border, no rounding, glow on hover */
.product-small.box{ background:var(--rs-panel) !important; border:3px solid var(--rs-cy) !important;
  border-radius:0 !important; box-shadow:6px 6px 0 var(--rs-mg) !important;
  padding-bottom:10px; transition:transform .12s, box-shadow .12s; }
.product-small.box:hover{ transform:translate(-3px,-3px);
  box-shadow:10px 10px 0 var(--rs-mg) !important; }
.product-small .box-image img{ object-fit:contain !important; aspect-ratio:1/1; padding:12px;
  background:#0d0618; }
.product-small .box-text{ text-align:center !important; padding:12px 10px 4px !important; }
.product-small .box-text .name.product-title a,
.product-small .woocommerce-loop-product__title{
  font-family:'Silkscreen',monospace !important; font-size:14px !important; line-height:1.5;
  color:var(--rs-txt) !important; text-transform:uppercase; }
.product-small .price, .product-small .price .amount{
  font-family:'Space Grotesk',sans-serif !important; font-size:16px !important;
  font-weight:700 !important; color:var(--rs-cy) !important; }
del .amount{ color:#7a6b93 !important; }

.button, button, input[type=submit], .single_add_to_cart_button{
  background:var(--rs-mg) !important; color:#140b22 !important; border:0 !important;
  border-radius:0 !important; font-family:'Silkscreen',monospace !important;
  font-size:14px !important; letter-spacing:.04em; text-transform:uppercase; }
.button:hover, .single_add_to_cart_button:hover{ background:var(--rs-cy) !important; }
.badge-container .badge-inner{ background:var(--rs-cy) !important; color:#140b22 !important;
  border-radius:0 !important; font-family:'Silkscreen',monospace !important; font-size:12.5px !important; }
.footer-wrapper, .footer, #footer{ background:var(--rs-panel) !important;
  border-top:3px solid var(--rs-cy); }

/* ==== RESKIN END ==== */
