.elementor-8655 .elementor-element.elementor-element-fc1f15f{--display:flex;}.elementor-8655 .elementor-element.elementor-element-cf65078{--display:flex;}.elementor-8655 .elementor-element.elementor-element-e73ef20{--display:flex;}.elementor-8655 .elementor-element.elementor-element-ca0b3a5{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-2ba16cb *//* ================= 1. RED BOX KO WHITE LUXURY CARD BANANA ================= */
.elementor-8655 .elementor-element.elementor-element-2ba16cb .elementor-widget-container > div,
.elementor-8655 .elementor-element.elementor-element-2ba16cb form,
.elementor-8655 .elementor-element.elementor-element-2ba16cb .cf-container,
.elementor-8655 .elementor-element.elementor-element-2ba16cb div[style*="background"] {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-top: 3px solid #b91c1c !important; /* Cardiff Red Top Accent */
  border-radius: 16px !important;
  padding: 30px 24px !important;
  max-width: 820px !important;
  margin: 20px auto !important;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.06), 0 0 20px rgba(251, 191, 36, 0.1) !important;
  box-sizing: border-box !important;
  text-align: center !important;
}

/* ================= 2. FORM LAYOUT ================= */
.elementor-8655 .elementor-element.elementor-element-2ba16cb form {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 720px !important;
  margin: 0 auto !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* ================= 3. INPUT BOX STYLING ================= */
.elementor-8655 .elementor-element.elementor-element-2ba16cb input[name="certificate_code"],
.elementor-8655 .elementor-element.elementor-element-2ba16cb .cf-field,
.elementor-8655 .elementor-element.elementor-element-2ba16cb input[type="text"] {
  flex: 1 !important;
  width: 100% !important;
  height: 52px !important;
  background: #f8fafc !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 10px !important;
  padding: 0 20px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #0f172a !important;
  outline: none !important;
  box-sizing: border-box !important;
  transition: all 0.25s ease !important;
}

.elementor-8655 .elementor-element.elementor-element-2ba16cb input[type="text"]:focus {
  background: #ffffff !important;
  border-color: #b91c1c !important;
  box-shadow: 0 0 15px rgba(185, 28, 28, 0.18) !important;
}

/* ================= 4. LUXURY BUTTON STYLING ================= */
.elementor-8655 .elementor-element.elementor-element-2ba16cb input[name="code_data"],
.elementor-8655 .elementor-element.elementor-element-2ba16cb .cf-btn,
.elementor-8655 .elementor-element.elementor-element-2ba16cb input[type="submit"] {
  height: 52px !important;
  background: linear-gradient(135deg, #b91c1c 0%, #991b1b 100%) !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  border: 1px solid rgba(251, 191, 36, 0.5) !important;
  padding: 0 34px !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  box-shadow: 0 4px 15px rgba(185, 28, 28, 0.35) !important;
  transition: all 0.25s ease !important;
}

.elementor-8655 .elementor-element.elementor-element-2ba16cb input[type="submit"]:hover {
  background: #dc2626 !important;
  color: #fbbf24 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 25px rgba(185, 28, 28, 0.5) !important;
}

/* ================= 5. RESULT TABLE STYLING ================= */
.rs-heading {
  font-size: 22px !important;
  color: #0f172a !important;
  font-weight: 900 !important;
  margin: 30px 0 15px 0 !important;
  text-align: center !important;
}

table.search-table {
  width: 100% !important;
  max-width: 860px !important;
  margin: 15px auto 40px auto !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: #ffffff !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08) !important;
  border: 1px solid #e2e8f0 !important;
}

table.search-table th {
  background: #0f172a !important;
  color: #fbbf24 !important;
  padding: 14px 16px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  border: none !important;
}

table.search-table td {
  padding: 15px 16px !important;
  border-bottom: 1px solid #f1f5f9 !important;
  color: #334155 !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
}

/* ================= 6. MOBILE RESPONSIVE ================= */
@media (max-width: 768px) {
  .elementor-8655 .elementor-element.elementor-element-2ba16cb form {
    flex-direction: column !important;
    gap: 10px !important;
  }

  .elementor-8655 .elementor-element.elementor-element-2ba16cb input[type="text"],
  .elementor-8655 .elementor-element.elementor-element-2ba16cb input[type="submit"] {
    width: 100% !important;
    height: 48px !important;
  }
}/* End custom CSS */