/* Contact Us Block Styles */

[data-name='acf_contact-us'] {
  @apply relative overflow-hidden bg-[--colorwhite];
}

[data-name='acf_contact-us'] .contact-us__title-wrapper {
  @apply flex-1 min-w-[300px];
}

[data-name='acf_contact-us'] .contact-us__title {
  @apply text-[--colorgreen] m-0;
}

[data-name='acf_contact-us'] .contact-us__title-script {
  font-family: var(--fontauthenia);
  @apply text-[--colororange];
}

[data-name='acf_contact-us'] .contact-us__description {
  @apply text-[--colorgreen] text-base leading-relaxed mt-5 flex-1 min-w-[300px];
}

[data-name='acf_contact-us'] .contact-us__header-button {
  @apply mt-5;
}

/* Map Section */

[data-name='acf_contact-us'] .contact-us__map-container {
  @apply w-full relative overflow-hidden rounded-[15px];
}

[data-name='acf_contact-us'] .contact-us__map {
  @apply w-full h-full overflow-hidden rounded-[15px];
  z-index: 0;
}

/* Leaflet Map Custom Styling */
[data-name='acf_contact-us'] .contact-us__map .leaflet-container {
  background-color: #1c3230;
  font-family: var(--fontwix);
  @apply rounded-[15px];
}

[data-name='acf_contact-us'] .contact-us__map .maplibregl-map {
  background-color: #1c3230;
  font-family: var(--fontwix);
  @apply rounded-[15px];
}

/* Simple map tile styling */
[data-name='acf_contact-us'] .contact-us__map .leaflet-tile-pane {
  filter: grayscale(0.3) brightness(0.85) contrast(1.1);
}

[data-name='acf_contact-us'] .contact-us__map .leaflet-control-zoom {
  border: 1px solid var(--colorgreen);
  @apply rounded overflow-hidden;
}

[data-name='acf_contact-us'] .contact-us__map .maplibregl-ctrl-group {
  border: 1px solid var(--colorgreen);
  @apply rounded overflow-hidden;
}

[data-name='acf_contact-us'] .contact-us__map .leaflet-control-zoom a {
  background-color: var(--colorwhite);
  color: var(--colorgreen);
  border-bottom: 1px solid var(--colorgreen);
  @apply text-lg leading-[26px] transition-all duration-300;
  transition-timing-function: var(--cfeasing);
}

[data-name='acf_contact-us'] .contact-us__map .maplibregl-ctrl-group button {
  background-color: var(--colorwhite);
  color: var(--colorgreen);
  border-bottom: 1px solid var(--colorgreen);
  @apply transition-all duration-300;
  transition-timing-function: var(--cfeasing);
}

[data-name='acf_contact-us'] .contact-us__map .leaflet-control-zoom a:hover {
  background-color: var(--coloryellow);
  color: var(--colorgreen);
}

[data-name='acf_contact-us']
  .contact-us__map
  .maplibregl-ctrl-group
  button:hover {
  background-color: var(--coloryellow);
}

[data-name='acf_contact-us']
  .contact-us__map
  .maplibregl-ctrl-group
  button
  .maplibregl-ctrl-icon {
  filter: brightness(0) saturate(100%) invert(17%) sepia(18%) saturate(1055%)
    hue-rotate(128deg) brightness(90%) contrast(92%);
}

[data-name='acf_contact-us']
  .contact-us__map
  .maplibregl-ctrl-group
  button:hover
  .maplibregl-ctrl-icon {
  filter: brightness(0) saturate(100%) invert(17%) sepia(18%) saturate(1055%)
    hue-rotate(128deg) brightness(90%) contrast(92%);
}

[data-name='acf_contact-us']
  .contact-us__map
  .leaflet-control-zoom
  a:last-child {
  @apply border-b-0;
}

[data-name='acf_contact-us']
  .contact-us__map
  .maplibregl-ctrl-group
  button:last-child {
  @apply border-b-0;
}

[data-name='acf_contact-us'] .contact-us__map .leaflet-popup-content-wrapper {
  background-color: var(--colorwhite);
  @apply rounded shadow-lg;
}

[data-name='acf_contact-us'] .contact-us__map .maplibregl-popup-content {
  background-color: var(--colorwhite);
  @apply rounded shadow-lg;
}

[data-name='acf_contact-us'] .contact-us__map .leaflet-popup-tip {
  background-color: var(--colorwhite);
}

[data-name='acf_contact-us'] .contact-us__map .maplibregl-popup-tip {
  border-top-color: var(--colorwhite);
}

[data-name='acf_contact-us'] .contact-us__map .maplibregl-ctrl-attrib {
  background: rgba(255, 255, 255, 0.92);
  color: var(--colorgreen);
  border-top-left-radius: 10px;
  font-family: var(--fontwix);
  padding: 4px 8px;
}

[data-name='acf_contact-us'] .contact-us__map .maplibregl-ctrl-attrib a {
  color: var(--colororange);
}

[data-name='acf_contact-us'] .contact-us__map-marker {
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
}

[data-name='acf_contact-us'] .contact-us__content-wrapper {
  @apply grid grid-cols-2 gap-[20px] relative;
}

/* Left Column - Contact Information */
[data-name='acf_contact-us'] .contact-us__info {
  @apply flex flex-col gap-[60px] max-w-[590px];
}

[data-name='acf_contact-us'] .contact-us__info-section {
  @apply flex flex-col gap-[15px];
}

[data-name='acf_contact-us'] .contact-us__info-title {
  font-family: var(--fontprompt);
  @apply font-bold text-[16px] tracking-[0.64px] uppercase text-[--colorgreen] m-0;
}

[data-name='acf_contact-us'] .contact-us__info-text {
  font-family: var(--fontwix);
  @apply text-base leading-relaxed text-[--colorgreen] m-0;
}

[data-name='acf_contact-us'] .contact-us__link {
  @apply text-[--colorgreen] no-underline transition-colors duration-300;
  transition-timing-function: var(--cfeasing);
}

[data-name='acf_contact-us'] .contact-us__link:hover {
  @apply text-[--colororange];
}

[data-name='acf_contact-us'] .contact-us__link--email {
  @apply underline;
}

/* Social Media Icons */
[data-name='acf_contact-us'] .contact-us__social {
  @apply flex gap-[10px] flex-wrap mt-auto;
}

[data-name='acf_contact-us'] .contact-us__social-icon {
  @apply w-[25px] h-[25px] rounded flex items-center justify-center transition-colors duration-300;
  background-color: var(--colorgreen);
  transition-timing-function: var(--cfeasing);
}

[data-name='acf_contact-us'] .contact-us__social-icon:hover {
  background-color: var(--colororange);
}

[data-name='acf_contact-us'] .contact-us__social-icon a {
  @apply w-full h-full flex items-center justify-center;
}

[data-name='acf_contact-us'] .contact-us__social-icon svg {
  @apply w-3 h-3;
}

[data-name='acf_contact-us'] .contact-us__social-icon svg path {
  @apply fill-[--colorwhite];
}

/* Right Column - Contact Form */
[data-name='acf_contact-us'] .contact-us__form {
  @apply p-[40px] rounded-[10px] relative bg-[--colororange];
}

[data-name='acf_contact-us'] .contact-us__form-title {
  font-family: var(--fontauthenia);
  @apply text-[80px] text-[--coloryellow] m-0 mb-[40px] tracking-[3.2px] leading-[100%];
}

/* Gravity Forms Styling */
[data-name='acf_contact-us'] .contact-us__form .gform_wrapper {
  @apply m-0;
}

[data-name='acf_contact-us'] .contact-us__form .gform_confirmation_message,
[data-name='acf_contact-us'] .contact-us__form .gform_confirmation_message_1 {
  @apply text-[--colorwhite];
}

[data-name='acf_contact-us'] .contact-us__form .gform_fields {
  @apply flex flex-col gap-[10px];
}

[data-name='acf_contact-us'] .contact-us__form .gfield {
  @apply m-0 p-0;
}

[data-name='acf_contact-us'] .contact-us__form .gfield_label {
  @apply hidden;
}

[data-name='acf_contact-us'] .contact-us__form input[type='text'],
[data-name='acf_contact-us'] .contact-us__form input[type='email'],
[data-name='acf_contact-us'] .contact-us__form input[type='tel'],
[data-name='acf_contact-us'] .contact-us__form select,
[data-name='acf_contact-us'] .contact-us__form textarea {
  @apply w-full py-[18px] px-5 rounded-[10px] border transition-all duration-300 border-[--colorwhite] text-[--colorwhite] [font-family:--fontprompt] font-semibold text-[12px] tracking-[0.48px] bg-transparent;
  transition-timing-function: var(--cfeasing);
}

[data-name='acf_contact-us'] .contact-us__form input[type='text']::placeholder,
[data-name='acf_contact-us'] .contact-us__form input[type='email']::placeholder,
[data-name='acf_contact-us'] .contact-us__form input[type='tel']::placeholder,
[data-name='acf_contact-us'] .contact-us__form textarea::placeholder {
  @apply text-[--colorwhite] [font-family:--fontprompt] uppercase font-semibold text-[12px] tracking-[0.48px];
}

[data-name='acf_contact-us'] .contact-us__form input[type='text']:focus,
[data-name='acf_contact-us'] .contact-us__form input[type='email']:focus,
[data-name='acf_contact-us'] .contact-us__form input[type='tel']:focus,
[data-name='acf_contact-us'] .contact-us__form select:focus,
[data-name='acf_contact-us'] .contact-us__form textarea:focus {
  @apply outline-none;
  background-color: rgba(255, 255, 255, 0.15);
  border-color: var(--coloryellow);
}

[data-name='acf_contact-us'] .contact-us__form textarea {
  @apply h-[92px];
}

[data-name='acf_contact-us'] .contact-us__form select {
  @apply appearance-none pr-[50px] cursor-pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M6 8L0 0h12z' fill='%23ffd542'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 20px center;
}

[data-name='acf_contact-us'] .contact-us__form textarea {
  @apply min-h-[120px] resize-y;
}

[data-name='acf_contact-us'] .contact-us__form .gform_button {
  @apply inline-flex items-center gap-[10px] py-[15px] px-[30px] rounded cursor-pointer transition-all duration-300 uppercase w-full text-[--colororange] text-left;
  background-color: var(--coloryellow);
  @apply border-0;
  font-family: var(--fontprompt);
  @apply font-bold text-sm tracking-[0.56px];
  transition-timing-function: var(--cfeasing);
}

[data-name='acf_contact-us'] .contact-us__form .gform_button:hover {
  @apply -translate-y-0.5;
  background-color: var(--colorwhite);
}

[data-name='acf_contact-us'] .contact-us__form .gform_button_wrapper {
  @apply inline-flex items-center gap-[10px] w-full h-full relative mt-[30px];
}

[data-name='acf_contact-us'] .contact-us__form .gform_button_wrapper::after {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M0.882353 0V2.49706H10.7382L0 13.2353L1.76471 15L12.5029 4.26176V14.1176L15 14.1176V0H0.882353Z' fill='%23BF5828'/%3E%3C/svg%3E");
  flex-shrink: 0;
  @apply absolute right-[20px] top-1/2 -translate-y-1/2;
}

[data-name='acf_contact-us'] .site__button--outline {
  @apply bg-transparent border border-[--colorgreen] text-[--colorgreen] hover:bg-[--colorgreen] hover:text-[--colorwhite] hover:border-[--colorgreen];
}

[data-name='acf_contact-us'] .site__button--outline .site__button_icon > svg {
  fill: var(--colorgreen);
}

[data-name='acf_contact-us']
  .site__button--outline:hover
  .site__button_icon
  > svg {
  fill: var(--colorwhite);
}
/* Responsive Design */
@media (max-width: 1024px) {
  [data-name='acf_contact-us'] .contact-us__content-wrapper {
    @apply grid-cols-1 gap-10;
  }

  [data-name='acf_contact-us'] .contact-us__form {
    @apply p-[40px_30px];
  }
}

@media (max-width: 768px) {
  [data-name='acf_contact-us'] .contact-us__header {
    @apply py-10 px-5;
  }

  [data-name='acf_contact-us'] .contact-us__content {
    @apply py-[60px] px-5;
  }

  [data-name='acf_contact-us'] .contact-us__form {
    @apply p-[30px_20px];
  }

  [data-name='acf_contact-us'] .contact-us__form-title {
    @apply text-[42px];
  }
}

@media (max-width: 480px) {
  [data-name='acf_contact-us'] .contact-us__content {
    @apply pt-[30px];
  }
}