/* Conen Digital fixes for the skincare template — loaded last */

/* The brand link is a shrinkable flex item: keep the logo at its own size next to the menu */
.navbar-brand {
    flex-shrink: 0;
}

/* Accessible rose palette: white on rose 5.6:1; rose on blush >4.5:1. */
:root { --sk-rose: #ae4147; --sk-ink: #30292a; }
.navbar .navbar-nav .nav-link.active,
.navbar .navbar-nav .nav-link:hover,
.caption .heading,
.about-us .media .media-body h5,
.about-us .media i,
.gallery .cbp-l-filters-buttonCenter .cbp-filter-item:hover,
.gallery .cbp-l-filters-buttonCenter .cbp-filter-item-active.cbp-filter-item,
.social-icons ul li a { color: var(--sk-rose); }
.btn.pink-btn { background-color: var(--sk-rose); border-color: var(--sk-rose); color: #fff; }
.about-us-2,
.testimonial-section .carousel-section { background-color: var(--sk-rose); }
.btn.btn-hvr-white:hover { color: var(--sk-rose); }
.btn.btn-hvr-black:hover { background-color: var(--sk-ink); border-color: var(--sk-ink); }
.social-icons ul li a:hover { background-color: var(--sk-rose); color: #fff; }
.gallery .gallery-heading .subheading { color: #625658; opacity: 1; }
.contact-form .form-control::placeholder { color: #625658; opacity: 1; }
.contact-section .contact-form .form-control { color: var(--sk-ink); border-bottom-color: #887b7d; }
.contact-section .contact-form .form-control:focus { border-bottom-color: var(--sk-rose); }
/* A solid caption panel keeps small hover copy readable independently of the photo. */
.gallery .cbp-l-grid-mosaic-flat .cbp-caption-activeWrap,
.gallery .cbp-l-grid-mosaic-flat .cbp-caption-activeWrap:hover { background: var(--sk-rose); opacity: 1; }
.side-menu { background-image: linear-gradient(90deg, rgba(67,27,31,.86), rgba(67,27,31,.78)), url('../img/side-menu.jpg'); }
.side-menu .social-icons-simple li a:hover { color: var(--sk-rose); }
/* Comfortable reading rhythm without changing the section layout. */
.about-us-2 .about-text p { font-size: 16px; line-height: 1.75; text-align: left; }
.caption .text { text-align: left; line-height: 1.65; }
.about-us-2 .about-text h2 { letter-spacing: -1.5px; }
a:focus-visible, .cbp-filter-item:focus-visible { outline: 3px solid #30292a; outline-offset: 5px; }
.side-menu a:focus-visible, .about-us-2 a:focus-visible { outline-color: #fff; }
@media (max-width: 767px) {
    .caption .heading { letter-spacing: -1.2px; line-height: 1.2; }
    .caption .text, .about-us-2 .about-text p { text-align: center; }
    .testimonial-section .carousel-section { padding-left: 20px; padding-right: 20px; }
}