/* theme-blend.css - makes payment page blend with site theme while keeping content readable */
:root{
  --primary: #0b6b6b;
  --primary-2: #0ea5a4;
  --card-bg: rgba(255,255,255,0.96);
  --muted: #6b7280;
}

html.dark-theme, html.dark-theme body, body{
  margin:0;
  padding:0;
  font-family: 'Montserrat', Arial, sans-serif;
  background: linear-gradient(180deg,#061526 0%, #0b3245 60%, #071b2a 100%);
  color: #e6eef6;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* Main container card adjustments for contrast & readability */
.container.card.card-border-color.card-border-color-primary{
  background: var(--card-bg) !important;
  color: #052235;
  border-radius: 12px;
  padding: 28px;
  box-shadow: 0 12px 30px rgba(2,6,23,0.6);
  border: 1px solid rgba(3,7,18,0.08);
}

.info-card{
  margin-top: 8px;
}

/* Form elements */
.form-control{
  border-radius: 8px;
  border: 1px solid #d1d5db;
  padding: 10px 12px;
  background: #fff;
  color: #072235;
}

label.control-label{
  color: #052235;
  font-weight:600;
}

.remarks span, .remarks{
  color: #334155;
  line-height:1.5;
}

/* Buttons */
.submit-btn, .btn-secondary{
  background: linear-gradient(90deg,var(--primary), var(--primary-2));
  color: #fff;
  border: none;
  padding: 10px 16px;
  border-radius: 8px;
  box-shadow: 0 6px 18px rgba(11,107,107,0.14);
}

.submit-btn:hover, .btn-secondary:hover{
  transform: translateY(-1px);
}

.copy-btn{
  background: transparent;
  border: 1px solid rgba(11,107,107,0.12);
  color: var(--primary);
  padding: 8px 12px;
  border-radius: 6px;
}

/* Small responsive tweaks */
@media (max-width: 768px){
  .container.card.card-border-color.card-border-color-primary{
    margin: 24px 16px !important;
    padding: 18px;
  }
}

/* Accessibility: increase contrast for important notices */
.remarks b, .control-label b{
  color: #0b2540;
}

/* Make links and inline actions match theme */
a, a:visited{
  color: var(--primary);
}

/* Ensure QR/generate buttons inside anchors render consistently */
a > button{
  margin:0;
}

/* Site-wide hero and layout adjustments requested by user */
.main-conatiner, .main-conatiner.w-container, .w-container {
  max-width: 1500px !important;
}

/* Reduce or remove the dark tint behind hero text so hero images aren't obstructed */
.hero-left {
  background: rgba(0,0,0,0.08) !important; /* very light tint for readability */
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
}

/* If you prefer completely transparent hero text background, uncomment below */
/* .hero-left { background: transparent !important; } */
