/* =====================================
   ATLANTEX WEB STYLE — CHECKOUT
   С динамичен фон + glassmorphism
   ===================================== */

/* === BACKGROUND === */
body, #g-container, .hikashop_checkout_page {
  background: linear-gradient(-45deg, #0d0f24, #120033, #220044, #0b001a);
  background-size: 400% 400%;
  animation: bgMove 25s ease infinite;
  font-family: 'Segoe UI', Roboto, sans-serif;
  color: #e0e3f8;
  margin: 0;
  padding: 0;
}
@keyframes bgMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* === OPTIONAL PARTICLES === */
body::before {
  content: "";
  position: fixed;
  top:0; left:0; right:0; bottom:0;
  background: url("https://www.transparenttextures.com/patterns/stardust.png");
  opacity: 0.12;
  z-index: 0;
  animation: stars 60s linear infinite;
}
@keyframes stars {
  from { background-position: 0 0; }
  to { background-position: 1000px 1000px; }
}

/* === PANELS === */
.hikashop_checkout_page fieldset,
.hikashop_cart,
#hikashop_checkout {
  background: rgba(20, 22, 45, 0.6);
  border: 1px solid rgba(200,75,255,0.35);
  border-radius: 20px;
  box-shadow: 0 12px 40px rgba(0,0,0,0.55);
  padding: 28px;
  margin: 25px auto;
  max-width: 1200px;
  backdrop-filter: blur(16px);
  animation: fadeIn 1s ease forwards;
  position: relative;
  z-index: 1;
}
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(30px); }
  to { opacity: 1; transform: translateY(0); }
}

/* === TITLES === */
.hikashop_checkout_page h1,
.hikashop_checkout_page h2,
.hikashop_cart h1,
.hikashop_cart h2 {
  font-size: 2rem;
  font-weight: 900;
  background: linear-gradient(135deg, #c84bff, #7cf4ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  margin-bottom: 20px;
  text-align: center;
  letter-spacing: 1px;
}

/* === INPUTS === */
input[type="text"], input[type="password"], input[type="email"], 
input[type="number"], textarea, select {
  width: 100%;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(200,75,255,.35);
  background: rgba(10,10,25,0.75);
  color: #e0e3f8;
  transition: border .3s, box-shadow .3s;
}
input:focus, textarea:focus, select:focus {
  border-color: #7cf4ff;
  box-shadow: 0 0 20px rgba(124, 244, 255, 0.45);
  outline: none;
}

/* === BUTTONS === */
button, input[type="submit"], .hikashop_cart input[type="button"] {
  background: linear-gradient(135deg, #c84bff, #7cf4ff);
  border: none;
  color: #0b0d1f;
  padding: 14px 24px;
  border-radius: 14px;
  font-weight: 900;
  font-size: 1rem;
  text-transform: uppercase;
  cursor: pointer;
  transition: transform .2s, box-shadow .2s;
  position: relative;
  z-index: 2;
}
button:hover, input[type="submit"]:hover, .hikashop_cart input[type="button"]:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 10px 25px rgba(200,75,255,0.6), 
              0 0 20px rgba(124,244,255,0.4);
}

/* === TABLE === */
.hikashop_cart table {
  width: 100%;
  border-collapse: collapse;
  border-radius: 16px;
  overflow: hidden;
}
.hikashop_cart th {
  background: rgba(200, 75, 255, 0.15);
  color: #7cf4ff;
  padding: 14px;
  text-transform: uppercase;
}
.hikashop_cart td {
  background: rgba(20, 22, 45, 0.7);
  padding: 14px;
  text-align: center;
  transition: background 0.3s ease;
}
.hikashop_cart tr:hover td {
  background: rgba(200,75,255,0.25);
}

/* === ERRORS === */
.hikashop_cart_error, .hikashop_checkout_error {
  background: rgba(255, 80, 100, 0.15);
  border: 1px solid rgba(255, 80, 100, 0.35);
  color: #ff6b6b;
  font-weight: 700;
  padding: 14px;
  border-radius: 14px;
  text-align: center;
}