/***
=====================================================
  Na Praia brand override — same selectors color.css targets,
  remapped from CarePress pink/lime to the real Na Praia palette.
  Load AFTER color.css/theme-color.css so these rules win.
  Red stays reserved for emergency CTAs, green for WhatsApp only —
  everywhere color.css used the old "thm-clr" pink/lime for generic
  UI accents (nav hover, prices, icons), it becomes navy here.
=====================================================
***/
.thm-clr,
.header-contact-info ul li span:before,
.header-social-link ul li a:hover,
.main-menu .navigation>li:hover>a,
.main-menu .navigation>li.current>a,
.main-menu .navigation>li>ul>li>a:hover,
.main-menu .navigation> li> ul> li:hover> a,
.main-menu .navigation> li> ul> li> ul> li> a:hover,
.main-menu.style2 .navigation>li:hover>a,
.main-menu.style2 .navigation>li.current>a,
.main-slider .content h5,
.main-menu .navigation> li> ul> li.dropdown> a:after,
.single-featured-box .inner .icon span:before,
.sec-title h5,
.sec-title .icon,
.single-service-style1 .text-holder h3 a:hover,
.single-service-style1:hover .text-holder .button a,
.working-hours-box ul li .right.holiday,
.feautres-content-box .inner-content ul li .icon span:before,
.single-priceing-plan-box .top .left p,
.single-priceing-plan-box .top .right h2 span,
.single-priceing-plan-box ul li span:before,
.single-testimonial-style1 .text-holder span,
.single-blog-style1 .text-holder .meta-info li span:before,
.single-blog-style1 .text-holder .meta-info li a:hover,
.single-blog-style1 .text-holder .blog-title a:hover,
.footer-menu ul li a:hover,
.mobile-menu .navigation li.current > a,
.mobile-menu .navigation li > a:hover,
.sticky-header .main-menu .navigation>li:hover>a,
.sticky-header .main-menu .navigation>li.current>a,
.mobile-menu .social-links li a:hover,
.header-contact-info ul li a:hover,
.hidden-bar .contact-info-box ul li h5{
    color: #005F9B;
}

.bar-box ul li,
.main-slider .owl-theme .owl-nav .owl-next:hover,
.main-menu .navigation>li>ul>li>a:before,
.main-slider .content h2 .round,
.sec-title h2 .round-box,
.about-style1-content-box ul li .icon span:before,
.video-gallery-area,
.working-hours-box .title h3 span,
.single-team-member:hover .img-holder .round-bottom,
.single-blog-style1 .text-holder .blog-title .round-box,
.footer-contact-info .single-box .icon,
.scroll-top,
.btn-one.style2:after,
.btn-one,
.single-service-style2:after,
.styled-pagination li:hover a,
.styled-pagination li.active a,
.main-menu .navigation> li> ul> li> ul> li a:before,
.bar-box:hover ul li.red2,
.nav-outer .mobile-nav-toggler .inner {
    background: #005F9B;
}

.overlay-style-one.bg1,
.overlay-style-one.bg2,
.single-blog-style1 .img-holder .inner:before {
    background-color: rgba(0, 77, 128, 0.70);
}
.single-blog-style2 .outer-box:before{
    background-color: rgba(0, 77, 128, 0.90);
}

.filter-checkbox input[type="checkbox"]:checked + label span,
.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]:hover {
    border-color: #005F9B;
}
.mobile-menu .navigation li > a:before {
    border-left: 5px solid #005F9B;
}

/* secondary navy tone — replaces the old lime "Color Two" role */
.working-hours-box ul li .right,
.single-team-member .title-holder h5,
.single-priceing-plan-box .button a i{
    color: #1478B5;
}
.about-experience-box,
.btn-one:after,
.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"],
.btn-one.style2,
.single-priceing-plan-box.style2 .button a{
    background: #1478B5;
}
.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]{
    border-color: #1478B5;
}

/* emergency red — reserved exclusively for the "Disque Emergência" CTA */
.btn-emergencia{background:#C8102E !important;}
.btn-emergencia:hover{background:#9C0C23 !important;}
/* whatsapp green — reserved exclusively for WhatsApp CTAs */
.btn-whats{background:#61CE70 !important;color:#0F2B16 !important;}
.btn-whats:hover{background:#3FAE50 !important;color:#fff !important;}

/* CarePress expects an absolutely-positioned header floating over a full-bleed
   slider. Our hero is a static section, not a slider, so the header needs to
   sit in normal flow above it instead of overlapping its top ~300px. */
.main-header{ position:relative; }

/* Real logo is 456x129 (native, no built-in whitespace) — CarePress's own logo
   was small enough that the template never needed to cap <img> size. Ours does,
   or it renders at full native height and blows up the whole header bar. */
.header-left .logo{ padding:14px 0; }
.header-left .logo img,
.sticky-header .logo img,
.mobile-menu .nav-logo img{ height:38px; width:auto; }
.hidden-bar .logo img{ height:34px; width:auto; }
.footer-logo .logo img{ height:30px; width:auto; }

/* .single-featured-box sizes to its own content, so the 3 cards go uneven
   whenever one title wraps to an extra line. Stretch them to match. */
.featured-area .col-xl-4{ display:flex; }
.featured-area .single-featured-box{ width:100%; }

/* Same fix for the 4 specialty cards — plus pin "Ligar Agora" to a common
   baseline so cards with a longer description don't push it down unevenly. */
.service-style1-area .row > div{ display:flex; }
.single-service-style1{ width:100%; display:flex; flex-direction:column; }
.single-service-style1 .text-holder{ flex:1 1 auto; display:flex; flex-direction:column; }
.single-service-style1 .text-holder .button{ margin-top:auto; }

/* working-hours-box sizes to its own (short) content by default, leaving it
   shorter than the "Diferenciais" column beside it. Stretch it to match, and
   vertically center the white card inside the now-taller photo panel. */
.feautres-area .col-xl-6{ display:flex; }
.working-hours-box{ width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; }

/* The bare .testimonial-carousel (no .owl-nav-style-one/-two modifier) ships
   with zero nav/dot CSS in style.css — arrows render as tiny unstyled text
   and dots collapse to 0x0px. Style them so the carousel reads as a carousel. */
.testimonial-carousel .owl-nav{ display:flex; gap:14px; justify-content:center; margin-top:28px; }
.testimonial-carousel .owl-nav [class*="owl-"]{
  width:48px; height:48px; border-radius:50%; background:#fff;
  border:2px solid var(--navy-100); color:var(--navy-600);
  display:flex; align-items:center; justify-content:center; font-size:16px;
  box-shadow:0 6px 16px -8px rgba(0,48,79,.3); transition:background .2s ease,color .2s ease;
}
.testimonial-carousel .owl-nav [class*="owl-"] p{ display:none; }
.testimonial-carousel .owl-nav [class*="owl-"]:hover{ background:var(--navy-600); color:#fff; }
.testimonial-carousel .owl-dots{ display:flex; gap:8px; justify-content:center; margin-top:18px; }
.testimonial-carousel .owl-dots .owl-dot span{
  display:block; width:9px; height:9px; border-radius:50%; background:var(--navy-100); transition:background .2s ease,transform .2s ease;
}
.testimonial-carousel .owl-dots .owl-dot.active span{ background:var(--navy-600); transform:scale(1.25); }

/* Real Google reviews have no usable photo asset (avatar crops aren't ours to
   lift) — an initial-letter tile fills the same 320px .img-holder slot honestly. */
.gr-avatar{ width:100%; aspect-ratio:1/1; border-radius:35px; display:flex; align-items:center; justify-content:center; font:800 96px 'Poppins',sans-serif; color:#fff; }
.single-testimonial-style1 .text-holder span.gr-stars{ color:var(--amber); letter-spacing:2px; }

/* footer-bg.png's rounded top edge is antialiased over ~16px near its widest
   point — shifting more than that (previous -26px) clipped the curve itself
   flat. -8px tightens the soft edge without cropping the actual dome shape. */
.footer-area .footer-bg{ background-position:center -8px; }

/* footer-menu (Termos/Política links) was removed — its divider line moves
   onto footer-contact-info directly, which now gets the extra room to
   breathe and wrap instead of forcing the address into a cramped column. */
.footer-contact-info{
  margin-top:0;
  border-top:2px solid #343763;
  padding-top:38px;
}
@media only screen and (min-width:1200px){
  .footer-contact-info{
    flex-wrap:wrap;
    align-items:flex-start;
    gap:28px 48px;
  }
  .footer-contact-info .single-box{ margin-left:0; flex:0 1 auto; }
  .footer-contact-info .single-box.addr-box{ flex:1 1 360px; max-width:440px; }
  .footer-contact-info .single-box .title h3{ font-size:18px; line-height:27px; }
  .footer-social-info{ margin-left:0; }
}

/* small decorative accents kept from CarePress for warmth (icon variants only) */
.single-featured-box .inner .icon span.clr2:before{ color:#F9BE4F; }
.single-featured-box .inner .icon span.clr3:before{ color:#6EC1E4; }