/* ===========================================================================
   Farmacia Ainhoa Bengoetxea - brand skin override
   Layout/structure is fully inherited from the Hectolab template CSS.
   This file ONLY re-skins the accent palette: the template's green (#4ab242)
   and Bootstrap's green "success" token are remapped to a teal scheme so the
   site is visually distinct from the Italian donor while keeping the layout.
   Loaded LAST, after every template stylesheet.
   Primary teal: #0e8c8c   Dark teal: #0a6b6b   rgb: 14,140,140
   =========================================================================== */

/* --- Bootstrap success token remap (covers bg-success / text-success /
       border-success / *-opacity utilities used across the markup) --------- */
:root{
  --bs-success:#0e8c8c;
  --bs-success-rgb:14,140,140;
  --bs-link-color:#0e8c8c;
  --bs-link-hover-color:#0a6b6b;
}
.link-success{color:#0e8c8c!important;}
.btn-success{--bs-btn-bg:#0e8c8c;--bs-btn-border-color:#0e8c8c;--bs-btn-hover-bg:#0a6b6b;--bs-btn-hover-border-color:#0a6b6b;--bs-btn-active-bg:#0a6b6b;--bs-btn-active-border-color:#0a6b6b;}

/* --- Core theme tokens (was #4ab242) ------------------------------------- */
h1,h1 span{color:#0e8c8c;}
.text-theme,.text-yellow{color:#0e8c8c!important;}
.text-verde{color:#0e8c8c!important;}
.theme-bg{background-color:#0e8c8c!important;}

/* links / generic accents */
a{color:#0e8c8c;}
a:hover,a:focus{color:#0a6b6b;}

/* --- Header / navigation ------------------------------------------------- */
.topbar-link li a:hover,.top-bar .top-social-list li a:hover{color:#0e8c8c;}
.navbar-nav .nav-link:hover,.navbar-nav .nav-link:focus,.navbar-nav .nav-item .nav-link.active{color:#0e8c8c;}
.header-3 #header-wrap.fixed-header .navbar-nav .nav-item .nav-link.active{color:#0e8c8c;}

/* --- Buttons ------------------------------------------------------------- */
.btn.btn-theme{background:#0e8c8c;color:#fff;}
.btn.btn-theme:hover{background:#202125;border-color:#0e8c8c;}
.btn.btn-border{border:1px solid #0e8c8c;}
.btn.btn-white.btn-border:hover{color:#0e8c8c;}

/* --- Section titles ------------------------------------------------------ */
.title span{color:#0e8c8c;}
.dark-bg .title span,.theme-bg .title span{color:#fff;}
.section-title h6:before{background:#0e8c8c;}
.theme-bg .section-title h6:before{background:#fff;}

/* --- Featured service tiles (servicios grid icons) ---------------------- */
.featured-item .featured-icon i{color:#0e8c8c;}
.featured-item:hover .featured-icon i{background:#0e8c8c;color:#fff;}
.featured-item .featured-icon:before,.featured-item .featured-icon:after{background:#0e8c8c;}

/* --- Homepage 3-step blocks --------------------------------------------- */
.featured-step{border-bottom:2px solid #0e8c8c;}
.featured-step > span{color:#0e8c8c;}
.featured-step.style-3 span:before{background:#0e8c8c;}

/* --- Service carousel item icon ----------------------------------------- */
.service-icon i{background:#0e8c8c;}
.dark-service .service-item .service-description a:hover,.service-description a:hover{color:#0e8c8c;}

/* --- Contact / forms ----------------------------------------------------- */
.contact-info li i{color:#0e8c8c;}
.contact-info li a:hover{color:#0e8c8c;}
.theme-bg .contact-info li a:hover{color:#202125;}
.form-control:focus{border-color:#0e8c8c;}
.form-control::-webkit-input-placeholder{color:#0e8c8c;}

/* --- Lists / pricing / misc accents ------------------------------------- */
.list-icon li i{color:#0e8c8c;}
.pricing-list li{color:#0e8c8c;}
.countdown > li p{color:#0e8c8c;}
.tab .nav-tabs .nav-link.active,.tab .nav-tabs .nav-link:hover{background:#0e8c8c;color:#fff;}
.video-btn .btn-play{background:#0e8c8c;}
.theme-bg .video-btn .btn-play,.dark-bg .video-btn .btn-play{color:#0e8c8c;}

/* --- Footer -------------------------------------------------------------- */
.footer-list li a:hover{color:#0e8c8c;}
.footer-2 .secondary-footer{background:#0e8c8c;}

/* --- Back-to-top --------------------------------------------------------- */
.scroll-top a,.scroll-top a:visited{background:#0e8c8c;}
.scroll-top a:hover,.scroll-top a:focus{color:#0e8c8c;background:#fff;}

/* --- rgba(74,178,66,*) soft-tint replacements (approximate as teal tint) - */
.border-success{border-color:#0e8c8c!important;}

/* --- Brand wordmark logo (text-based, used in header + footer) ----------- */
.brand-wordmark{display:inline-flex;align-items:center;gap:10px;text-decoration:none;line-height:1;}
.brand-wordmark .bw-cross{position:relative;width:34px;height:34px;flex:0 0 34px;border-radius:8px;background:#0e8c8c;box-shadow:0 2px 6px rgba(14,140,140,.35);}
.brand-wordmark .bw-cross:before,.brand-wordmark .bw-cross:after{content:"";position:absolute;background:#fff;border-radius:2px;}
.brand-wordmark .bw-cross:before{left:50%;top:7px;width:6px;height:20px;margin-left:-3px;}
.brand-wordmark .bw-cross:after{top:50%;left:7px;height:6px;width:20px;margin-top:-3px;}
.brand-wordmark .bw-text{display:flex;flex-direction:column;}
.brand-wordmark .bw-name{font-family:'Fira Sans',sans-serif;font-weight:800;font-size:20px;color:#0e8c8c;letter-spacing:.2px;text-transform:none;line-height:1.05;}
.brand-wordmark .bw-name small{display:block;font-weight:600;font-size:11px;letter-spacing:2px;color:#202125;text-transform:uppercase;}
.footer-wordmark .bw-name{color:#fff;}
.footer-wordmark .bw-name small{color:#cfeaea;}
.footer-wordmark .bw-cross{background:#fff;}
.footer-wordmark .bw-cross:before,.footer-wordmark .bw-cross:after{background:#0e8c8c;}
@media (max-width:575px){.brand-wordmark .bw-name{font-size:17px;}.brand-wordmark .bw-cross{width:30px;height:30px;flex-basis:30px;}}