/**
 * Theme Name:     Genesis Block Theme Child
 * Author:         StudioPress
 * Template:       genesis-block-theme
 * Text Domain:	   genesis-block-theme-child
 * Description:    A beautifully-simple yet powerful WordPress theme that integrates perfectly with the block editor and the Genesis Blocks plugin. Start building amazing websites with blocks today! Install the Genesis Blocks plugin to add even more page-building blocks such as testimonials, sharing icons, notices, call to actions, buttons and more.
 */

.ddw-screen {
  min-height: 50vh;
}
.ddw-contact-wrapper {
  max-width: 600px;
  margin: 60px auto;
  background: #ffffff;
  padding: 35px;
  border-radius: 12px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
  font-family: Arial, sans-serif;
}
.ddw-contact-update {
  background: #ffffff;
  padding: 35px;
  border-radius: 12px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
  font-family: Arial, sans-serif;
}
.ddw-title {
  text-align: center;
  margin-bottom: 30px;
  color: #222;
}

.ddw-search-box {
  margin-bottom: 30px;
}
.search-btn {
  display: block;
  margin: 20px auto 0 auto;
  font-size: 17px;
  padding: 8px 40px;
}

/* Chrome, Safari, Edge */
#c_number::-webkit-outer-spin-button,
#c_number::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
#c_number {
  -moz-appearance: textfield;
}
.ddw-search-box label {
  font-weight: 600;
  display: block;
  margin-bottom: 8px;
}

.field {
  margin-bottom: 18px;
}

.field label {
  display: block;
  margin-bottom: 6px;
  font-weight: 600;
  color: #444;
}

input {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 14px;
  transition: all 0.2s ease;
}

input:focus {
  border-color: #0073aa;
  outline: none;
  box-shadow: 0 0 0 2px rgba(0, 115, 170, 0.15);
}

button {
  background: #0073aa;
  color: #fff;
  border: none;
  padding: 12px 22px;
  border-radius: 6px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s ease;
}

button:hover {
  background: #005f8d;
}

.update-btn {
  width: 100%;
  margin-top: 10px;
}

/* C Number Prefix Input */

.cnumber-field {
  display: flex;
  align-items: center;
  border: 1px solid #ddd;
  border-radius: 6px;
  overflow: hidden;
}

.prefix {
  background: #f3f4f6;
  padding: 12px 14px;
  font-weight: 600;
  color: #555;
  border-right: 1px solid #ddd;
}

.cnumber-field input {
  border: none;
  flex: 1;
}

.cnumber-field input:focus {
  box-shadow: none;
}

/* Form container animation */

#ddw_form_container {
  display: none;
  margin-top: 30px;
  animation: fadeIn 0.4s ease;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.ddw-contact-update {
  background: #ffffff;
  padding: 35px;
  border-radius: 12px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
  font-family: Arial, sans-serif;
}
.section-title {
  margin-bottom: 20px;
  font-size: 18px;
  color: #333;
  border-bottom: 2px solid #eee;
  padding-bottom: 8px;
}
.grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

@media (max-width: 768px) {
  .grid-2 {
    grid-template-columns: 1fr;
  }
}

.update-btn-2 {
  display: block;
  margin: 20px auto 0 auto;
  font-size: 17px;
  padding: 8px 40px;
}
.edit-btn {
  float: right;
  margin: 10px 0px;
  padding: 5px 25px;
}
.ddw-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.ddw-modal-content {
  background: #fff;
  padding: 30px;
  border-radius: 8px;
  text-align: center;
  width: 500px;
  font-size: 20px;
}

.ddw-modal-content button {
  margin-top: 15px;
  padding: 8px 40px;
  background: #0073aa;
  color: #fff;
  border: none;
  cursor: pointer;
}

.ddw-error {
  text-align: center;
}

.ddw-error span {
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
  background: #fff;
  padding: 20px;
  text-align: center;
  margin: auto;
  display: inline-block;
}

.ddw-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
}

.ddw-table td {
  border: 1px solid #ddd;
  padding: 12px;
}

.ddw-table td:first-child {
  font-weight: bold;
  width: 280px;
  background: #f9f9f9;
}

.ddw-table button {
  padding: 6px 14px;
  font-size: 13px;
}

.edit-field {
  display: none;
  width: 100%;
}

#ddwModalText {
  margin-bottom: 0px;
}

@media (min-width: 320px) and (max-width: 479px) {
  table.ddw-table td {
    /* display: inline-block;
    width: 100% !important; */
    text-align: center;
  }
  .ddw-contact-update {
    padding: 10px;
  }
  .ddw-table td {
    padding: 5px;
    font-size: 14px;
  }
  .ddw-table button {
    padding: 6px 10px;
    font-size: 12px;
  }
}

.select2-container ul {
  margin: 0 !important;
}

.radio-group {
  display: none;
  gap: 10px;
  align-items: center;
}

/* Fix radio size */
.radio-group input[type="radio"] {
  width: auto;
  cursor: pointer;
}
.radio-box {
  width: fit-content;
}
/* Label styling */
.radio-group label {
  font-size: 14px;
  color: #333;
  cursor: pointer;
}
.site-footer,
.mobile-navigation {
  display: none;
}
.site-header{background:#fff;}
@media (min-width: 500px) and (max-width: 1000px) {
  .custom-logo {
    height: 70px;
    width: 400px;
  }
}

.required {
  color: red;
  margin-left: 2px;
}