/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/*GERAL*/
p {
  color: #000;
}
.hideMobile {
  display: none !important;
}
.hideDesktop {
  display: block !important;
}
.br60 {
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
}
.br40 {
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
}
.br30 {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
blockquote {
  font-size: 16px;
}
.tos-wrapper.tos-fixed {
  z-index: 999999;
}

/*MENU TOPO*/
.slide-out-widget-area-toggle {
  display: none !important;
}
.customMenu {
  width: 50px;
  height: 100%;
  background: url("imgs/menu-icon.svg") no-repeat center;
  background-size: contain;
  cursor: pointer;
}

#header-outer.transparent[data-lhe="default"]
  #top
  nav
  .sf-menu
  > .current-menu-item
  > a,
#header-outer.transparent[data-lhe="default"]
  #top
  nav
  .sf-menu
  > .current_page_item
  > a {
  color: #00ae65 !important;
}
ul.sf-menu.sf-js-enabled.sf-arrows a {
  opacity: 1 !important;
}
.customMenu a {
  display: block;
  width: 100%;
  height: 100%;
}
.pum-theme-braga-menu .pum-container {
  -webkit-border-top-left-radius: 60px;
  -webkit-border-bottom-left-radius: 60px;
  -moz-border-radius-topleft: 60px;
  -moz-border-radius-bottomleft: 60px;
  border-top-left-radius: 60px;
  border-bottom-left-radius: 60px;
}
#menuOpen {
  padding: 8%;
  font-family: Stag-Book;
}
#menuOpen ul {
  margin: 0;
}
#menuOpen ul li {
  list-style: none;
}
#menuOpen #menu-main-menu a {
  font-size: 42px;
  line-height: 92px;
}
#menuOpen #menu-menu-lateral a {
  font-size: 18px;
  line-height: 48px;
}
.btnNl {
  margin-top: 30px;
}
#menuOpen li.btnNl a {
  background-color: var(--nectar-extra-color-1);
  padding: 25px 65px !important;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
}
.btnNl a:hover {
  color: white !important;
}
#menuOpen .menuBtnLeft .wpb_wrapper,
#menuOpen .menuBtnRight .wpb_wrapper {
  padding: 20% 10% 10% 10%;
}
#menuOpen .menuBtnLeft .column-bg-overlay,
#menuOpen .menuBtnRight,
#menuOpen .menuBtnRight .column-image-bg,
#menuOpen .menuBtnRight .column-image-bg:before,
#menuOpen .menuBtnRight .column-bg-overlay {
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  overflow: hidden;
}
#menuOpen .menuBtnRight .column-image-bg {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
}
.pum-theme-braga-menu .popmake-close::after {
  content: "";
  display: inline-block;
  margin: 25px auto auto auto !important;
  width: 25px;
  height: 25px;
  margin: auto;
  background-image: url("imgs/menu-close.svg");
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
  vertical-align: middle;
}
header#top .container {
  background-color: #fff !important;
  border-radius: 50px !important;
  margin: 0 auto !important;
  width: 1200px !important;
  margin-top: 2% !important;
  -webkit-box-shadow: 0px 5px 8px 0px rgb(0 0 0 / 30%);
  box-shadow: 0px 5px 8px 0px rgb(0 0 0 / 30%);
}
div#header-outer {
  background-color: transparent;
  box-shadow: none !important;
}
span.menu-title-text:hover {
  color: #00ae65 !important;
}
#heroIntro {
  height: 550px;
}
/*MENU LATERAL*/
.admin-bar #slide-out-widget-area.slide-out-from-right-hover {
  padding-top: 0px !important;
}
.menuLeft a#dark-mode-toggle {
  display: none !important;
}

/*FOOTER*/
div#Footer p {
  font-size: 14px !important;
  line-height: 26px !important;
}
div#copyright {
  text-align: center !important;
  font-size: 12px !important;
  padding: 1vh 0vh !important;
}
div#Footer a:hover {
  text-decoration: underline !important;
}

.page-id-2 div#Newsletter,
.page-id-64 div#Newsletter {
  display: none !important;
}

/*MAPA*/
#mapaApi {
  width: 100%;
  min-height: calc(90vh - 7vh);
  border: 0;
}

/*FAQS*/

.SectionFAQs a.toggle-heading {
  font-size: 20px !important;
  color: #000 !important;
}

/*API LOJAS*/
section#lojas .vc_row.wpb_row.vc_row-fluid,
div#loja .vc_row.wpb_row.vc_row-fluid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
section#lojas,
div#generos_cinema {
  padding: 0px 60px;
  max-width: 1760px;
  margin: 0 auto !important;
}
div#filme-individual,
div#teste,
div#loja,
section#lojas .OrdenarLojasText {
  padding: 0px 60px;
  width: 1400px;
  margin-top: 4vh !important;
  margin-bottom: 6vh !important;
  margin: 0 auto;
}
.OrdenarLojasText {
  margin-bottom: 6vh;
}
a.VerMapaBT p {
  text-align: center;
  text-transform: uppercase !important;
  border-radius: 50px !important;
  color: #fff !important;
  font-family: "Stag-Book" !important;
  width: 10vw;
  background-color: #00ae65 !important;
  padding: 2vh !important;
}
div#filme-individual .post-content {
  padding-left: 0px !important;
}
.textolaredecoracao {
  cursor: pointer;
  background-color: #fff !important;
  color: #000 !important;
  border: 1px solid #000;
  padding: 3vh 2.4vh;
  font-family: "Stag-Book" !important;
  text-transform: uppercase !important;
  font-weight: 300 !important;
  border-radius: 40px !important;
  font-size: 16px !important;
  text-align: center;
  margin-bottom: 3vh !important;
  margin-right: 1vw;
}
.textolaredecoracao:hover {
  background-color: #000 !important;
  color: #fff !important;
}
section#lojas div p span {
  font-family: "Stag-Book" !important;
  color: #000 !important;
  font-size: 20px !important;
  font-weight: 300 !important;
  text-transform: uppercase !important;
}

/*API CINEMAS*/
div#generos_cinema .vc_row.wpb_row.vc_row-fluid,
div#filme-individual .vc_row.wpb_row.vc_row-fluid,
section#lojas .vc_row.wpb_row.vc_row-fluid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
div#teste div span {
  text-transform: uppercase !important;
  color: #000 !important;
  font-family: "Stag-Book" !important;
  font-weight: 300 !important;
}
.flexBox2 .vc_single_image-wrapper.vc_box_border_grey {
  color: #000 !important;
  font-family: "Stag-Book" !important;
  font-weight: 300;
}

.flexBox2 .wpb_single_image.wpb_content_element.vc_align_left {
  margin-bottom: 4vh !important;
}
.CinemasBorderBottom {
  border-bottom: 1px solid #000;
}

/** API RESTAURAÇÃO **/
.GridLayoutRestaurantes,
.GridLayoutLojas {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  border-bottom: 1px solid #000 !important;
}
.GridLayoutRestaurantes span,
.GridLayoutLojas span {
  color: #000 !important;
  font-family: "Stag-Book" !important;
  font-weight: 300 !important;
  text-transform: uppercase !important;
}
a.LayoutRestauranteTextIcon,
a.LayoutLojasTextIcon {
  display: flex !important;
  flex-direction: column;
  justify-content: space-around;
  border: 1px solid #000;
  border-radius: 15px !important;
  padding: 3vh;
  max-width: 12vw !important;
  min-width: 13vw !important;
  min-height: 20vh !important;
}
a.LayoutRestauranteTextIcon img {
  max-height: 5vh !important;
}
a.LayoutLojasTextIcon img {
  max-height: 5vh !important;
}
a.LayoutLojasTextIcon:hover {
  border: 2px solid #000;
}
a.LayoutRestauranteTextIcon h6,
a.LayoutLojasTextIcon h6 {
  font-family: "Stag-Book" !important;
  font-weight: 300 !important;
  color: #000 !important;
  margin-top: 2vh;
}
section#lojas ul li {
  list-style: none !important;
  font-family: "Stag-Book" !important;
  font-weight: 300 !important;
  cursor: pointer;
  padding-bottom: 1vh;
  margin: 0px !important;
}
div#teste h6 {
  text-transform: uppercase !important;
  font-family: "Stag-Book" !important;
  font-weight: 300 !important;
  color: #000 !important;
  padding-left: 0px !important;
}

/**DARK MODE**/

#dark-mode-toggle:hover {
  background-color: #555;
}

/* Estilos padrão (claro) 
body {
    background-color: #ffffff;
    color: #222222;
}
*/
/* Modo escuro 
body.dark-mode {
    background-color: #000000 !important;
    color: #fff !important;
}
*/
body.dark-mode .material .ocm-effect-wrap {
  background-color: #000 !important;
  background: #000 !important;
}

body.dark-mode .ocm-effect-wrap {
  background-color: #000 !important;
}

.dark-mode .ocm-effect-wrap {
  background-color: #000 !important;
  background: #000 !important;
}

body.dark-mode button {
  color: #ffffff;
}

/**HOMEPAGE**/

/*Banner*/

.HomepageBanner p {
  color: #fff !important;
  font-size: 20px !important;
}

div#BannerHPMob {
  display: none;
}

/* Move both arrows to the right side */
#nectar-slider-instance-1 .slider-prev,
#nectar-slider-instance-1 .slider-next {
  right: 4vw;
  left: auto;
  top: 85%;
  transform: translateY(-50%);
}

/* Hide the default font-awesome arrows */
#nectar-slider-instance-1 .slider-prev i,
#nectar-slider-instance-1 .slider-next i {
  display: none;
}

#nectar-slider-instance-1 .slider-prev {
  margin-right: 3vw;
  background: url("/wp-content/uploads/2025/10/BragaParque_ArrowLeftCarousel.svg")
    no-repeat center center;
  background-size: contain;
  width: 50px;
  height: 50px;
}

/* Prev hover */
#nectar-slider-instance-1 .slider-prev:hover {
  background-image: url("/wp-content/uploads/2025/10/BragaParque_ArrowLeftCarouselHover.svg");
}

#nectar-slider-instance-1 .slider-next {
  margin-left: 0;
  background: url("/wp-content/uploads/2025/10/BragaParque_ArrowRightCarousel.svg")
    no-repeat center center;
  background-size: contain; /* keeps the image proportional */
  width: 50px; /* adjust size as needed */
  height: 50px;
}

/* Next hover */
#nectar-slider-instance-1 .slider-next:hover {
  background-image: url("/wp-content/uploads/2025/10/BragaParque_ArrowRightCarouselHover.svg");
}

.nectar-slider-wrap[data-button-styling="btn_with_preview"]
  .swiper-container
  .slider-next.next-arrow-move {
  margin-right: -15px !important;
}

.nectar-slider-wrap[data-button-styling="btn_with_preview"]
  .swiper-container
  .swiper-slide.next-move,
.nectar-slider-wrap[data-button-styling="btn_with_preview"]
  .swiper-container
  .swiper-slide.prev-move {
  transform: none !important;
  -webkit-transform: none !important;
}

a.nectar-button.large.BTGreen,
a.nectar-button.large.BTYellow,
.HomepageBanner a.primary-color,
body[data-button-style*="slightly_rounded"] .swiper-slide .button a {
  border-radius: 50px !important;
  font-family: "Stag-Book" !important;
  font-weight: 300 !important;
  padding-left: 60px !important;
  padding-right: 60px !important;
  padding-top: 25px !important;
  padding-bottom: 24px !important;
}

#instagramFeed .instagram-gallery-feed,
#instagramFeed .swiper-container,
#instagramFeed .instagram-gallery-item__wrap,
#instagramFeed .instagram-gallery-item__media-wrap,
#instagramFeed .instagram-gallery-item__media-mask,
#instagramFeed .instagram-gallery-square .instagram-gallery-item__media {
	height: 400px !important;
	max-height: 400px !important;
	overflow: hidden !important;
}

/* NOVIDADES */
body[data-ext-responsive="true"].single-post
.container-wrap.no-sidebar
  .post-area {
  max-width: 1500px !important;
}
body.wp-singular.post-template-default.single.single-post
  .container.main-content {
  max-width: 1300px !important;
}
#blogPosts ul.wpb_tabs_nav {
  font-family: Stag-Book;
  display: flex;
  list-style: none;
  justify-content: center;
  align-items: center;
}
#blogPosts .tabbed > ul li a {
  background: transparent !important;
  color: black;
  border: none !important;
  letter-spacing: 1px;
  padding: 13px 55px !important;
  -webkit-border-radius: 110px;
  -moz-border-radius: 110px;
  border-radius: 110px;
  margin-right: 15px !important;
}
#blogPosts .tabbed > ul li .active-tab {
  background: #000 !important;
  color: #fff;
  border: none !important;
}
#blogPosts a.style-button {
  font-family: Stag-Book;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: #fff !important;
  color: #000 !important;
  padding: 15px 45px !important;
}
#blogPosts .nectar-post-grid .nectar-post-grid-item .content .item-main {
  width: 90%;
  position: absolute;
  bottom: 40px;
}
#blogPosts
  .nectar-post-grid
  .nectar-post-grid-item
  .content
  .item-main
  .post-heading {
  line-height: 30px;
}
#blogPosts .nectar-post-grid-wrap .load-more {
  font-family: Stag-Book;
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 300 !important;
  background: #00ae65;
  color: #fff;
  padding: 25px 60px;
  -webkit-border-radius: 110px;
  -moz-border-radius: 110px;
  border-radius: 110px;
  box-shadow: none;
  -webkit-transition: opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1),
    transform 0.45s cubic-bezier(0.25, 1, 0.33, 1),
    border-color 0.45s cubic-bezier(0.25, 1, 0.33, 1),
    color 0.45s cubic-bezier(0.25, 1, 0.33, 1),
    background-color 0.45s cubic-bezier(0.25, 1, 0.33, 1),
    box-shadow 0.45s cubic-bezier(0.25, 1, 0.33, 1);
  transition: opacity 0.45s cubic-bezier(0.25, 1, 0.33, 1),
    transform 0.45s cubic-bezier(0.25, 1, 0.33, 1),
    border-color 0.45s cubic-bezier(0.25, 1, 0.33, 1),
    color 0.45s cubic-bezier(0.25, 1, 0.33, 1),
    background-color 0.45s cubic-bezier(0.25, 1, 0.33, 1),
    box-shadow 0.45s cubic-bezier(0.25, 1, 0.33, 1);
}
#blogPosts .nectar-post-grid-wrap .load-more:hover {
  box-shadow: 0 20px 38px rgba(0, 0, 0, 0.16) !important;
  -ms-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-transform: translateY(-3px);
}

/* SINGLE */
.single-post #page-header-wrap {
  height: 600px !important;
  margin-top: 85px !important;
}
.single-post #page-header-bg {
  width: 85%;
  height: 600px !important;
  background-color: transparent !important;
  margin: auto;
  -webkit-border-radius: 110px;
  -moz-border-radius: 110px;
  border-radius: 110px;
}
.single-post #page-header-bg .page-header-bg-image {
  background-position: top center;
}
.single-post .container {
  z-index: 9999 !important;
}
.single-post .page-header-bg-image-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top right,
    rgba(0, 0, 0, 0.8) 0%,
    rgba(0, 0, 0, 0) 60%
  );
  pointer-events: none;
  z-index: 999;
}
.single-post .hentry .container .blog-title .inner-wrap {
  padding: 20% 4% 0 4% !important;
}
.single-post .main-content:first-of-type {
  padding: 0 10%;
}
.single-post .post-content h2,
.single-post .post-content h3,
.single-post .post-content h4 {
  font-size: 40px;
}
.single-post .blog-title .meta-date {
  border: 0 !important;
  padding: 0 !important;
}
.single-post .blog-title .meta-category {
  display: none;
}
.goBack {
  color: black;
}
.goBack:hover {
  text-decoration: underline;
}
.single-post-categories {
  padding: 10px 0 80px 0;
}
.single-post-categories a {
  font-family: Stag-Book;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: #000;
  color: #fff;
  padding: 15px 35px;
  margin-right: 10px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
}
.single-post-categories a:hover,
.single-post-categories a {
  cursor: default !important;
  pointer-events: none !important;
}
.related-post-wrap .row-bg-wrap .row-bg {
  background-color: transparent;
}
.related-post-wrap {
  margin: auto !important;
}
.related-post-wrap h3.related-title {
  font-size: 40px !important;
  color: black;
  padding: 0 !important;
}
.single-post .blog-recent .post-featured-img img {
  min-width: 450px;
}
.single-post .blog-recent.related-posts {
  height: 350px;
}
body.single-post .meta-category {
  display: none;
}
.single-post .blog-recent.related-posts .inner-wrap {
  height: 300px;
  box-shadow: none !important;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0 !important;
  -webkit-border-radius: 60px !important;
  -moz-border-radius: 60px !important;
  border-radius: 60px !important;
}
.single-post .blog-recent.related-posts .inner-wrap > .img-link {
  margin-bottom: auto;
}
.single-post .blog-recent.related-posts .inner-wrap::after {
  z-index: 9;
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top right,
    rgba(0, 0, 0, 0.8) 0%,
    rgba(0, 0, 0, 0) 60%
  );
  -webkit-border-radius: 60px !important;
  -moz-border-radius: 60px !important;
  border-radius: 60px !important;
}
.single-post .blog-recent .article-content-wrap {
  background: transparent;
  margin: -300px 0 0 30px;
  /* padding-bottom: 50px !important; */
}
.blog-recent.related-posts .article-content-wrap {
  padding: 0 10px 30px 10px !important;
}
.single-post .blog-recent .article-content-wrap .post-header .meta {
  display: none;
}
.single-post .blog-recent .article-content-wrap h3.title {
  color: #fff !important;
  font-size: 30px;
}
.blog-recent[data-style*="classic_enhanced"] .meta-category a:not(:first-child),
.masonry.classic_enhanced
  .posts-container
  article
  .meta-category
  a:not(:first-child) {
  display: block;
}

/* SOBRE */
#miles p,
#miles .nectar-milestone .number {
  font-family: Stag-Book;
}
#miles .symbol {
  font-size: 20px;
  padding-left: 12px;
}
.tabsBraga img,
.tabsBraga .slides img {
  max-width: 400px !important;
  -webkit-border-radius: 40px !important;
  -moz-border-radius: 40px !important;
  border-radius: 40px !important;
}
.tabsBraga .flex-gallery .flex-direction-nav {
  top: auto;
  bottom: 50px;
  left: 49%;
  transform: translateX(-49%);
}
.tabsBraga .flex-gallery .flex-direction-nav li {
  margin-left: 15px !important;
}
.tabsBraga .flex-direction-nav a {
  background-color: transparent;
  border: 1px solid white !important;
  line-height: 40px;
  height: 40px;
  width: 40px;
}
.tabsBraga .flex-direction-nav a:hover {
  background-color: #00ae65;
  border: 1px solid #00ae65;
}

/* CONTACTOS */
p.ContactosImgMorada {
  content: url(/wp-content/uploads/2025/10/BragaParque_ContactosMorada_Icon.svg) !important;
}
p.ContactosImgBalcaoInformacoes {
  content: url(/wp-content/uploads/2025/10/BragaParque_ContactosBalcao_Icon.svg) !important;
}
p.ContactosImgEmail {
  content: url(/wp-content/uploads/2025/10/BragaParque_ContactosEmail_Icon.svg) !important;
}

.ContactosFirstSection p a {
  color: #fff !important;
}
.ContactosFirstSection p a:hover {
  color: #fff !important;
  text-decoration: underline;
}

.ContactosMapa .nectar-google-map {
  border-radius: 110px !important;
}

/* SUSTENTABILIDADE */
.Sustentabilidade_Cards .flip-box-front,
.Sustentabilidade_Cards .flip-box-back {
  border-radius: 10px !important;
}

/* PESQUISA */
body.search #page-header-bg {
  background: linear-gradient(
    -180deg,
    rgba(244, 244, 244, 0) 0%,
    rgba(244, 244, 244, 1) 50%
  );
}
body.search-no-results .container-wrap {
  padding: 0 !important;
}
body.search-no-results #search-results h3 {
  font-size: 22px !important;
  line-height: 36px !important;
  text-align: center !important;
  padding: 60px 0 40px 0;
}
body.search-no-results #search-results {
  text-align: center;
}
body.search-no-results #search-results .search-form input {
  -webkit-border-radius: 110px;
  -moz-border-radius: 110px;
  border-radius: 110px;
  padding: 20px 30px;
}
body.search-results #search-results[data-layout*=list] article { padding-left: 145px; }
body.search-results #search-results[data-layout*=list] article .inner-wrap > a {
  width: 120px;
  height: 120px;
  border-radius: 25px;
  background: #fff;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.search-results #search-results[data-layout*=list] article .inner-wrap > a img {
  width: 90%;
  height: 90%;
  object-fit: contain;
  opacity: 1;
}

/* FOOTER */
#copyright p {
  font-size: 11px;
}
div#Footer a {
  color: #fff;
}

/* MOBILE */
@media only screen and (max-width: 1000px) {
  .hideDesktop {
    display: none !important;
  }
  .hideMobile {
    display: block !important;
  }
  .slide-out-widget-area-toggle {
    display: block !important;
  }
  .menu-item-dark-mode {
    display: none !important;
  }
  body
    #slide-out-widget-area.fullscreen
    .inner
    .off-canvas-menu-container
    li
    a {
    letter-spacing: 1px;
  }
  .btnNl a {
    margin-top: 30px;
    background-color: var(--nectar-extra-color-1) !important;
    padding: 15px !important;
    -webkit-border-radius: 60px !important;
    -moz-border-radius: 60px !important;
    border-radius: 60px !important;
  }
}
@media (max-width: 768px) {
  #heroIntro {
    height: 315px;
    display: flex;
    align-items: flex-end;
    padding-bottom: 25px !important;
  }
  #heroIntro p {
    font-size: 14px;
    line-height: 20px;
  }
  /*Menu*/
  header#top .container {
    padding: 20px !important;
  }
  .row-bg-wrap,
  .br60,
  div#mapaApi {
    border-radius: 25px !important;
  }
  .br40 {
    border-radius: 15px !important;
  }
  .br30 {
    border-radius: 5px !important;
  }
  .br25,
  .br25 .vc_column-inner,
  .ContactosMapa .nectar-google-map,
  .wpb_column.tl_br_100px > .vc_column-inner > div[class*="-wrap"],
  .wpb_column.tl_br_100px > .vc_column-inner {
    border-radius: 25px !important;
  }
  .HomepageBanner h1 {
    font-size: 34px;
    line-height: 38px;
    padding: 10px 0;
  }

  div#BannerHPMob {
    display: block !important;
  }

  div#BannerHPMob .row_col_wrap_12.col.span_12.dark.left,
  div#BannerHPMob .parallax_slider_outer.element-in-view,
  div#BannerHPMob .swiper-slide.swiper-slide-visible.swiper-slide-active,
  div#BannerHPMob .swiper-container,
  div#BannerHPMob div#nectar-slider-instance-2 {
    min-height: 60vh !important;
    height: 60vh !important;
  }

  div#BannerHPMob
    .nectar-slider-wrap[data-full-width="false"]
    .swiper-slide
    .content
    p,
  #boxed .swiper-slide .content p {
    color: #fff !important;
    font-size: 18px !important;
  }

  div#BannerHPMob .slide-bg-wrap .image-bg.translate,
  div#BannerHPMob .slide-bg-wrap .video-wrap.translate {
    transform: none !important;
    height: 65vh !important;
  }

  div#BannerHPMob h1.ns-heading-el {
    line-height: 40px !important;
    margin-bottom: 2vh;
  }

  div#BannerHP {
    display: none !important;
  }

  div#BannerHPMob .image-bg.translate {
    filter: brightness(0.7);
  }

  div#BannerHPMob
    .nectar-slider-wrap[data-fullscreen="false"]
    .swiper-slide
    .button
    a {
    font-size: 14px !important;
  }

  /* Move both arrows to the right side */
  div#BannerHPMob .slider-prev {
    right: 15px;
    left: auto;
    top: 45%;
    transform: translateY(-50%);
    display: block !important;
  }

  div#BannerHPMob .slider-next {
    right: 43px;
    left: auto;
    top: 58%;
    transform: translateY(-50%);
    display: block !important;
  }

  /* Hide the default font-awesome arrows */
  div#BannerHPMob .slider-prev i,
  div#BannerHPMob .slider-next i {
    display: none;
  }

  div#BannerHPMob .slider-prev {
    margin-right: 3vw;
    background: url("/wp-content/uploads/2025/10/BragaParque_ArrowLeftCarousel.svg")
      no-repeat center center;
    background-size: contain;
    width: 45px;
    height: 45px;
  }

  /* Prev hover */
  div#BannerHPMob .slider-prev:hover {
    background-image: url("/wp-content/uploads/2025/10/BragaParque_ArrowLeftCarouselHover.svg");
  }

  div#BannerHPMob .slider-next {
    margin-left: 0;
    background: url("/wp-content/uploads/2025/10/BragaParque_ArrowRightCarousel.svg")
      no-repeat center center;
    background-size: contain; /* keeps the image proportional */
    width: 45px; /* adjust size as needed */
    height: 45px;
  }

  /* Next hover */
  div#BannerHPMob .slider-next:hover {
    background-image: url("/wp-content/uploads/2025/10/BragaParque_ArrowRightCarouselHover.svg");
  }

  .nectar-slider-wrap[data-button-styling="btn_with_preview"]
    .swiper-container
    .slider-next.next-arrow-move {
    margin-right: -15px !important;
  }

  .nectar-slider-wrap[data-button-styling="btn_with_preview"]
    .swiper-container
    .swiper-slide.next-move,
  .nectar-slider-wrap[data-button-styling="btn_with_preview"]
    .swiper-container
    .swiper-slide.prev-move {
    transform: none !important;
    -webkit-transform: none !important;
  }
  #slide-out-widget-area.fullscreen .inner-wrap > .inner {
    margin: 10px auto !important;
    padding: 0 50px !important;
  }
  #slide-out-widget-area.fullscreen .inner-wrap > .inner > div {
    padding: 0;
    margin: 0;
  }
  .resizeMobile h1 {
    font-size: 28px !important;
  }
  .row-bg.viewport-desktop.using-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgb(0 0 0 / 45%);
    pointer-events: none;
    z-index: 999;
  }
  /*Newsletter*/
  form#mc-form,
  form#mc-form-2 {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
  }
  form#mc-form input {
    width: 100% !important;
    margin-bottom: 2vh;
    padding-left: 20px !important;
  }
  form#mc-form button,
  form#mc-form-2 button {
    width: 100% !important;
  }
  form#mc-form-2 input,
  form#mc-form-2 select {
    width: auto !important;
    margin-bottom: 2vh;
    padding: 2.2vh 1vw !important;
    height: 60px !important;
    padding-left: 20px !important;
  }

  form#mc-form-2 select#mc-genero {
    -webkit-appearance: none; /* remove native arrow styling */
    -moz-appearance: none;
    appearance: none;
    padding-left: 20px !important; /* your desired padding */
    text-indent: 0.01px; /* ensures placeholder respects padding */
    text-overflow: ""; /* avoids clipping */
    background-position: right 1vw center; /* keep dropdown arrow visible */
  }

  form#mc-form-2 input#mc-nascimento::placeholder {
    color: #000 !important;
  }

  form#mc-form-2 input::placeholder {
    color: #000 !important;
    font-size: 14px !important;
  }

  .FormDateBirth {
    position: relative;
    width: 100% !important;
  }

  .FormDateBirth input {
    width: 100% !important;
    padding: 18px 12px 6px; /* top padding larger so label sits inside */
    font-size: 16px;
    border: 1px solid #000;
    border-radius: 25px;
    box-sizing: border-box;
    background: transparent;
  }

  form#mc-form-2 input.email.flatpickr-input.flatpickr-mobile {
    width: 100% !important;
  }

  form#mc-form-2 input#mc-nascimento {
    width: 100% !important;
  }

  .FormDateBirth .floating-label {
    position: absolute;
    left: 12px;
    top: 18px; /* match input top padding */
    font-size: 16px;
    color: #888;
    pointer-events: none;
    transition: 0.2s ease all;
    background: #fff;
    padding: 0 4px;
  }

  .FormDateBirth input:focus + .floating-label,
  .FormDateBirth input:not(:placeholder-shown) + .floating-label,
  .FormDateBirth input.has-value + .floating-label {
    top: -6px;
    font-size: 12px;
    color: #000;
  }

  .NewsletterFull br {
    display: none;
  }
  form#mc-form-2 input[type="checkbox"] {
    width: 6% !important;
    height: 20px !important;
    margin-right: 3% !important;
  }
  form#mc-form-2 abel.formNLTermos {
    width: calc(88% - 30px) !important;
  }

  form#mc-form-2 button {
    margin-top: 10%;
  }
  /* Novidades*/
  #blogPosts ul.wpb_tabs_nav {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  h3.post-heading {
    font-size: 22px !important;
  }
  .single-post h1.entry-title {
    line-height: 46px !important;
  }
  .single-post-categories {
    padding: 10px 0 40px 0;
  }
  .single-post #page-header-bg {
    border-radius: 20px !important;
    margin-top: 5%;
  }
  body.single-post.material[data-bg-header="true"] .container-wrap {
    padding-top: 0px !important;
  }
  .single-post #page-header-wrap {
    height: auto !important;
    margin-bottom: 5%;
  }
  .single-post .post-content h3,
  h3.related-title {
    line-height: 50px !important;
  }
  .single-post .blog-recent.related-posts {
    height: 100% !important;
  }
  .single-post .post .content-inner {
    padding-bottom: 10%;
  }
  .single-post .main-content:first-of-type {
    padding: 0 8% !important;
  }
  .single-post .blog-recent.related-posts {
    padding: 0;
  }
  .single-post .blog-recent.related-posts .inner-wrap,
  .single-post .blog-recent.related-posts .inner-wrap::after {
    -webkit-border-radius: 25px !important;
    -moz-border-radius: 25px !important;
    border-radius: 25px !important;
  }
  body.single-post[data-button-style*="slightly_rounded"]
    .blog-recent[data-style*="classic_enhanced"]
    .meta-category
    a {
    top: 20px;
    left: 30px;
  }
  .single-post .blog-recent .article-content-wrap {
    margin: -300px 0 0 0px;
    padding-bottom: 20px !important;
  }
  /* Secção Cinema */

  .displayNoneMob {
    display: none !important;
  }

  .MarginNoneMob {
    margin-bottom: 0px !important;
  }

  div#CinemasSection .carousel-header {
    display: flex !important;
    flex-direction: column;
    gap: 20px;
  }
  div#CinemasSection .buttons {
    text-align: center;
  }
  .wpb_column.br_br_110px > .vc_column-inner > div[class*="-wrap"],
  .wpb_column.br_br_110px > .vc_column-inner,
  div#DarkMode-WhiteBG,
  body.wp-singular.post-template-default.single.single-post.mobile.dark-mode
    .container.main-content {
    -webkit-border-radius: 25px !important;
    -moz-border-radius: 25px !important;
    border-radius: 25px !important;
  }

  div#CinemasSection #carousel {
    height: 280px;
  }

  div#CinemasSection #carousel div.prev img {
    width: 115px !important;
  }

  div#CinemasSection #carousel div.prevLeftSecond img {
    width: 70px !important;
  }

  /*Página Cinemas*/
  div#generos_cinema,
  section#lojas {
    padding: 0px 30px;
  }
  div#generos_cinema .wpb_raw_code.wpb_content_element.wpb_raw_html,
  section#lojas .wpb_column.vc_column_container.vc_col-sm-3 {
    margin-bottom: 0px !important;
  }
  div#teste {
    padding: 0px;
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: space-evenly;
  }
  div#teste .wpb_column.vc_column_container.vc_col-sm-1 {
    width: auto !important;
  }
  a.LayoutRestauranteTextIcon,
  a.LayoutLojasTextIcon {
    max-width: 34vw !important;
    min-width: 34vw !important;
    min-height: 19vh !important;
    padding: 2vh;
    display: flex !important;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    margin-bottom: 0px !important;
  }
  div#filme-individual,
  div#teste,
  div#loja,
  section#lojas .OrdenarLojasText {
    padding: 0px 20px;
    width: auto;
    margin-top: 4vh !important;
    margin-bottom: 2vh !important;
    margin: 0 auto;
  }
  .GridLayoutRestaurantes,
  .GridLayoutLojas {
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    border-bottom: 1px solid #000 !important;
    justify-content: space-evenly;
  }
  .GridLayoutLojas .wpb_text_column.wpb_content_element .wpb_wrapper,
  .GridLayoutRestaurantes .wpb_text_column.wpb_content_element .wpb_wrapper {
    padding-right: 0px !important;
  }

  a.VerMapaBT p {
    width: auto !important;
  }

  /* Lojas*/
  div#loja h1 {
    padding-top: 2vh !important;
  }
  a.LayoutRestauranteTextIcon img {
    margin-right: 0px !important;
  }
  .alphabet ul {
    margin-right: 6vw;
    margin-left: 0px !important;
  }
  /* Sobre Nos */
  .wpb_wrapper h3.vc_custom_heading {
    font-size: 34px !important;
    line-height: 38px !important;
    padding-top: 30px;
  }
  .tabsBraga img,
  .tabsBraga .slides img {
    max-width: 100% !important;
  }
  .tabsBraga .flex-gallery .flex-direction-nav {
    bottom: 30px;
  }
  .nectar-milestone {
    margin-bottom: 0 !important;
  }
  .nectar-milestone .number {
    font-size: 30px !important;
  }
  /* Footer */
  .before-footer .container {
    max-width: 100% !important;
  }
  p.ContactosImgMorada,
  p.ContactosImgBalcaoInformacoes,
  p.ContactosImgEmail,
  p.ContactosImgEmail,
  .imgResize {
    height: 60px;
  }
}

/* Target iOS Safari */
@supports (-webkit-touch-callout: none) {
  .FormDateBirth input.flatpickr-input {
    width: 100% !important; /* force full width */
    max-width: 100% !important; /* ensure it doesn't exceed parent */
    min-width: 0; /* prevent flexbox overflow issues */
    display: block; /* makes width calculation reliable */
    box-sizing: border-box; /* include padding & border in width */
  }
}
/* Overlay */
.spinner-overlay {
  display: none; /* começa escondido */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4); /* semitransparente */
  z-index: 9999; /* acima de tudo */
  justify-content: center;
  align-items: center;
}

/* Spinner */
.css-spinner {
  width: 50px;
  height: 50px;
  border: 6px solid #f3f3f3; /* cor de fundo */
  border-top: 6px solid #3498db; /* cor animada */
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

/* Animação */
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}