@import "./style.css";

/* Apply color theme to front-page elements */

/* Body and general background */
body {
    background-color: var(--background) !important;
    color: var(--foreground) !important;
}

/* Header and navigation */
.head-top {
    background-color: var(--card) !important;
    border-bottom: 1px solid var(--border) !important;
}

.head-top a {
    color: var(--foreground) !important;
}

.head-top a:hover {
    color: var(--primary) !important;
}

/* Main navigation */
.hom-top {
    background-color: var(--primary) !important;
    border-bottom: 1px solid var(--border) !important;
}

.hom-nav {
    background-color: var(--primary) !important;
}

/* Logo and branding */
.logo-brand {
    color: var(--primary) !important;
}

/* Menu items */
.hom-nav ul li a,
.hom-nav ul li span {
    color: var(--primary-foreground) !important;
}

.hom-nav ul li a:hover,
.hom-nav ul li span:hover {
    color: var(--secondary) !important;
}

/* Dropdown menus */
.smenu-open {
    background-color: var(--primary) !important;
    border: 1px solid var(--border) !important;
}

.smenu-open a {
    color: var(--card-foreground) !important;
}

.smenu-open a:hover {
    background-color: var(--primary) !important;
    color: var(--primary-foreground) !important;
}

.smenu-multi h4 {
    color: var(--primary-foreground) !important;
}

/* User profile section */
.head-pro {
    background-color: transparent !important;
    border: 1px solid var(--border) !important;
    color: var(--primary-foreground) !important;
}

.head-pro h4 {
    color: var(--primary-foreground) !important;
}

.head-pro b {
    color: var(--primary-foreground) !important;
}

/* Mobile menu */
.mob-me-all {
    background-color: var(--popover) !important;
    border: 1px solid var(--border) !important;
}

.mob-me-all a {
    color: var(--foreground) !important;
}

.mob-me-all a:hover {
    color: var(--primary) !important;
}

/* Banner and search section */


.ban-tit h1 {
    color: var(--primary-foreground) !important;
}

.ban-tit span {
    color: var(--primary-foreground);
}

.row .hom-ban .ban-tit p {
    color: var(--muted) !important;
}

.hom-head .hom-ban .ban-tit p {
    color: white !important;
}

.ab-wel-tit h2 em {
    color: var(--primary) !important;
}

/* Search form */
.ban-search {
    background-color: var(--card) !important;
    border: 1px solid var(--border) !important;
}

.ban-search select {
    background-color: var(--input) !important;
    color: var(--foreground) !important;
    border: 1px solid var(--border) !important;
}

.ban-search input[type="submit"] {
    background-color: var(--primary) !important;
    color: var(--primary-foreground) !important;
}

.ban-search input[type="submit"]:hover {
    background-color: var(--ring) !important;
}

/* Quick access section */
.home-acces-main {
    background-color: var(--primary) !important;
}

.home-tit h2 {
    color: var(--foreground) !important;
}

.home-tit p {
    color: white !important;
}

.hom-ban .ban-tit h1 b {
    color: var(--primary) !important;
}

.home-acces-main .slick-dots li button {
    background: var(--secondary) !important;
    border: 2px solid var(--primary) !important;
}

.home-acces-main .slick-dots li.slick-active button {
    background: var(--secondary) !important;
    border: 2px solid var(--primary) !important;
    box-shadow: 0 0px 0px 5px var(--secondary) !important;
}

/* Service cards */
.hacc {
    background-color: var(--card) !important;
    border: 2px solid var(--border) !important;
}

.hacc h4 {
    color: var(--foreground) !important;
}

.hacc p {
    color: white !important;
}

.hacc a {
    color: var(--primary) !important;
}

.hacc:hover {
    background-color: var(--accent) !important;
    border-color: var(--primary) !important;
}

.home-acces ul li div.hacc::after{
    background-color: var(--secondary) !important;
}
/* Trust brands section */
.hom-cus-revi {
    background-color: var(--background) !important;
}

.cus-revi-box {
    background-color: var(--card) !important;
    border: 1px solid var(--border) !important;
}

.cus-revi-box h5 {
    color: var(--foreground) !important;
}

.cus-revi-box span {
    color: var(--muted-foreground) !important;
}

/* About section */
.ab-wel {
    background-color: var(--background) !important;
}

.ab-wel-rhs h2 {
    color: var(--foreground) !important;
}

.ab-wel-rhs p {
    color: var(--muted-foreground) !important;
}

.ab-wel-rhs a {
    color: var(--primary) !important;
}

/* Counts section */
.ab-cont {
    background-color: var(--card) !important;
}

.ab-cont-po h4 {
    color: var(--primary) !important;
}

.ab-cont-po span {
    color: var(--muted-foreground) !important;
}

/* Timeline section */
.wedd-tline {
    background-color: var(--background) !important;
}

.tline-con h5 {
    color: var(--foreground) !important;
}

.tline-con span {
    color: var(--muted-foreground) !important;
}

.tline-con p {
    color: var(--muted-foreground) !important;
}

/* Recent couples */
.hom-couples-all {
    background-color: var(--background) !important;
}

.hom-coup-box {
    background-color: var(--card) !important;
    border: 1px solid var(--border) !important;
}

.hom-coup-box h4 {
    color: var(--foreground) !important;
}

.hom-coup-box span {
    color: var(--muted-foreground) !important;
}

/* Team section */
.ab-team {
    background-color: var(--background) !important;
}

.ab-team h4 {
    color: var(--foreground) !important;
}

.ab-team p {
    color: var(--muted-foreground) !important;
}

.ab-team ul li div {
    background: var(--secondary) !important;
    color: var(--primary) !important;
}
.ab-team ul li div:before {
    background: linear-gradient(to top, var(--primary), hsla(358, 97%, 13%, 0.11)) !important;
    color: var(--secondary) !important;
}

.ab-team ul li div:hover p,
.ab-team ul li div:hover h4 {
    color: var(--accent) !important;
}

/* Gallery section */
.wedd-gall {
    background-color: var(--background) !important;
}

.gal-im .txt span {
    color: var(--muted-foreground) !important;
}

.gal-im .txt h4 {
    color: var(--foreground) !important;
}

/* Blog section */
.hom-blog {
    background-color: var(--background) !important;
}

.blog-box h2 {
    color: var(--foreground) !important;
}

.blog-box p {
    color: var(--muted-foreground) !important;
}

.blog-box span {
    color: var(--primary) !important;
}

.cta-dark span {
    color: var(--primary-foreground) !important;
}

.count {
    background: var(--secondary) !important;
}

.wed-hom-footer:before {
    background-color: var(--secondary) !important;
}

/* Footer */
.wed-hom-footer {
    background-color: var(--card) !important;
    border-top: 1px solid var(--border) !important;
}

.wed-hom-footer h4 {
    color: var(--foreground) !important;
}

.wed-hom-footer p {
    color: var(--muted-foreground) !important;
}

.wed-hom-footer a {
    color: var(--primary) !important;
    max-width: 400px;
}

.wed-hom-footer a.btn-primary {
    color: var(--secondary) !important;
}

.wed-hom-footer a:hover {
    color: var(--ring) !important;
}

.foot-supp {
    background: var(--secondary) !important;
}

/* Copyright section */
.cr {
    background-color: var(--popover) !important;
    border-top: 1px solid var(--border) !important;
}

.cr p {
    color: var(--muted-foreground) !important;
}

.cr a {
    color: var(--primary) !important;
}

/* Buttons */
.btn-primary {
    background-color: var(--primary) !important;
    color: var(--primary-foreground) !important;
    border: 1px solid var(--primary) !important;
}

.btn-primary:hover {
    background-color: var(--secondary) !important;
    border-color: var(--secondary) !important;
    color: var(--primary) !important;
}

.cta-dark {
    background-color: var(--primary) !important;
    color: var(--primary-foreground) !important;
}

.cta-dark:hover {
    background-color: var(--primary) !important;
    color: var(--primary-foreground) !important;
}

.cta-3 {
    background: var(--primary) !important;
    color: var(--primary-foreground) !important;
}

.cta-3:hover {
    background: var(--secondary) !important;
    color: var(--primary-foreground) !important;
}

.cta-4 {
    background-color: var(--secondary) !important;
    color: var(--primary) !important;
}

.cta-4:hover {
    background-color: var(--accent) !important;
}

/* Form elements */
input, select, textarea {
    background-color: var(--input) !important;
    color: var(--primary) !important;
    border: 1px solid var(--border) !important;
}

input:focus, select:focus, textarea:focus {
    border-color: var(--ring) !important;
    outline-color: var(--ring) !important;
}

/* Links */
a {
    color: var(--primary) !important;
}

a:hover {
    color: var(--ring) !important;
}

/* Text colors */
h1, h2, h3, h4, h5, h6 {
    color: var(--foreground) !important;
}

p {
    color: var(--muted-foreground) !important;
}

/* Borders */
.border, .border-top, .border-bottom, .border-left, .border-right {
    border-color: var(--border) !important;
}

/* Background utilities */
.bg-primary {
    background-color: var(--primary) !important;
}

.bg-secondary {
    background-color: var(--secondary) !important;
}

.bg-accent {
    background-color: var(--accent) !important;
}

.bg-card {
    background-color: var(--card) !important;
}

.bg-popover {
    background-color: var(--popover) !important;
}

/* Text utilities */
.text-primary {
    color: var(--primary) !important;
}

.text-secondary {
    color: var(--secondary) !important;
}

.text-muted {
    color: var(--muted-foreground) !important;
}

.text-foreground {
    color: var(--foreground) !important;
}

.count {
    background: var(--background) !important;
}

.wed-hom-footer:before {
    background-color: var(--background) !important;
}

.wed-hom-footer p a.btn {
	color: var(--accent) !important;
}

.foot-supp {
	background: var(--secondary);
}


.ab-cont ul li .ab-cont-po:hover i{
    color: var(--secondary) !important;
    border: 1px solid var(--secondary) !important;
}

.contact-heading {
    color: var(--primary-foreground) !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    text-transform: capitalize !important;
}