/*
Theme Name: Urban Horizon
Theme URI: 
Author: Urban Horizon
Author URI: 
Description: Urban Horizon Theme
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: urban-horizon
Tags: 
*/

/* smooth scroll for anchors */
html {
	scroll-behavior: smooth;
}

/* respect users' motion preferences */
@media screen and (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

.is-style-urban-horizon-media-text .wp-block-media-text__content{
    padding: 0 !important;
    margin-left: -2.75rem;
    margin-top: 2.75rem;
}

.is-style-urban-horizon-media-text .wp-block-media-text__media, .is-style-urban-horizon-media-text .wp-block-media-text__media img{
    border-radius: 1rem;
}

@media (max-width: 1024px) {
  .hide-on-mobile {
    display: none !important;
  }
}

@media (max-width: 1024px) {
    .mobile-reverse {
      flex-direction: column-reverse !important;
    }
    .mobile-reduce-padding {
      padding-left: 4rem !important;
      padding-top: 4rem !important;
      padding-bottom: 4rem !important;
    }
}

/* Contact Form 7 - Field-focused styles */

/* Form fields */
.uh-contact-field {
    margin-bottom: 1.25rem;
    position: relative;
    box-sizing: border-box;
  }
  
  /* Label color */
  .uh-contact-form label {
    color: var(--wp--preset--color--uh-text-dark);
  }
  
  /* Input fields */
  .uh-contact-form input[type="text"],
  .uh-contact-form input[type="email"],
  .uh-contact-form input[type="tel"],
  .uh-contact-form textarea {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 0.0625rem solid #e0e0e0;
    border-radius: 0.375rem;
    background-color: #f9f9f9;
    transition: all 0.3s ease;
    box-sizing: border-box;
  }
  
  /* Textarea specific */
  .uh-contact-form textarea {
    min-height: 6.25rem;
    resize: vertical;
  }
  
  /* Focus state for inputs */
  .uh-contact-form input:focus,
  .uh-contact-form textarea:focus {
    outline: none;
    border-color: var(--wp--preset--color--uh-text-dark);
    background-color: #ffffff;
    box-shadow: 0 0 0 0.1875rem rgba(0, 0, 0, 0.1);
  }
  
  /* Custom submit button styling for CF7 */
  .uh-button-cf7 {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
  }
  
  /* Make sure the button behaves normally within the form */
  .uh-contact-form .uh-button-cf7 {
    width: auto;
  }
  
  /* Validation styling - only for fields */
  .uh-contact-form input.wpcf7-not-valid,
  .uh-contact-form textarea.wpcf7-not-valid {
    border-color: #8AEB83
  }
  
  .uh-contact-form .wpcf7-not-valid-tip{
    color: #8AEB83;
  }

  /* Responsive adjustments for fields */
  @media (max-width: 48rem) {
    .uh-contact-field {
        margin-bottom: 1rem;
    }
  }

  .uh-contact-field p{
    margin:0;
  }

  .wp-block-video, .wp-block-video video{
    border-radius:1rem;
  }


.cb-button-prev.swiper-button-prev::after, .cb-button-next.swiper-button-next::after{
  min-width: 22px !important;
  min-height: 22px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white !important;
}

.cb-button-prev.swiper-button-prev, .cb-button-next.swiper-button-next{
  padding: 10px;
  padding-left: 14px;
  padding-right: 14px;
  color: white !important;
  background: var(--wp--preset--color--uh-bg-dark) !important;
  border-radius: 8px;
}

html {
  scroll-snap-type: y mandatory;
  scroll-behavior: smooth;
}

.scroller {
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

.header-scroller{
  scroll-snap-align: start;
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px) !important;
}

.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item .wpcf7-list-item-label, .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item .wpcf7-list-item-label a{
  color: var(--wp--preset--color--uh-text-light) !important;
  font-size: var(--wp--preset--font-size--small) !important;
}

.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item{
  margin: 0;
}


.wpcf7 form.sent .wpcf7-response-output, .wpcf7-response-output {
border: none !important;
background-color: #8AEB83;
border-radius: 40px;
font-size: 16px;
color: black;
margin: 0;
}