@import url('https://fonts.googleapis.com/css2?family=Gabarito:wght@400..900&display=swap');

:root
{
	--bs-light-gray: #FFFDF7;
	--bs-deep-purple: #3B062B;
	--bs-wine-red: #72142E;
	--bs-soft-beige: #FAF0DE;
	--bs-warm-beige: #F4E1C0;
	--bs-bright-red: #ED1C24;
}

/* Background Color Classes */
.bg-light-gray { background-color: #FFFDF7 !important; }
.bg-deep-purple { background-color: #3B062B !important; }
.bg-wine-red { background-color: #72142E !important; }
.bg-soft-beige { background-color: #FAF0DE !important; }
.bg-warm-beige { background-color: #F4E1C0 !important; }
.bg-bright-red { background-color: #ED1C24 !important; }

/* Text Color Classes */
.text-light-gray { color: #FFFDF7 !important; }
.text-deep-purple { color: #3B062B !important; }
.text-wine-red { color: #72142E !important; }
.text-soft-beige { color: #FAF0DE !important; }
.text-warm-beige { color: #F4E1C0 !important; }
.text-bright-red { color: #ED1C24 !important; }

/* Border Color Classes */
.border-light-gray { border-color: #FFFDF7 !important; }
.border-deep-purple { border-color: #3B062B !important; }
.border-wine-red { border-color: #72142E !important; }
.border-soft-beige { border-color: #FAF0DE !important; }
.border-warm-beige { border-color: #F4E1C0 !important; }
.border-bright-red { border-color: #ED1C24 !important; }

/* Button Classes */
.btn-light-gray
{
	--bs-btn-color: #3B062B;
	--bs-btn-bg: #FFFDF7;
	--bs-btn-border-color: #FFFDF7;
	--bs-btn-hover-color: #3B062B;
	--bs-btn-hover-bg: #f0ede5;
	--bs-btn-hover-border-color: #f0ede5;
	--bs-btn-focus-shadow-rgb: 255, 253, 247;
	--bs-btn-active-color: #3B062B;
	--bs-btn-active-bg: #e8e4dc;
	--bs-btn-active-border-color: #e8e4dc;
}

.btn-deep-purple
{
	--bs-btn-color: #fff;
	--bs-btn-bg: #3B062B;
	--bs-btn-border-color: #3B062B;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #2d0520;
	--bs-btn-hover-border-color: #2d0520;
	--bs-btn-focus-shadow-rgb: 59, 6, 43;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #1f0316;
	--bs-btn-active-border-color: #1f0316;
}

.btn-wine-red
{
	--bs-btn-color: #fff;
	--bs-btn-bg: #72142E;
	--bs-btn-border-color: #72142E;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #5e1125;
	--bs-btn-hover-border-color: #5e1125;
	--bs-btn-focus-shadow-rgb: 114, 20, 46;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #4a0e1c;
	--bs-btn-active-border-color: #4a0e1c;
}

.btn-soft-beige
{
	--bs-btn-color: #3B062B;
	--bs-btn-bg: #FAF0DE;
	--bs-btn-border-color: #FAF0DE;
	--bs-btn-hover-color: #3B062B;
	--bs-btn-hover-bg: #f2e8d2;
	--bs-btn-hover-border-color: #f2e8d2;
	--bs-btn-focus-shadow-rgb: 250, 240, 222;
	--bs-btn-active-color: #3B062B;
	--bs-btn-active-bg: #eae0c6;
	--bs-btn-active-border-color: #eae0c6;
}

.btn-warm-beige
{
	--bs-btn-color: #3B062B;
	--bs-btn-bg: #F4E1C0;
	--bs-btn-border-color: #F4E1C0;
	--bs-btn-hover-color: #3B062B;
	--bs-btn-hover-bg: #f0dab4;
	--bs-btn-hover-border-color: #f0dab4;
	--bs-btn-focus-shadow-rgb: 244, 225, 192;
	--bs-btn-active-color: #3B062B;
	--bs-btn-active-bg: #ecd3a8;
	--bs-btn-active-border-color: #ecd3a8;
}

.btn-bright-red
{
	--bs-btn-color: #fff;
	--bs-btn-bg: #ED1C24;
	--bs-btn-border-color: #ED1C24;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #d4191f;
	--bs-btn-hover-border-color: #d4191f;
	--bs-btn-focus-shadow-rgb: 237, 28, 36;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #bb151a;
	--bs-btn-active-border-color: #bb151a;
}

/* Outline Button Classes */
.btn-outline-light-gray
{
	--bs-btn-color: #FFFDF7;
	--bs-btn-border-color: #FFFDF7;
	--bs-btn-hover-color: #3B062B;
	--bs-btn-hover-bg: #FFFDF7;
	--bs-btn-hover-border-color: #FFFDF7;
	--bs-btn-focus-shadow-rgb: 255, 253, 247;
	--bs-btn-active-color: #3B062B;
	--bs-btn-active-bg: #FFFDF7;
	--bs-btn-active-border-color: #FFFDF7;
}

.btn-outline-deep-purple
{
	--bs-btn-color: #3B062B;
	--bs-btn-border-color: #3B062B;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #3B062B;
	--bs-btn-hover-border-color: #3B062B;
	--bs-btn-focus-shadow-rgb: 59, 6, 43;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #3B062B;
	--bs-btn-active-border-color: #3B062B;
}

.btn-outline-wine-red
{
	--bs-btn-color: #72142E;
	--bs-btn-border-color: #72142E;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #72142E;
	--bs-btn-hover-border-color: #72142E;
	--bs-btn-focus-shadow-rgb: 114, 20, 46;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #72142E;
	--bs-btn-active-border-color: #72142E;
}

.btn-outline-bright-red
{
	--bs-btn-color: #ED1C24;
	--bs-btn-border-color: #ED1C24;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #ED1C24;
	--bs-btn-hover-border-color: #ED1C24;
	--bs-btn-focus-shadow-rgb: 237, 28, 36;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #ED1C24;
	--bs-btn-active-border-color: #ED1C24;
}

/* Gradient Classes */
.bg-gradient-light { background: linear-gradient(to bottom, rgba(255, 253, 247, 0.6) 0%, rgba(255, 253, 247, 0.8) 50%, #FFFDF7 100%); }
.bg-gradient-light-transparent { background: linear-gradient(to bottom, rgba(255, 253, 247, 0) 0%, rgba(255, 253, 247, 0.8) 30%, #FFFDF7 100%); }
.bg-gradient-light-subtle { background: linear-gradient(to bottom, rgba(255, 253, 247, 0.9) 0%, #FFFDF7 100%); }
.bg-gradient-light-soft { background: linear-gradient(to bottom, rgba(255, 253, 247, 0.7) 0%, #FFFDF7 100%); }

h1,h2,h3,h4,h5,h6
{
	font-family: "Gabarito", sans-serif;
	color: #3B062B;
}

.fw-500 { font-weight: 500 !important; }

body,p
{
	font-family: 'Inter', sans-serif;
	color: #3B062B;
	font-size: 16px;
	line-height: 26px;
}

/* Custom Swiper Navigation Buttons */
.swiper-button-next,
.swiper-button-prev
{
	width: 50px;
	height: 50px;
	background: white;
	border-radius: 50%;
	color: #ED1C24;
	margin-top: -30px;
	box-shadow: 0 4px 12px rgba(237, 28, 36, 0.3);
	transition: all 0.3s ease;
}

.swiper-button-next:after,
.swiper-button-prev:after
{
	font-size: 18px;
	font-weight: 900;
}

/* Hover effects */
.swiper-button-next:hover,
.swiper-button-prev:hover
{
	background: #ED1C24;
	color: white;
	transform: scale(1.1);
	box-shadow: 0 6px 20px rgba(237, 28, 36, 0.4);
}

/* Position adjustments */
.swiper-button-prev { left: -30px; }
.swiper-button-next { right: -30px; }

.swiper-container
{
	background: var(--bs-wine-red);
	padding: 40px 0;
	position: relative;
}

#navbarHeader .nav-item .nav-link
{
	text-transform: uppercase;
	color: #DF171E;
}

@media (min-width: 992px)
{
	#navbarHeader .nav-item .nav-link
	{
		padding-right: 1.5rem;
		padding-left: 1.5rem;
	}
	
	#e-cares-nav-tab .nav-link.active { transform: scale(1.3); }
}

#e-cares-nav-tab
{
	background: #FAF0DE;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
}

#e-cares-nav-tab .nav-link
{
	font-size: 20px;
	color: #3B062B;
	transform: scale(0.85);
}

#e-cares-nav-tab .nav-link.active
{
	background-color: #FFFDF7;
	border-color: #FFFDF7;
	color: #ED1C24;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
}

.accordion-button::after
{
	background-color: #FAF0DE;
	border-radius: 34px;
	background-position: center;
	width: 50px;
	height: 50px;
}

.accordion-button:not(.collapsed)
{
	color: #3B062B;
	background-color: #fff;
}

.contact-form-control
{
	background-color: transparent !important;
	border-radius: 0 !important;
	border: 0px !important;
	border-bottom: 1px solid #ED1C24 !important;
}

.photos-1 .form-control
{
	background-color: transparent !important;
	border-radius: 0 !important;
	border: 0px !important;
	border-bottom: 1px solid #3B062B !important;
}

.photos-2 .form-control
{
	background-color: transparent !important;
	border-radius: 0 !important;
	border: 0px !important;
	border-bottom: 1px solid #ffffff !important;
}
.photos-2 .form-floating > label {
	color:#fff !important;
}