/* ========================= */
/*      THEME COLORS         */
/* ========================= */

:root {
    --primary-color: #30B8AF; /* New Main Heading Color */
}

/* Feature section background */
.ud-about-wrapper {
    background-color: #FFF9F3 !important; /* New Background */
    color: #444 !important; /* Soft dark text */
}

/* Navbar background */
.ud-header {
    background-color: #FFF9F3 !important;
    color: #30B8AF !important;
}

/* Text inside sections */
.ud-about-wrapper h1,
.ud-about-wrapper h2,
.ud-header h1,
.ud-header h2,
.ud-about-wrapper a,
.ud-header a,
.ud-header span {
    color: #30B8AF !important; /* NEW MAIN HEADING COLOR */
}

/* Body background */
body {
    background-color: #FFF9F3 !important;
}

/* ========================= */
/*  MOBILE / SMALL SCREEN FIX */
/* ========================= */

@media (max-width: 1200px) {

    /* FORCE dropdown / collapsed menu background */
    .ud-header .navbar-collapse,
    .ud-header .navbar-collapse.collapse,
    .ud-header .navbar-collapse.collapse.show,
    .navbar-collapse,
    .navbar-collapse.show,
    .navbar-collapse.collapsing {
        background-color: #FFF9F3 !important;
        padding: 20px !important;
    }

    /* Force sidebar / offcanvas menu */
    .offcanvas,
    .offcanvas.show,
    .offcanvas-start,
    .offcanvas-end {
        background-color: #FFF9F3 !important;
        color: #30B8AF !important;
    }

    /* Menu links inside collapsed nav */
    .ud-header .navbar-collapse a,
    .navbar-collapse a,
    .navbar-nav .nav-link,
    .offcanvas a {
        color: #30B8AF !important;
    }

    /* Icons / spans */
    .ud-header .navbar-collapse span,
    .navbar-collapse span,
    .offcanvas span {
        color: #30B8AF !important;
    }

    /* Dropdown inside collapsed nav */
    .navbar-nav .dropdown-menu,
    .dropdown-menu.show {
        background-color: #FFF9F3 !important;
        border: none !important;
    }

    .dropdown-menu a {
        color: #30B8AF !important;
    }
}

/* ========================= */
/*      FOOTER THEME FIX     */
/* ========================= */

footer,
.ud-footer,
.site-footer {
    background-color: #FFF9F3 !important;
    color: #444 !important;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

/* Footer headings */
footer h1,
footer h2,
footer h3,
.ud-footer h3,
.site-footer h3 {
    color: #30B8AF !important;
}

/* Footer text + links */
footer a,
footer p,
footer span,
.ud-footer a,
.site-footer a {
    color: #444 !important;
}

/* Footer hover effect */
footer a:hover,
.ud-footer a:hover,
.site-footer a:hover {
    color: #30B8AF !important;
}

/* Footer divider */
footer hr,
.ud-footer hr,
.site-footer hr {
    border-color: #d2c7bd !important;
}

/* ========================= */
/*     PRICING ACTIVE BOX    */
/* ========================= */

.ud-single-pricing.active {
    background: linear-gradient(
        180deg,
        #30B8AF 0%,   /* Aqua top */
        #1e9f96 100%  /* Dark aqua bottom */
    );
    border: none;
    padding: 55px 30px;
    color: #ffffff !important;
}

.ud-single-pricing.active h1,
.ud-single-pricing.active h2,
.ud-single-pricing.active h3,
.ud-single-pricing.active p,
.ud-single-pricing.active span,
.ud-single-pricing.active li {
    color: #ffffff !important;
}

.ud-single-pricing.active .ud-main-btn {
    background-color: #ffffff !important;
    color: #30B8AF !important;
    border: none !important;
}

.ud-single-pricing.active .ud-main-btn:hover {
    background-color: #ffffff !important;
    color: #1e9f96 !important;
}

.ud-single-pricing .ud-popular-tag {
    display: inline-block;
    padding: 10px 25px;
    background: linear-gradient(
        180deg,
        #30B8AF 0%,
        #1e9f96 100%
    );
    border-radius: 30px;
    color: #ffffff !important;
    margin-bottom: 20px;
    font-weight: 600;
}

.ud-single-pricing.active .small,
.ud-single-pricing.active small {
    color: #ffffff !important;
}

/* ========================= */
/*       BUTTON STATES       */
/* ========================= */

.btn-check:active + .btn-outline-primary,
.btn-check:checked + .btn-outline-primary,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary:active {
    color: #ffffff !important;
    background-color: #30B8AF !important;
    border-color: #30B8AF !important;
}

.btn-outline-primary {
    color: #30B8AF !important;
    border-color: #30B8AF !important;
}

.btn-outline-primary:hover {
    background-color: #1e9f96 !important;
    color: #ffffff !important;
    border-color: #1e9f96 !important;
}

/* X icon */
.ud-single-pricing i.fa-times-circle.text-warning {
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

/* ========================= */
/*     SPECIAL BRAND TEXT    */
/* ========================= */

.text-whatsapp,
.whatsapp-text {
    color: #25D366 !important; /* WhatsApp green */
}

.text-instagram,
.instagram-text {
    color: #e1306c !important; /* Instagram pink */
}

/* ========================= */
/*       END OF CODE         */
/* ========================= */ /* ========================= */
/*     HEADER TEXT BOLDER    */
/* ========================= */

.ud-header a,
.ud-header span,
.ud-header h1,
.ud-header h2 {
    font-weight: 700 !important; /* Make header text bold */
}


/* ========================= */
/*  LIGHTER THEME COLOR FIX  */
/* ========================= */

/* Softer aqua tones */
:root {
    --primary-color: #58D3C8 !important;   /* lighter aqua */
    --primary-color-dark: #3EBFB4 !important;
}

/* Update headings to lighter color */
h1, h2, h3, h4, h5, h6,
.ud-about-wrapper h1,
.ud-about-wrapper h2,
.ud-header h1,
.ud-header h2 {
    color: var(--primary-color) !important;
}

/* Pricing active gradient softer */
.ud-single-pricing.active {
    background: linear-gradient(
        180deg,
        #58D3C8 0%,      /* lighter aqua */
        #3EBFB4 100%     /* softer darker aqua */
    ) !important;
}


/* Popular tag softer */
.ud-single-pricing .ud-popular-tag {
    background: linear-gradient(
        180deg,
        #58D3C8 0%,
        #3EBFB4 100%
    ) !important;
}


/* Outline button lighter */
.btn-outline-primary {
    color: #3EBFB4 !important;
    border-color: #3EBFB4 !important;
}

.btn-outline-primary:hover {
    background-color: #58D3C8 !important;
    border-color: #58D3C8 !important;
}


/* ========================= */
/*     SIGN-IN BUTTON FIX    */
/* ========================= */

/* Make sign-in button text BLACK */
.btn-signin,
button.signin,
a.signin-btn,
.ud-main-btn.signin {
    color: #000 !important;
}

/* If button has white background on hover */
.btn-signin:hover,
button.signin:hover,
a.signin-btn:hover,
.ud-main-btn.signin:hover {
    color: #000 !important;
} /* ========================= */
/*     GLOBAL COLOR UPDATE   */
/* ========================= */

/* Replace ALL teal/aqua shades with your exact color */
:root {
    --primary-color: #1BA8A8 !important;
    --primary-color-dark: #178f8f !important;  /* slightly darker version */
}

/* Headings */
h1, h2, h3, h4, h5, h6,
.ud-about-wrapper h1,
.ud-about-wrapper h2,
.ud-header h1,
.ud-header h2 {
    color: #1BA8A8 !important;
}

/* Header links */
.ud-header a,
.ud-header span {
    color: #1BA8A8 !important;
    font-weight: 700 !important; /* Make header text bold */
}

/* Dropdown */
.dropdown-menu a {
    color: #1BA8A8 !important;
}

/* ========================= */
/*     PRICING BOX UPDATE    */
/* ========================= */

.ud-single-pricing.active {
    background: linear-gradient(
        180deg,
        #1BA8A8 0%,
        #178f8f 100%
    ) !important;
    color: #ffffff !important;
}

.ud-single-pricing .ud-popular-tag {
    background: linear-gradient(
        180deg,
        #1BA8A8 0%,
        #178f8f 100%
    ) !important;
    color: #ffffff !important;
}

/* Pricing buttons */
.ud-single-pricing.active .ud-main-btn {
    background-color: #ffffff !important;
    color: #1BA8A8 !important;
}

.ud-single-pricing.active .ud-main-btn:hover {
    background-color: #ffffff !important;
    color: #178f8f !important;
}

/* ========================= */
/*   BUTTON OUTLINE PRIMARY  */
/* ========================= */

.btn-outline-primary {
    color: #1BA8A8 !important;
    border-color: #1BA8A8 !important;
}

.btn-outline-primary:hover {
    background-color: #1BA8A8 !important;
    border-color: #1BA8A8 !important;
    color: #ffffff !important;
}

.btn-outline-primary.active,
.btn-check:checked + .btn-outline-primary {
    background-color: #1BA8A8 !important;
    border-color: #1BA8A8 !important;
    color: #ffffff !important;
}

/* ========================= */
/*     SIGN-IN BUTTON FIX    */
/* ========================= */

/* Make the SIGN-IN button text BLACK always */
.btn-signin,
button.signin,
a.signin-btn,
.ud-main-btn.signin {
    color: #000 !important;
    font-weight: 700 !important;
}

/* Even on hover */
.btn-signin:hover,
button.signin:hover,
a.signin-btn:hover,
.ud-main-btn.signin:hover {
    color: #000 !important;
} /* ========================= */
/*     SIGN-IN BUTTON TEXT   */
/* ========================= */

/* Make ONLY the text inside the Sign In button black */
.ud-main-btn.signin,
.btn-signin,
a.signin-btn,
button.signin {
    color: #000 !important;     /* Black text */
    font-weight: 700 !important; /* Optional: bold */
}

/* On hover — keep it BLACK */
.ud-main-btn.signin:hover,
.btn-signin:hover,
a.signin-btn:hover,
button.signin:hover {
    color: #000 !important;
} /* ========================= */
/*  FOOTER COPYRIGHT — BLACK */
/* ========================= */

footer .row p.text-white,
.ud-footer .row p.text-white,
.site-footer .row p.text-white {
    color: #000 !important;      /* Whole text black */
}

footer .row p.text-white a,
.ud-footer .row p.text-white a,
.site-footer .row p.text-white a {
    color: #000 !important;      /* Link also black */
    font-weight: 600 !important; /* Optional: stronger text */
}
.ud-main-btn.signin,
.btn-signin,
a.signin-btn,
button.signin {
    color: #000 !important;     
    font-weight: 700 !important;
}

.ud-main-btn.signin:hover,
.btn-signin:hover,
a.signin-btn:hover,
button.signin:hover {
    color: #000 !important;
} /* ========================================= */
/*   SIGN IN BUTTON — ALWAYS BLACK TEXT      */
/* ========================================= */

a.ud-main-btn.ud-white-btn {
    color: #000 !important;      /* Always black text */
    background-color: #ffffff !important; /* White button */
    border-color: #ffffff !important;
    font-weight: 700 !important; /* Optional but clean */
}

/* Hover state — STILL BLACK TEXT */
a.ud-main-btn.ud-white-btn:hover {
    color: #000 !important;
    background-color: #f5f5f5 !important; /* Slight grey hover */
    border-color: #f5f5f5 !important;
}