/*
 Theme Name:   Encostas do Côa
 Theme URI:    https://www.sentidocomum.pt
 Description:  A subtheme of Twenty Twenty-Four for Encostas do Côa.
 Author:       Francisco Ribeiro
 Author URI:   https://www.sentidocomum.pt
 Template:     twentytwentyfour
 Version:      1.0
*/


/*
Index
1. FOOTER
2. NAVIGATION
3. BOOKING
 */

/*TODO: replace breakpoint value with variable*/
:root {
  --sc-breakpoint-lg: 1450px;
}


/* 1. FOOTER */
footer .address em {
  clear: left;
  display: inline-block;
  font-size: .8rem;
}

footer nav {
  width: 100%;
}
footer p {
  font-size: var(--wp--preset--font-size--small);
}
footer ul {
  justify-content: space-between !important;
}
footer ul ul{
  display: none !important;
}
footer ul li.cta-reservar {
  background-color: transparent !important;
}
footer .site-signature .wp-block-column {
  align-content: center;
}

footer .wp-block-image.size-full img {
  width: auto !important;
  height: auto !important;
}


/* social networks */
.social-network ul {
  justify-content: flex-start !important;
}
.social-network li {
  border-radius: 50%;
  overflow: hidden;
  width: 16px;
  position: relative;
}
.social-network li a {
  text-indent: -999em;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  width: 100%;
}
.social-network li.facebook a { 
  background-image: url('../encostasdocoa/images/sn/sn_facebook.svg');
}
.social-network li.instagram a { 
  background-image: url('../encostasdocoa/images/sn/sn_instagram.svg');
}
.social-network li.twitter a { 
  background-image: url('../encostasdocoa/images/sn/sn_twitter.svg');
}
.social-network li.linkedin a { 
  background-image: url('../encostasdocoa/images/sn/sn_linkedin.svg');
}

/* end social networks */


/* FOOTER end*/

/* 2. NAVIGATION*/

.wp-block-navigation ul li.cta-reservar {
  background-color: #FCD980;
  padding: 10px 20px;
  border-radius: 30px;
}

.wp-block-buttons.cta-reservar a {
    background-color: #FCD980;
    border-radius: 30px;
    color: #805E4C;
    padding: 10px 20px;
    white-space: nowrap;
}

/* .wp-block-navigation .wp-block-navigation-item {
  padding: 10px !important;
} */

.wp-block-navigation-item__content {
  font-size: 1rem !important;
}

.header-menu {
  position: relative;
}

header {
  margin-bottom: 50px;
}

.home header {
  margin-bottom: 0;
}


@media (min-width: 1200px) {
  .wp-block-group.alignwide.is-content-justification-space-between.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-3.wp-block-group-is-layout-flex::after {
    display: block;
    content: '';
    width: 0; 
    height: 0; 
    border-left: 100px solid transparent;
    border-right: 100px solid transparent;
    border-top: 40px solid #fff;
    position: absolute;
    top: 100%;
    z-index: 9999;
    filter: drop-shadow(0px 7px 4px #00000025);
  }
}

@media (min-width: 1300px) {
  .wp-block-navigation__responsive-container-open {
    display: none !important;
  }
  .wp-block-buttons.cta-reservar.mobile {
    display: none;
  }
}

@media (max-width: 1300px) {

  .wp-block-navigation {
    display: none; /* Hide navigation menu */
  }

  .wp-block-navigation.is-mobile {
    display: block; /* Show the mobile version */
  }

  .wp-block-navigation__container {
    flex-direction: column;
    background-color: #f8f9fa;
    padding: 10px;
    position: absolute;
    top: 50px;
    right: 0;
    border: 1px solid #ddd;
    width: 100%;
  }
}

.wp-block-navigation__responsive-container-open:not(.always-shown) {
  display: block;
  background: none;
  border: none;
  font-size: 16px;
  cursor: pointer;
}

.sc-menu-and-booking {
  flex-direction: row-reverse;
  align-items: center;
}


@media (min-width: 600px) {
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: block;
  }
}


@media (min-width: 1450px) {

  .sc-menu-and-booking {
    flex-direction: row;
  }

  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: none; /* Hide toggle button on desktop */
  }
  .wp-block-site-logo img {
    width: 200px !important;
  }
}

#modal-1-content li {
  padding: 10px;
}


/*NAVIGATION end*/


/* 3. BOOKING*/

.booking-row-numbers {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 25px; /* Optional gap between fields */
}


.form-field p {
  margin: 0;
}

.form-field {
  margin-block-start: 1em;
  margin-block-end: 0;
}

.wpcf7-textarea,
.wpcf7-date {
  font-family: var(--wp--preset--font-family--body);
}

.form-field input[type="text"],
.form-field input[type="email"],
.form-field input[type="tel"],
.wpcf7-text,
.wpcf7-email,
.wpcf7-textarea {
  width: 90%;
}

.wpcf7-select,
.wpcf7-text,
.wpcf7-email {
  line-height: 1.5rem;
  height: 1.5rem;
}

.wpcf7-select{
  min-width: 80px;
}

.wpcf7-date {
  line-height: 1.5rem;
  height: 1.5rem;
}

.wpcf7-textarea {
  width: 90%;
  line-height: 1.5rem;
  height: 3rem;
}

.wpcf7-submit {
  background-color: var(--wp--preset--color--contrast);
  border-radius: .33rem;
  border-color: var(--wp--preset--color--contrast);
  border-width: 0;
  color: var(--wp--preset--color--base);
  font-family: inherit;
  font-size: var(--wp--preset--font-size--small);
  font-style: normal;
  font-weight: 500;
  line-height: inherit;
  padding-top: 0.6rem;
  padding-right: 1rem;
  padding-bottom: 0.6rem;
  padding-left: 1rem;
  text-decoration: none;
}

/*BOOKING end*/


/* GENERIC */

.sc-contains-phone-alert em{
  font-size: .8rem;
}

.destaque-hp img {
  width: 100% !important;
  height: auto !important;
}

/* Custom code JA */

/* Slider */
.n2-section-smartslider {
  margin-bottom: 50px;
  position: relative;
}

.n2-ss-slide-backgrounds.n2-ow-all::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #805E4C;
  opacity: .65;
  z-index: 99999;
}
.n2-section-smartslider::after {
  content: '';
  width: 102px;
  height: 118px;
  position: absolute;
  z-index: 99;
  bottom: -50px;
  background-image: url('../encostasdocoa/images/icon_encostas.svg');
  background-repeat: no-repeat;
  background-size: contain;
  /* alinhamento */
  right: 0;
  left: 0;
  margin: auto;
}

body .n2-section-smartslider .cta-arrow a {
  background-color: none !important;
  color: white !important;
}
body .n2-section-smartslider .cta-arrow a:hover {
  color: #FCD980ff !important;
}

body .n2-section-smartslider .cta-arrow a:after {
  display: inline-block !important;
  content: '\2192';
  margin-left: 15px;
}