/** Shopify CDN: Minification failed

Line 23:0 All "@import" rules must come first

**/
/* =========================================================
   DREWZYHD GLOBAL THEME — dark background, electric blue accent
   Reskins default Dawn markup site-wide (search, account, forms,
   404, blog, policies, etc.) so pages without a custom DrewzyHD
   section still match the brand.
   ========================================================= */

:root{
  --dz-bg: #0A0B10;
  --dz-panel: #12141D;
  --dz-line: #1F2330;
  --dz-blue: #3DDBFF;
  --dz-blue-deep: #1E6FEB;
  --dz-text: #F2F5FA;
  --dz-muted: #8B93A7;
}

@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@500;700;900&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap');

/* ---- Base ---- */
html, body{
  background-color: var(--dz-bg) !important;
  color: var(--dz-text) !important;
  font-family: 'Inter', sans-serif !important;
}
main#MainContent, .shopify-section{ background-color: var(--dz-bg); }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
  font-family: 'Unbounded', sans-serif !important;
  letter-spacing: -0.01em;
  color: var(--dz-text);
}
a{ color: var(--dz-blue); transition: color .2s ease; }
a:hover{ color: var(--dz-blue-deep); }
::selection{ background: var(--dz-blue); color: #04121A; }
hr, .divider{ border-color: var(--dz-line) !important; }

/* ---- Buttons (any not covered by a custom DrewzyHD section) ---- */
.button, button.button, a.button, .shopify-payment-button__button,
input[type="submit"], .btn{
  background-color: var(--dz-blue) !important;
  color: #04121A !important;
  border: none !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  transition: transform .15s ease, box-shadow .2s ease !important;
}
.button:hover, button.button:hover, a.button:hover, input[type="submit"]:hover{
  transform: translateY(-2px);
  box-shadow: 0 8px 30px rgba(61,219,255,.35) !important;
}
.button--secondary, .button--tertiary{
  background-color: transparent !important;
  color: var(--dz-text) !important;
  border: 1px solid var(--dz-line) !important;
}
.button--secondary:hover, .button--tertiary:hover{
  border-color: var(--dz-blue) !important;
  color: var(--dz-blue) !important;
  box-shadow: none !important;
}

/* ---- Forms & inputs (search, account, contact, newsletter) ---- */
input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
textarea, select{
  background-color: var(--dz-panel) !important;
  border: 1px solid var(--dz-line) !important;
  color: var(--dz-text) !important;
  border-radius: 8px !important;
}
input::placeholder, textarea::placeholder{ color: var(--dz-muted) !important; }
input:focus, textarea:focus, select:focus{
  border-color: var(--dz-blue) !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(61,219,255,.2) !important;
}
label{ color: var(--dz-muted) !important; }
fieldset{ border-color: var(--dz-line) !important; }

/* ---- Cards / products (fallback for default Dawn product cards) ---- */
.card, .card-wrapper{
  background-color: var(--dz-panel) !important;
  border: 1px solid var(--dz-line) !important;
  border-radius: 14px !important;
  transition: border-color .25s ease, transform .25s ease, box-shadow .25s ease !important;
}
.card:hover, .card-wrapper:hover{
  border-color: var(--dz-blue) !important;
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(0,0,0,.4), 0 0 24px rgba(61,219,255,.12) !important;
}
.card__information, .card__heading, .card__content{ color: var(--dz-text) !important; }
.price, .price__regular, .price-item{ color: var(--dz-blue) !important; font-family: 'JetBrains Mono', monospace !important; }
.price__sale .price-item--regular{ color: var(--dz-muted) !important; text-decoration: line-through; }
.badge{ background: var(--dz-panel) !important; color: var(--dz-blue) !important; border: 1px solid var(--dz-line) !important; }

/* ---- Footer (fallback if DrewzyHD Footer isn't applied to every template) ---- */
.footer{
  background-color: var(--dz-bg) !important;
  border-top: 1px solid var(--dz-line) !important;
}
.footer-block__heading{ color: var(--dz-muted) !important; font-family: 'JetBrains Mono', monospace !important; }
.footer-block a{ color: var(--dz-text) !important; }
.footer-block a:hover{ color: var(--dz-blue) !important; }

/* ---- Pagination, breadcrumbs ---- */
.pagination, .breadcrumb{ color: var(--dz-muted) !important; }
.pagination a, .breadcrumb a{ color: var(--dz-text) !important; }
.pagination a:hover, .breadcrumb a:hover{ color: var(--dz-blue) !important; }
.pagination__item--current{ color: var(--dz-blue) !important; }

/* ---- Search / empty states / 404 ---- */
.template-404 .title, .search__title{ color: var(--dz-text) !important; }
.predictive-search, .search-modal{
  background-color: var(--dz-panel) !important;
  border: 1px solid var(--dz-line) !important;
}

/* ---- Account pages ---- */
.account, .customer{
  background-color: var(--dz-bg) !important;
  color: var(--dz-text) !important;
}
table{ color: var(--dz-text) !important; }
table th, table td{ border-color: var(--dz-line) !important; }

/* ---- Modals / drawers native to Dawn (search, filter) ---- */
.modal__content, dialog, .drawer{
  background-color: var(--dz-panel) !important;
  border-color: var(--dz-line) !important;
}
