/* ==========================================
   CODEK STORE - HYBRID EMPIRE
   The Empire Gems & Digital Codes
========================================== */

:root {
  --ck-dark: #091326;
  --ck-navy: #10213e;
  --ck-blue: #087bff;
  --ck-cyan: #38caff;
  --ck-light: #edf4ff;
  --ck-white: #ffffff;
  --ck-text: #172744;
  --ck-muted: #a8b7cc;
  --ck-border: rgba(56,202,255,.2);
  --ck-radius: 18px;
}

/* PAGE */
body {
  background: #edf2fa !important;
  color: var(--ck-text) !important;
}

/* HEADER */
.s-header {
  background: #091326 !important;
  border-bottom: 1px solid var(--ck-border) !important;
  box-shadow: 0 5px 20px rgba(0,0,0,.12);
}

.s-header a,
.s-header button {
  color: #fff !important;
}

/* NAVBAR */
.s-navbar {
  background: #10213e !important;
  border-bottom: 1px solid var(--ck-border);
}

.s-navbar a {
  color: #eaf4ff !important;
  font-weight: 700 !important;
}

/* SECTION HEADINGS */
.s-block__title h2 {
  color: #10213e !important;
  font-weight: 900 !important;
}

.s-block__title h2::after {
  content: "";
  display: block;
  width: 45px;
  height: 3px;
  margin-top: 9px;
  border-radius: 10px;
  background: linear-gradient(
    90deg,
    #087bff,
    #38caff
  );
}

/* PRODUCT CARDS */
.s-product-card-entry {
  background: linear-gradient(
    145deg,
    #142846,
    #0d192d
  ) !important;
  border: 1px solid rgba(56,202,255,.2) !important;
  border-radius: var(--ck-radius) !important;
  overflow: hidden !important;
  box-shadow: 0 8px 24px rgba(9,19,38,.12);
  transition: .3s ease !important;
}

.s-product-card-entry:hover {
  transform: translateY(-4px);
  border-color: #38caff !important;
  box-shadow: 0 12px 28px rgba(8,123,255,.2);
}

/* PRODUCT IMAGES */
.s-product-card-image {
  background: radial-gradient(
    circle,
    #244875,
    #10213e
  ) !important;
  overflow: hidden;
}

.s-product-card-image img {
  transition: transform .35s ease;
}

.s-product-card-entry:hover img {
  transform: scale(1.04);
}

/* PRODUCT NAME */
.s-product-card-content-title,
.s-product-card-content-title a {
  color: #fff !important;
  font-weight: 800 !important;
}

/* PRODUCT PRICE */
.s-product-card-price {
  color: #38caff !important;
  font-weight: 900 !important;
  font-size: 17px !important;
}

.s-product-card-price-before {
  color: #a3b4ca !important;
}

/* ADD TO CART */
.s-product-card-add-to-cart .s-button-element {
  background: linear-gradient(
    110deg,
    #0755c8,
    #087bff,
    #38caff
  ) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 12px !important;
  font-weight: 900 !important;
  box-shadow: 0 5px 16px rgba(8,123,255,.22);
  transition: .25s ease;
}

.s-product-card-add-to-cart .s-button-element:hover {
  filter: brightness(1.15);
}

/* DISCOUNT BADGE */
.s-product-card-sale-badge {
  background: linear-gradient(
    120deg,
    #087bff,
    #38caff
  ) !important;
  color: #fff !important;
  border-radius: 30px !important;
  font-weight: 900 !important;
}

/* CATEGORY CARDS */
.s-category-card {
  background: #fff !important;
  border: 1px solid #e3eaf5 !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 5px 18px rgba(16,33,62,.06);
  transition: .25s ease;
}

.s-category-card:hover {
  transform: translateY(-3px);
  border-color: #087bff !important;
}

/* CATEGORY TITLES */
.s-category-card h3,
.s-category-card a {
  color: #10213e !important;
  font-weight: 800 !important;
}

/* BUTTONS */
.s-button-element {
  border-radius: 12px !important;
}

/* PRODUCT DETAILS */
.product-price {
  color: #38caff !important;
  font-weight: 900 !important;
}

/* INPUTS */
input,
textarea,
select {
  background: #fff !important;
  color: #172744 !important;
  border: 1px solid #dce5f2 !important;
  border-radius: 12px !important;
}

/* FOOTER */
.s-footer {
  background: #091326 !important;
  color: #fff !important;
  border-top: 1px solid var(--ck-border);
}

.s-footer a {
  color: #c5e6ff !important;
}

/* MOBILE */
@media (max-width: 768px) {

  .s-product-card-entry {
    border-radius: 15px !important;
  }

  .s-product-card-content {
    padding: 11px !important;
  }

  .s-product-card-content-title {
    font-size: 13px !important;
    line-height: 1.7 !important;
  }

  .s-product-card-price {
    font-size: 15px !important;
  }

  .s-block__title h2 {
    font-size: 19px !important;
  }

  .s-block {
    margin-bottom: 25px !important;
  }

}

/* END CODEK HYBRID EMPIRE */