/*
 Theme Name:   Auticom
 Theme URI:    https://www.sentidocomum.pt
 Description:  A subtheme of Twenty Twenty-Five for Auticom.
 Author:       Francisco Ribeiro
 Author URI:   https://www.sentidocomum.pt
 Template:     twentytwentyfive
 Version:      1.0
*/


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

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

/**
Hero pages
**/
.heropage {
  margin-block-start: 0 !important;
  box-shadow: 0 250px 150px 150px #2281AB;
}

.home .n2_clear {
  margin-block-start: 0;
  box-shadow: 0 250px 150px 150px #2281AB;
}
/**
Hero pages
**/

.pessoa figure {
  text-align: center;
}

.pessoa p {
  width: fit-content;
}

.contactform input,
.contactform textarea {
  box-sizing: border-box;
  padding: 15px 20px;
  width: 100%;
}

/* Contactos */
form input,
form textarea {
  border: 0;
  border-radius: 4px;
  color: #161722;
}

form *::placeholder {
  color: #161722;
}

form input.wpcf7-submit {
  background-color: #7BFFFF;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 12px;
  box-sizing: border-box;
  color: #1C1D28;
  padding: 20px 35px;
  text-transform: uppercase;
  position: relative;
  width: 100%;
}

.wpcf7-submit:hover {
  background-color: #161722;
  color: white;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}

.wpcf7-not-valid-tip {
  font-size: 75%;
}


/* Contactos */


/*parceiro-certo */
.parceiro-certo .wp-block-column {
  background-color: #EBFBFF;
}

.parceiro-certo .wp-block-group {
  box-sizing: border-box;
  padding: 20px;
}

/*parceiro-certo */



.wp-block-media-text img {
  width: auto;
}

.wp-block-media-text p {
  margin: 0;
}


/*bloco-precisa-ajuda*/
.bloco-precisa-ajuda .wp-block-column:nth-child(2) {
  display: flex;
  align-items: end;
  justify-content: end;
  padding: 50px;
  box-sizing: border-box;
  background-image: url('../auticom/img/foto_loja.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 350px;
}

.bloco-precisa-ajuda p a {
  display: flex;
  color: #161722;
  text-decoration: none;
}

.bloco-precisa-ajuda p a::after {
  content: '\2192';
  display: inline;
  margin-left: 15px;
  position: relative;
  width: 20px;
}

.bloco-precisa-ajuda p {
  display: flex;
  justify-content: end;
  max-width: none;
}

.bloco-precisa-ajuda p a:hover {
  opacity: .9;
}

/*bloco-precisa-ajuda*/



/* SentidoComum Footer*/
footer form {
  display: flex;
  position: relative;
  flex-wrap: wrap;
}

footer form p,
footer form span {
  margin: 0;
  width: 100%;
}

footer form input.wpcf7-tel {
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 12px;
  box-sizing: border-box;
  color: white;
  padding: 20px;
  width: 100%;
}

footer form input.wpcf7-tel:focus {
  border: 1px solid #7BFFFF;
  ;
}

footer form input::placeholder {
  color: white;
}

footer form input.wpcf7-submit {
  background-color: #7BFFFF;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 12px;
  box-sizing: border-box;
  color: #1C1D28;
  padding: 20px 35px;
  text-transform: uppercase;
  position: relative;
  width: 100%;
}

footer .wpcf7-not-valid-tip {
  color: white;
  font-size: 75%;
}

footer .wpcf7-response-output {
  position: absolute;
  left: 0;
  top: 100%;
  color: white;
  margin: 0 !important;
  font-size: 75%;
}


footer a {
  white-space: nowrap;
}

/* General */
.wp-block-button .wp-element-button {
  transition: all 0.2s ease-in-out;
}

.wp-block-button .wp-element-button:hover {
  background-color: #161722 !important;
  color: white !important;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}


body *::focus-visible,
*:where(.wp-site-blocks *:focus) {
  outline: none !important;
}


/* Bloco de contactos rodapé */

.footercontactblock {
  background-image: url('../auticom/img/footer_bg.svg');
  background-repeat: no-repeat;
}


/* media Desktop */

/* Contactos do footer */

@media only screen and (min-width: 1024px) {
  footer form input.wpcf7-tel {
    width: auto;
    max-width: 230px;
  }

  footer form p,
  footer form span {
    width: fit-content;
  }

  footer form input.wpcf7-submit {
    left: -25px;
    width: fit-content;
  }
}