/* Spectrum → Full Pink Theme Override
   Brand primary: #CD2B88 (rgb 205,43,136)
   Hover/active: #B02477
   Focus/dark:   #901A63
   Light tint:   #F6E6F0
   Secondary:    #F9CEE4
   Notes:
   - Replaces old primary blues (#439ad5, #2e8fd0) and light tone (#f4f5f7 accents) with pink brand.
   - Keep structural dark backgrounds (#3e444d) intact.
*/

/* --- Global link + primary text --- */
a { color: #CD2B88; transition: color .2s ease-in-out; }
a:hover, a:focus, a:active { color: #B02477; outline: none; }
.text-primary { color: #CD2B88 !important; }

/* --- Rules / separators --- */
hr.primary { border-top: 6px solid #CD2B88; }
hr.primary-small { border-top: 3px solid #CD2B88; }

/* --- Background helpers --- */
.bg-primary { background: #CD2B88 !important; color: #fff !important; }

/* --- Navbar underlines & active states --- */
@media (min-width: 767px) {
  .navbar-dark .nav li a:after,
  .navbar-light .nav li a:after { background: #CD2B88; }
  .navbar-dark .nav li.active a,
  .navbar-light .nav li.active a { color: #CD2B88 !important; }
  .navbar-dark.top-nav-collapse .nav li a:after,
  .navbar-light.top-nav-collapse .nav li a:after { background: #CD2B88; }
}

/* --- Buttons (Primary) --- */
.btn-primary {
  color: #fff;
  background-color: #CD2B88;
  border-color: #CD2B88;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #B02477;
  border-color: #B02477;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #CD2B88;
  border-color: #CD2B88;
}
.btn-primary .badge { color: #CD2B88; background-color: #fff; }

/* Outline variant */
.btn-outline.btn-primary {
  border: 1px solid #CD2B88;
  color: #CD2B88;
  background-color: transparent;
}
.btn-outline.btn-primary:hover,
.btn-outline.btn-primary:focus {
  border-color: #CD2B88;
  color: #fff;
  background-color: #CD2B88;
}

/* --- Form focus states --- */
.form-control:focus {
  border-color: #CD2B88 !important;
  box-shadow: 0 0 0 0.2rem rgba(205, 43, 136, 0.25);
}
.contact-1 form .floating-label-form-group-with-focus label,
.contact-2 form .floating-label-form-group-with-focus label { color: #CD2B88; }

/* --- Portfolio / gallery overlays --- */
.portfolio-1 .portfolio-item .portfolio-link .caption { background: rgba(62, 68, 77, 0.9); }
.portfolio-1 .portfolio-item .portfolio-link .caption .caption-content { color: #fff; }
.portfolio-1 .portfolio-item .portfolio-link .caption .caption-content i { color: #fff; }
.carousel-indicators .active { background-color: #CD2B88; }

/* --- Section overlays previously primary --- */
.aside-overlay, .section-overlay { background-color: rgba(205, 43, 136, 0.8); }
.about-1 #about-1-carousel .item .info,
.about-3 #about-1-carousel .item .info,
.about-1 #about-3-carousel .item .info,
.about-3 #about-3-carousel .item .info { background: rgba(205, 43, 136, 0.8); }

/* --- Alerts / badges / tables --- */
.alert-primary {
  background-color: #F9CEE4;
  border-color: #CD2B88;
  color: #901A63;
}
.badge-primary { background-color: #CD2B88; }
.table-primary > thead { background-color: #CD2B88; color: #fff; }

/* --- Misc accents --- */
blockquote { border-left: 5px solid #CD2B88; }
mark, .highlight { background-color: #F9CEE4; color: #901A63; }

/* --- Footer links hover --- */
.footer-1 .upper .footer-links li a:hover,
.footer-2 a:hover { color: #F9CEE4; }

/* --- Accessibility focus --- */
.btn-primary:focus { outline: 2px solid #901A63; outline-offset: 2px; }

/* --- Image hover zoom (global) --- */
img { will-change: transform; transform: scale(1) translateZ(0); transition: transform .9s ease-out; }
img:hover { transform: scale(1.06); transition: transform 3.3s cubic-bezier(.19,1,.22,1); }

/* --- Selection and webkit scrollbar --- */
::selection { background-color: #CD2B88; color: #fff; }
::-moz-selection { background-color: #CD2B88; color: #fff; }
::-webkit-scrollbar-thumb { background-color: #CD2B88; border-radius: 6px; }
::-webkit-scrollbar-thumb:hover { background-color: #B02477; }

.navbar-dark .top-nav-collapse{
	background-color: #a7a8a9;
        border-color: #a7a8a9;
}