/* Bridge: component .cshop layout + Fusion theme tokens */
.cshop {
  --c-accent: var(--link-color, #4f46e5);
  --c-accent-2: var(--link-color-lighten, #7c3aed);
  --c-accent-soft: var(--link-color-light, rgba(79, 70, 229, 0.08));
}
.cshop-modules {
  margin: 0 0 1rem;
}
.cshop-modules:empty {
  display: none;
}
.cshop-product-side .cshop-modules {
  margin-bottom: 1rem;
}

/* Main content under shop-top modules */
.cshop {
  position: relative;
}
.cshop-main {
  width: 151%;
  position: absolute;
  z-index: 20;
  background-color: #011110;
}

/* Product page: keep media + sidebar in one row */
.cshop-product-top {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 1.5rem;
}
.cshop-product-media {
  flex: 1 1 auto;
  min-width: 0;
}
.cshop-product-side {
  flex: 0 0 300px;
  width: 300px;
  max-width: 100%;
}
@media (max-width: 768px) {
  .cshop-product-top {
    flex-wrap: wrap;
  }
  .cshop-product-side {
    flex: 1 1 100%;
    width: 100%;
  }
}


/* Joomla version tags */
.cshop-tag--joomla {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  background: #eef2ff;
  color: #1d4ed8;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 700;
}
.cshop-tag--joomla .cshop-jicon { flex-shrink: 0; display: block; }
.cshop-tag--j1 { background: #f1f5f9; color: #475569; }
.cshop-tag--j2 { background: #ecfeff; color: #0e7490; }
.cshop-tag--j3 { background: #e0f2fe; color: #0369a1; }
.cshop-tag--j4 { background: #eef2ff; color: #4338ca; }
.cshop-tag--j5 { background: #ede9fe; color: #6d28d9; }
.cshop-tag--j6 { background: #fce7f3; color: #be185d; }


/* Checkout inputs: black text and border */
.cshop .cshop-field input[type="text"],
.cshop .cshop-field input[type="email"],
.cshop .cshop-field input[type="tel"],
.cshop .cshop-field input[type="number"],
.cshop .cshop-field input[type="password"],
.cshop .cshop-field textarea,
.cshop .cshop-field select,
.cshop input[type="text"],
.cshop input[type="email"],
.cshop input[type="tel"],
.cshop input[type="number"],
.cshop input[type="password"],
.cshop textarea,
.cshop select {
  color: #000 !important;
  border: 1px solid #000 !important;
  background: #fff !important;
  -webkit-text-fill-color: #000;
  caret-color: #000;
}
.cshop .cshop-field input:focus,
.cshop .cshop-field textarea:focus,
.cshop .cshop-field select:focus {
  border-color: #000 !important;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.15);
  color: #000 !important;
}