.profile-icon {
    font-size: 24px;
    color: #c19abe;
    transition: color 0.3s ease;
}

.profile-icon:hover {
    color: #a87fa8; /* slightly darker on hover (optional) */
}

.navbar-header {
    text-align: center;
}

@media (max-width: 767px) {
    .navbar-header {
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .header-right {
        display: flex;
        justify-content: flex-end;
        padding-right: 10px;
    }

    .navbar-brand {
        display: inline-block;
        margin: 0 auto;
    }

    .profile-icon {
        font-size: 20px;
        color: #323232;
    }

    .container-fluid {
        padding: 0 15px;
    }

    .mobail-menu {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .mobail-menu .navbar-toggler {
        margin-left: 10px;
    }
}

@media (max-width: 450px) {
    .wpo-site-header .header-right {
        right: -10px;
    }
}

.static-hero .static-hero-img img {
    width: 100%;
}

.static-hero .wpo-static-hero-text-box{
    padding: 0px 24px;
}

.static-hero .slide-title h2{
    font-size: 48px;
    max-width: 100%;
    line-height: 1.5em;
}

.wpo-custom-section {
    max-width: 720px;
    margin: 0 auto;
    text-align: center;
}

.wpo-custom-section p, .wpo-section-title p {
    margin-top:40px !important;
}

.wpo-contact-form-area .wpo-section-title{
    margin-top:60px;
}

.wpo-contact-form-area .wpo-section-title p{
    color:#fff !important;
}

.wpo-site-footer .logo img {width:200px!important;  margin: 0 auto 20px auto;}

.wpo-site-footer .link-wrap{
    justify-content: left !important;
}

.wpo-site-footer .widget{
    text-align: left;
}


.formal-page h2, .formal-page h3{
    font-family: "Mulish", sans-serif !important;
    margin-top: 40px;
}

.formal-page a{
    color:#A290AA !important;
    text-decoration: underline;
}

.wpo-about-text{
    margin-bottom: 60px;
}

.wpo-contact-pg-section .wpo-contact-title{
    margin-top: 50px;
}

.wpo-contact-form-area .error-handling-messages {
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.wpo-contact-form-area #error {
    background-color: #f8e5f1;
    color: #a290aa;
    border: 1px solid #d4a3b7;
    padding: 15px 20px;
    margin: 10px 0;
}

.wpo-contact-form-area #success {
    background-color: #e5f8f1;
    color: #6b8e83;
    border: 1px solid #98c1b2;
    padding: 15px 20px;
    margin: 10px 0;
}

.wpo-contact-form-area .error-handling-messages div {
    margin: 5px 0;
}

.wpo-contact-form-area .error-handling-messages .hidden {
    display: none;
}

.wpo-contact-form-area .error-handling-messages .visible {
    display: block;
}

.styled-heading{
    color: #515A44 !important;
    font-family: 'monallesia' !important;
    font-weight: 400;
    font-size: 2.2rem;
    line-height: 3rem;
}

/* Intro Text Styling */
.intro-text {
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.intro-text h2 {
    font-size: 2rem;
}

.intro-text p {
    font-size: 1.25rem;
}

.logo-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.intro-logo {
    max-width: 180px;
    height: auto;
}


/* Darker Background with Overlay */
.login-left {
    background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('/public/frontend/assets/images/login-background.jpg');
    background-size: cover;
    background-position: center;
    flex: 1;
    position: relative;
    min-height: 100%;
}

.signup-image-left{
    background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('/public/frontend/assets/images/signup-hero.jpg');

}

.back-home-link {
    color: #fff;
    font-size: 16px;
    text-decoration: underline;
    transition: all 0.3s ease;
}

.back-home-link:hover {
    color: #f1e6f7;
    text-decoration: none;
}



/* Right Column: Login Form */
.login-right {
    flex: 1;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 50px;
}

/* Button Styling */
.custom-button, .btn-primary {
    font-size: 18px;
    padding: 12px 20px;
    background: #B5A2BD;
    border: 2px solid #B5A2BD !important;
    color: #fff;
    width: 100%;
    transition: all 0.3s ease;
    border-radius: 0px;
    box-shadow: none !important;
}

.custom-button:hover {
    background: #9f8aa6;
    border-color: #9f8aa6;
}

/* Link Styling */
.styled-link {
    color: #B5A2BD;
    text-decoration: underline;
    font-weight: 600;
}

.styled-link:hover {
    color: #9f8aa6;
}
.lower-link {
    font-size: 1rem;
    line-height: 1.4rem;
}

.wpo-site-footer .widget-title h3
{
    line-height: 2em !important;
}

.wpo-fun-fact-section .grid h3 span{
    line-height: 1.8em !important;
}

/* Responsive Design */
@media (max-width: 992px) {
    .login-block {
        flex-direction: column;
    }

    .login-left {
        display: none;
    }

    .login-right {
        padding: 30px;
    }

    .static-hero .wpo-static-hero-text-box{
        padding: 160px 24px;
    }

    .static-hero .static-hero-img{
        display:none;
    }

    .static-hero  .container{
        min-width:100%;
    }

}



@media (max-width: 767px) {
    /* Hide intro-text on mobile */
    .authentication-area .intro-text {
        display: none;
    }

    /* Remove padding on mobile */
    .it-signup-area .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Adjust padding for p-5 on mobile */
    .p-5 {
        padding: 3rem 0.8rem !important;
    }
    .p-4 {
        padding: 1.5rem 0.5rem !important;
    }

    .wpo-site-footer .widget{
        margin-right: 2rem;
        margin-left: 2rem;
    }


    .wpo-contact-pg-section .wpo-contact-form-area {
        margin-bottom: -80px !important;
    }
}



.lqd-remaining-credit .lqd-legend:nth-of-type(2) {
    display: none;
}

.lqd-remaining-credit .lqd-progress-bar:nth-of-type(1) {
    width: 100% !important;
}

.lqd-remaining-credit .lqd-progress-bar:nth-of-type(2) {
    display: none;
}

.prepaid-plan-card {
    box-shadow: 0 2px 5px #00000012;
    border-width: 0;
    border-radius: 30px;
}

.prepaid-plan-card a {
    padding: 20px 10px;
    font-size: 16px;
}
.custom-prepaid-plan-card{

    border: 2px solid #A290AA;
}

.custom-prepaid-plan-card a{
    background: #A290AA;
}

.hide, .lqd-light-dark-switch{
    display:none !important;
}

.lqd-navbar-ul .lqd-navbar-item .lqd-nav-link-letter-icon{
    background: #878787;
}

.apexcharts-series[seriesName="Remaining"] path{
    fill: #A290AA !important;
}

.apexcharts-canvas .apexcharts-legend-series[seriesname="Remaining"] .apexcharts-legend-marker,
.apexcharts-tooltip{
    background: #A290AA !important;
}
.apexcharts-canvas .apexcharts-legend-series[seriesname="Used"] {
    display:none !important;
}

.lqd-article-wizard #select_title .text-heading-foreground,
.lqd-article-wizard #select_outline .text-heading-foreground{
    box-shadow: 0 2px 5px #00000012;
    border-width: 0;
    border-radius: .625rem;
}

#user_chat_area .conversation-area .lqd-chat-head .overflow-ellipsis{color:#fff;}

.conversation-area p {margin-bottom: 0;}



/* Optional: Add some hover effect for the card */
.prepaid-plan-card.custom-prepaid-plan-card {
    position: relative;
    overflow: hidden; /* Ensures the ribbon is properly clipped */
    transition: transform 0.3s, box-shadow 0.3s;
}

.prepaid-plan-card.custom-prepaid-plan-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.coupon-card, .summary-card {
    border-radius: 3px;
    background: #fff;
    -webkit-box-shadow: 0px 5px 15px 0px rgba(62, 65, 159, 0.1);
    box-shadow: 0px 5px 15px 0px rgba(62, 65, 159, 0.1);
}
.border-card-border{
    border: 0px;
}
.coupon-card {
    padding: 8px 24px;
}

.fa,.fa-brands,.fa-duotone,.fa-light,.fa-regular,.fa-solid,.fa-thin,.fab,.fad,.fal,.far,.fas,.fat {
    line-height:inherit;
}

/*move to scss*/



.it-signup-input input, .it-contact-input-box input
{
    text-transform: none!important;
}


.lqd-navbar,.lqd-navbar .lqd-navbar-dropdown,
.lqd-navbar .lqd-navbar-dropdown .qd-navbar-link span{
    background:#8eafce !important;
}
.lqd-navbar-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}
.lqd-navbar .lqd-navbar-item {color:#fff;}
.lqd-navbar .lqd-navbar-item .lqd-nav-link-icon{
    padding: 0.5em;
    border-radius: 50%;
}




.lqd-navbar #dashboard .bg-navbar-icon-background {
    background: #4d7ea3;
    color:#fff;
}

.lqd-navbar #ai_chat_all .bg-navbar-icon-background {
    background: #B5A2BD;
    color:#fff;
}

.lqd-navbar .lqd-navbar-dropdown,
.lqd-navbar .lqd-navbar-dropdown .lqd-navbar-link span{
    background: #8eafce;
}
.lqd-navbar .lqd-navbar-link .lqd-nav-link-icon:hover {color: #4d7ea3;}

.lqd-navbar .lqd-nav-link-expander{
    display:none !important;
}

.lqd-navbar .lqd-navbar-inner {
    overflow-x: hidden;
}

.lqd-navbar .lqd-nav-link-label{
    color: #4d7ea3;
}

.lqd-navbar .lqd-navbar-dropdown .lqd-nav-link-label{
    color: #fff;
}



/*admin menu*/
.admin-menu .lqd-nav-link-label{
    color: #fff;
}
.admin-menu .lqd-nav-link-label:hover{
    color: #4d7ea3;
}

.admin-menu .lqd-navbar-inner {
    display: block;
    height: inherit;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 1rem 1.5rem 1rem 0;
}

.admin-menu .lqd-nav-link-expander{
    display:inline-block !important;
    margin-right: 5px;
}


.fixed-seo-chat-icon{
    width: 60px;
    height: 60px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #A290AA;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    z-index: 9999;
}
/* When the screen is narrow (or when you expect many items), switch to top alignment with padding */
@media (max-height: 600px) {
    .lqd-navbar-inner {
        justify-content: flex-start;
        padding-top: 20px;
    }
}

@media (min-width: 992px) {
    .lqd-navbar .lqd-navbar-dropdown {

        margin-top: -45px;

    }

    .admin-menu  .lqd-navbar-dropdown {

        margin-top: 0px;

    }
}
@media  all and (max-width: 991px)
{

    .lqd-navbar{
        border-radius: 16px;
        background: hsl(218, 16%, 12%);
        margin: 20px;
        max-width: calc(100% - 40px);
        box-sizing: border-box;
        padding: 16px 8px;
    }

    .lqd-navbar-inner {
        height: auto; /* Ensures full height */
        align-items: stretch;

    }

}



/*new design*/
.toast-message{
    word-wrap: break-word;
    padding: 0.6rem 2rem;
    font-size: 18px;
}

.toast-error {
    background-color: #E57373 !important;
}

.toast-success {
    background-color: #6b8e83 !important;
}
.toast-warning {
    background-color: #FFA726 !important;
}

.lqd-header-wrapper{
    background: transparent;

}
.header-actions-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 0;
}

.header-actions-container .whitespace-nowrap {
    white-space: nowrap;
}
.header-actions-container nav a,
.header-actions-container #logout{

    font-size: 16px;
    padding: 46px 20px;
    display: block;
    color: #323232;
    font-weight: 500;
    position: relative;
    text-transform: uppercase;
}

.header-credits-container {
    display: flex;
    align-items: center;
    gap: 10px;
    color:#fff;
}

.header-actions-container .button {
    padding: 8px 16px;
    border-radius: 4px;
    background-color: #A290AA;
    color: #fff;
    transition: background-color 0.3s ease;
}

.header-actions-container .button:hover {
    background-color: #A290AA;
}

.notification-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    width: 20px;
    margin-left: 4px;
    background-color: #ff4d4f;
    color: #fff;
    border-radius: 50%;
    font-size: 12px;
}

@media (max-width: 768px) {
    .header-actions-container nav a,
    .header-actions-container #logout button {
        padding: 12px 6px; /* Reduced padding for mobile */
        font-size: 12px !important;
    }
}


.hover\:bg-primary\/90:hover{
    background: rgba(181, 162, 189, 0.7) !important;
    color: #fff;
}

.lqd-page-content-container .chats-sidebar-wrap #chats-list-container,
.lqd-page-content-container #load_chat_area_container{
    background: #fff;
    -webkit-box-shadow: 0px 5px 15px 0px rgba(62, 65, 159, 0.1);
    box-shadow: 0px 5px 15px 0px rgba(62, 65, 159, 0.1);
}

.lqd-page-content-container .chats-sidebar-wrap #chats-list-container{
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.lqd-page-content-container #load_chat_area_container{
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

#custom-chat-dashboard {
    background-image: url('https://weddingplannerbyai.com/public/frontend/assets/images/page-title.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 40px 20px;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    -webkit-box-shadow: 0px 5px 15px 0px rgba(62, 65, 159, 0.1);
    box-shadow: 0px 5px 15px 0px rgba(62, 65, 159, 0.1);

}


.lqd-page-content-container{
    margin-bottom: 60px;
}

/*custom chat landing page*/
.chat-hero-section {
    position: relative;
    left: 50%;
    width: 100vw;
    margin-left: -50vw; /* Offset half the viewport width */
}

.chat-hero-section .banner-section .slide-item .content-box{
    padding: 0px;
    height: 600px;
}
.chat-hero-section .auto-container{
    padding:0px;
}
.chat-hero-section .banner-section .slide-item .banner-image{
    top:0px;
}

.chat-hero-section .banner-section .slide-item .links-box{
    padding:0px;
}
.chat-hero-section .banner-section .slide-item .links-box .link{
    margin-right: 1em;
}

@media all and (max-width: 1200px) {

    .chat-hero-section{
        width: 100%;
        margin: 0 auto;
        left: auto;
    }
}

@media all and (max-width: 991px) {
    .chat-hero-section .banner-section .slide-item h2 {
        font-size: 2.2rem;
    }

    .chat-hero-section .banner-section .slide-item .content-box{
        height: auto;
        padding: 60px 10px;
    }

    .chat-hero-section .banner-section .slide-item .links-box .link{
        margin-right: 0;
        width: 100%;
        margin-bottom: .5em;
    }
    .chat-hero-section .banner-section .slide-item .links-box .link .theme-btn {
        width:100%;
    }

    .lqd-table .lqd-badge{background: none!important;}

}