/**
* Theme Name: City Plaza Child
* Description: This is a child theme of City Plaza.
* Author: <a href="https://cmsmasters.net/">cmsmasters</a>
* Template: city-plaza
* Version: 1.0.0
* Tested up to: 6.6
* Requires PHP: 7.4
* License:
* License URI:
* Text Domain: city-plaza-child
* Copyright: cmsmasters 2025 / All Rights Reserved
*/

.sticky,
.bypostauthor,
.screen-reader-text {
  outline: none;
}

.about-map {
    overflow: hidden !important;
}














.zb-event-form {
  max-width: 860px;
  margin: 0 auto;
  padding: 32px;
  background: #ffffff;
  border: 1px solid rgba(25, 41, 52, 0.08);
  border-radius: 18px;
  box-shadow: 0 18px 50px rgba(17, 31, 44, 0.06);
}

/* Reset Contact Form 7 default spacing */
.zb-event-form p {
  margin: 0 !important;
}

.zb-event-form br {
  display: none !important;
}

.zb-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px 20px;
}

.zb-field-full {
  grid-column: 1 / -1;
}

.zb-field label {
  display: block;
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 600;
  color: #1c2730;
}

.zb-event-form input[type="text"],
.zb-event-form input[type="email"],
.zb-event-form input[type="date"],
.zb-event-form input[type="tel"],
.zb-event-form select,
.zb-event-form textarea {
  width: 100%;
  padding: 15px 18px;
  font-size: 15px;
  line-height: 1.5;
  color: #1c2730;
  background: #f8f7f3;
  border: 1px solid #e6e0d6;
  border-radius: 12px;
  box-sizing: border-box;
  transition: all 0.25s ease;
  font-weight: 400;
}

/* Make placeholder style consistent */
.zb-event-form input[type="text"]::placeholder,
.zb-event-form input[type="email"]::placeholder,
.zb-event-form input[type="tel"]::placeholder,
.zb-event-form textarea::placeholder {
  color: #b69c6f !important;
}

/* Select default text */
.zb-event-form select {
  color: #b69c6f !important;
}


/* After selecting an option */
.zb-event-form select:valid {
  color: #1c2730 !important;
}

.zb-event-form textarea {
  min-height: 160px;
  resize: vertical;
}

.zb-event-form input:focus,
.zb-event-form select:focus,
.zb-event-form textarea:focus {
  outline: none;
  background: #ffffff;
  border-color: #b99a6b;
  border-radius: 12px;
  box-shadow: 0 0 0 3px rgba(185, 154, 107, 0.14);
}

.zb-submit-wrap {
  margin-top: 28px;
}

.zb-submit {
  display: inline-block;
  min-width: 220px;
  padding: 16px 28px;
  border: none;
  border-radius: 999px;
  background: #1c2730;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
  transition: transform 0.2s ease, opacity 0.2s ease, background 0.2s ease;
}

.zb-submit:hover {
  background: #9a7b4f;
  transform: translateY(-1px);
}

.zb-submit:active {
  transform: translateY(0);
}

.zb-event-form .wpcf7-not-valid-tip {
  margin-top: 8px;
  font-size: 13px;
}

.zb-event-form .wpcf7-response-output {
  margin: 24px 0 0 !important;
  padding: 14px 16px !important;
  border-radius: 12px;
  font-size: 14px;
}

/* Optional: style date icon area a bit better on some browsers */
.zb-event-form input[type="date"] {
  appearance: none;
  -webkit-appearance: none;
}

@media (max-width: 1180px) {
	.zb-event-form {
  		max-width: 100% ;
	}
}

/* Mobile */
@media (max-width: 767px) {
  .zb-event-form {
    padding: 24px 18px;
    border-radius: 14px;
  }

  .zb-form-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .zb-field-full {
    grid-column: auto;
  }

  .zb-submit {
    width: 100%;
  }
}


.zb-map {
	overflow: hidden;
}