/*
 Theme Name:   AKA Marketplace
 Theme URI:    https://austinkoreanassociation.com/
 Description:  AKA Marketplace Test
 Author:       AKA
 Author URI:   AKA Marketplace
 Template:     listingpro
 Version:      1.0.0
 Tags:         listingpro, directory, listing, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  listingpro
*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;700;900&display=swap');

/* ----------------------------------------------------------------
   HEADER LAYOUT & FIXES
---------------------------------------------------------------- */
.lp-header-full-width .lp-menu-bar .lp-logo-container {
    padding: 0;
    margin: 0;
    width: 234px
}

.lp-logo-container img {
    max-width: 161px;
}

/* FIX: HIDE MOBILE DRAWERS GLOBALLY */
.mobile-drawer {
    display: none;
}

/* Ensure they stay hidden on Tablet/Desktop even if JS toggled them */
@media (min-width: 768px) {
    .mobile-drawer {
        display: none !important;
    }
}

/* ----------------------------------------------------------------
   1. TABLET VIEW (Stacked) - 768px to 1199px
---------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1199px) {

    /* 1. THE PARENT (LI) CONTROLS ALIGNMENT */
    .custom-menu-area .lp-menu>li {
        display: flex !important;
        width: 100%;
        margin-bottom: 10px;
        float: none !important;
        /* We rely on justify-content below to move the link left/right */
    }

    /* Align Left Area Items to Start (Left) */
    .left-area .lp-menu>li {
        justify-content: flex-start;
    }

    /* Align Right Area Items to End (Right) */
    .right-area .lp-menu>li {
        justify-content: flex-end;
    }

    /* 2. THE CHILD (LINK) SHRINKS TO FIT TEXT */
    .custom-menu-area .lp-menu>li>a {
        display: inline-flex !important;
        /* Shrinks to wrap the text */
        align-items: center;
        width: fit-content !important;
        padding: 4px 0;
        border-bottom: 2px solid transparent !important;
    }

    .d-flex-middle-desktop {
        display: flex;
        align-items: center;
    }

    /* Hide Icons */
    .lp-menu li[class*="icon-"] a::before,
    .lp-menu li a::before {
        display: none !important;
        content: none !important;
    }

    .custom-menu-area .footer-menu-aka .lp-menu>li {
        width: auto !important;
        /* stops vertical stacking */
        display: inline-flex !important;
        margin-bottom: 0 !important;
        /* optional */
        margin-right: 20px;
    }
}

/* ----------------------------------------------------------------
   2. DESKTOP VIEW (Horizontal) - 1200px+
---------------------------------------------------------------- */
@media (min-width: 1200px) {

    .left-area,
    .right-area {
        display: flex;
    }

    .left-area {
        justify-content: end;
    }

    /* --- STEP 1: MAKE THE PARENT UL FLEX (Like Brizy) --- */
    .custom-menu-area .lp-menu {
        display: flex !important;
        /* This enables the layout engine */
        align-items: center;
        /* Vertically centers all items */
        justify-content: center;
        /* Horizontally centers the whole menu */
        margin: 0;
        padding: 0;
    }

    /* --- STEP 2: MENU ITEMS --- */
    .custom-menu-area .lp-menu>li {
        display: flex;
        /* Allows centering the content inside */
        align-items: center;
        padding: 0;
        float: none;
        margin: 0 27.500px;
        /* Reset margins because we are using 'gap' above */
        height: 100%;
        /* Ensures all items are same height */
    }

    /* --- STEP 3: LINK STYLING --- */
    .custom-menu-area .lp-menu>li>a {
        font-family: 'Noto Serif', serif !important;
        font-size: 15px;
        display: flex !important;
        justify-content: center;
        padding: 4px 0;
        border-bottom: 2px solid transparent !important;
    }

    .d-flex-middle-desktop {
        display: flex;
        align-items: flex-end;
    }
}

/* ----------------------------------------------------------------
   3. MOBILE VIEW (Dual Burger) - Max 767px
---------------------------------------------------------------- */
@media (max-width: 767px) {
    .vertical-center {
        display: flex;
        align-items: center;
        height: 80px;
    }

    .mobile-toggle i {
        font-size: 26px;
        cursor: pointer;
        color: #333;
    }

    .mobile-logo img {
        max-height: 50px;
        width: auto;
    }

    /* Mobile Drawer Styling */
    .mobile-drawer {
        background: #fff;
        border-top: 1px solid #eee;
        padding: 0;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
        position: absolute;
        width: 100%;
        left: 0;
        z-index: 9999;
    }

    .drawer-inner {
        padding: 20px;
    }

    .drawer-inner h5 {
        font-weight: bold;
        text-transform: uppercase;
        margin-bottom: 15px;
        border-bottom: 2px solid #eee;
        padding-bottom: 10px;
    }

    .mobile-list-menu {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .mobile-list-menu li {
        display: block;
        margin: 0;
    }

    .mobile-list-menu li a {
        display: block;
        padding: 12px 0;
        border-bottom: 1px solid #f9f9f9;
        font-size: 16px;
        color: #333;
    }

    .mobile-user-actions {
        margin-top: 20px;
        padding-top: 15px;
        border-top: 1px solid #eee;
    }

    .custom-menu-area .footer-menu-aka .lp-menu>li {
        width: auto !important;
        /* stops vertical stacking */
        display: inline-flex !important;
        margin-bottom: 0 !important;
        /* optional */
        margin-right: 20px;
    }

    .lpl-button {
        position: static !important;
        margin: 0 0 20px 0 !important;
        padding: 5px 10px;
        margin-top: 40px;
    }
}

.custom-wpml-lang {
    display: flex;
    gap: 12px;
    list-style: none;
    padding: 0;
    margin: 0;
    justify-content: center;
}

.custom-wpml-lang li a {
    text-decoration: none;
    font-weight: 500;
}

.custom-wpml-lang li.active a {
    font-weight: 700;
    border-bottom: 2px solid currentColor;
}

/* ----------------------------------------------------------------
   GENERAL & ICONS
---------------------------------------------------------------- */

/* ACTIVE STATE & HOVER STATE (Pink Background + Red Text + Underline) */
.lp-menu li.current-menu-item>a,
.lp-menu li>a:hover {
    color: #d92c2c !important;
    background-color: #fcebeb !important;
    /* Light Pink */
    text-decoration: none;
    border-bottom: 2px solid #d92c2c !important;
    /* Underline added back */
}

.lp-menu li>a:hover {
    background-color: #fcebeb !important;
    /* Light Pink */
}

.lp-menu {
    float: none !important;
}

/* Icon Common Styles (Masking) */
.lp-menu li[class*="icon-"] a::before {
    content: '';
    width: 20px;
    height: 20px;
    background-color: #555;
    /* Default Grey */
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    margin-right: 2px;
    margin-bottom: 0;
    /* Changed from 4px to 0 because Flex centers perfectly */
    transition: background-color 0.3s ease;
}

/* HOVER & ACTIVE STATE FOR ICONS (Change to Red) */
/* FIXED: Must use background-color for mask icons, NOT color */
.lp-menu li[class*="icon-"] a:hover::before,
.lp-menu li[class*="icon-"].current-menu-item a::before {
    background-color: #d92c2c !important;
}

/* DYNAMIC ICON PATHS - USING CHILD THEME PATH */
.lp-menu li.icon-home a::before {
    -webkit-mask-image: url('assets/images/home.svg');
    mask-image: url('assets/images/home.svg');
}

.lp-menu li.icon-about a::before {
    -webkit-mask-image: url('assets/images/about.svg');
    mask-image: url('assets/images/about.svg');
}

.lp-menu li.icon-donate a::before {
    -webkit-mask-image: url('assets/images/donate.svg');
    mask-image: url('assets/images/donate.svg');
}

.lp-menu li.icon-marketplace a::before {
    -webkit-mask-image: url('assets/images/marketplace.svg');
    mask-image: url('assets/images/marketplace.svg');
}

.lp-menu li.icon-establishments a::before {
    -webkit-mask-image: url('assets/images/establishments.svg');
    mask-image: url('assets/images/establishments.svg');
}

.lp-menu li.icon-discourse a::before {
    -webkit-mask-image: url('assets/images/discourses.svg');
    mask-image: url('assets/images/discourses.svg');
}

.lp-menu li.icon-headlines a::before {
    -webkit-mask-image: url('assets/images/headlines.svg');
    mask-image: url('assets/images/headlines.svg');
}

.aka-header {
    box-shadow: 0 5px 12px -4px rgb(0 0 0 / 29%);
}

/* overriding custom CSS */
.new-banner-view-category.new-banner-view-category-st {
    margin-top: auto;
}

.new-banner-view-category {
    margin-top: auto !important;
}

/* ----------------------------------------------------------------
   FOOTER MENU STYLING
---------------------------------------------------------------- *
/* Footer Menu Container and other styles will be from top styles */
footer.style3 {
    padding: 15px 0 !important;
    font-family: 'Noto Serif', serif;
}

.footer-menu-2,
.copyright-footer {
    margin-top: 15px;
}

div.footer-menu-2 a {
    font-family: 'Noto Serif', serif;
    color: #5c615e !important;
}


/* category page for listings */
.status-btn,
.show-loop-map-popup,
.show-number-wrap {
    display: none !important;
}

.classic-view-grid-container .lp-new-grid-bottom-button::after {
    display: none;
}

.classic-view-grid-container {
    min-height: 340px !important;
}

/* category page for listings */

/* single listing item page */
.classic-detail-reviews,
.rating-section-container {
    display: none !important;
}

/* single listing item page */

/*reset font settings from main.css file */
h1,
h2,
h3,
h4,
h5,
h1 span,
h2 span,
h3 span,
h4 span,
.question-icon,
.lp-search-description p,
.lp-banner-browse-txt,
.lp-home-categoires span,
.nearby-description p,
.testimonial-description p,
.lp-blog-grid-author a,
.lp-blog-grid-author span,
.lp-menu a,
.lp-join-now li a,
.lp-add-listing-btn li a,
li.grayscale-dollar>span,
.review-form form .form-group>label,
.post-price-row .post-rice,
.currency-signs li a,
#menu-footer a,
.footer-bottom-bar a,
.footer-bottom-bar p,
.footer-bottom-bar span,
.city-girds a,
.city-girds label,
.listing-second-view .features-listing>ul>li span,
.widget-box.reservation-form a.make-reservation,
a.open-modal,
.dashboard-content .postbox table.widefat .review-content>p>span {
    font-family: inherit;
}

/*reset font settings from main.css file */


/* header section background to look like AKA main site */
.lp-header-overlay,
.page-header-overlay,
.lp-home-banner-contianer-inner-video-outer {
    background-image: url(assets/images/headerstripbg.webp);
    background-position: 52% 66%;
    position: relative;
    /* Essential: keeps the overlay inside the box */

}

.lp-header-overlay::before,
.page-header-overlay::after,
.lp-home-banner-contianer-inner-video-outer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .8);
    z-index: 1;
    /* Places the color behind the content but above the background image */
}


.listing-simple .filter-top-section .lp-title h3,
.page-heading-inner-container.cat-area,
.breadcrumbs li span,
.breadcrumbs li a,
.breadcrumbs li:before,
.view-on-map a,
.listing-view-layout>ul li a {
    color: #0c2117;
}

.listing-view-layout>ul li a {
    border-color: #0c2117;
}

.breadcrumbs li:before {
    background-color: #0c2117;
}

.listing-simple .filter-top-section .lp-title h3 span.font-bold,
.listing-style-1 .filter-top-section .lp-title span.dename {
    color: #0c2117;
}

.page-heading-inner-container {
    z-index: 2;
    /* above category header letters */
}

.view-on-map a:before {
    font-family: "Font Awesome 5 Free", "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f3c5";
    margin-right: 8px;
}

.view-on-map img {
    display: none;
}

/* header section background to look like AKA main site */

/* hover color fixes */
.classic-view-grid-content-area .lp-listing-content-grid a:hover,
.classic-view-grid-content-area .lp-listing-content-grid a:hover,
.lp-grid-box-bottom.content .show:hover a,
.lp-grid-box-bottom.content .show:hover i,
.classic-category-loop:hover span.cat-icon i {
    color: inherit;
}

/* hover color fixes */

/* Home page layout fixes */
.aka-homepage-entries-grid .lp-section-content-container {
    padding: 0 10px;
}

/* Home page layout fixes */

/* Page Heading Inner */
.page-heading-inner-container h1 {
    color: inherit;
}


/* Signin and Add Listing related header  */

.lp-menu-bar .container {
    max-width: 1170px;
    margin: 0 auto;
    position: relative;
}

/* Make right-area container with proper height and vertical stacking */
.custom-menu-area.right-area {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;   /* 👈 key line */
	align-items: flex-start;
	gap: 10px;
	min-height: 135px;
}

.desktop-lang-wrap {
	display: flex;
	align-items: center;
	gap: 8px; /* space between text and dropdown */
}

.wpml-ls-legacy-dropdown {
    width:141px;
}
.rightmenu-and-lang {
	display: flex;
	flex-direction: column;
	align-items: flex-end; /* 👈 right-align top item */
	justify-content: space-between;
	height: 135px;
}
/* Make left-area align to bottom as well */
.custom-menu-area.left-area {
    display: flex;
    align-items: flex-end;
    /* Align items to bottom */
    justify-content: flex-end;
    /* Align content to right */
}

/* Ensure the menu stays on the left side */
.custom-menu-area.right-area .lp-menu {
    flex: 0 0 auto;
    margin-top: auto;
    /* Push menu to bottom */
}

/* Marketplace header */
/* Chevron Icon (The $logedindown variable) */
.lp-joinus-icon.user-login .fa-chevron-down {
    position: absolute;
    right: -20px;
    top: 17px;
    transition: 0.2s;
    font-size: 12px;
}

.lp-join-now li a {
    color: #333 !important;
}

.lp-join-now a {
    color: #333 !important;
}

.lp-join-now span {
    border-radius: 100%;
    float: left;
    height: 25px;
    line-height: 15px;
    margin-right: 5px;
    margin-top: 12px;
    overflow: hidden;
    width: 25px;
    display: inline-block;
    padding: 2px;
}

.lp-join-now:not(.after-login) span {
    background-color: #424242;
}

.c3-row-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    font-family: 'Roboto', sans-serif;
    flex-wrap: wrap;
    /* Allows wrapping on very small screens */
    gap: 10px;
    max-width: 1170px;
    margin: 10px auto 0 auto;
}

/* Left Section: Title + Links */
.c3-left-section {
    display: flex;
    align-items: center;
    gap: 25px;
}

.c3-brand {
    font-family: 'Noto Serif', serif !important;
    font-size: 24px;
    color: #1565c0;
    /* Deep Blue */
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

/* Vertical Divider between Title and Links */
.c3-vertical-sep {
    width: 1px;
    height: 25px;
    background-color: #ddd;
}

.c3-nav-links {
    display: flex;
    gap: 25px;
}

.c3-link {
    text-decoration: none;
    color: #444;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    transition: color 0.3s;
}

.c3-link:hover {
    color: #d32f2f;
}

.c3-link::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -5px;
    left: 0;
    background-color: #d32f2f;
    transition: width 0.3s;
}

.c3-link:hover::after {
    width: 100%;
}

/* Right Section: Add Listing + Sign In */
.c3-right-section {
    display: flex;
    align-items: center;
    gap: 20px;
}

.c3-btn-add {
    background-color: #d32f2f;
    color: white;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 25px;
    font-weight: 500;
    font-size: 13px;
    transition: background 0.3s, transform 0.2s;
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    box-shadow: 0 2px 6px rgba(211, 47, 47, 0.25);
}

.c3-btn-add:hover {
    background-color: #b71c1c;
    transform: translateY(-1px);
    color: white;
}

/* Sign In Dropdown Logic */
.c3-user-dropdown-wrapper {
    position: relative;
    cursor: pointer;
}

.c3-user-trigger {
    color: #444;
    font-weight: 600;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 0;
    transition: color 0.2s;
}

.c3-user-trigger:hover {
    color: #1565c0;
}

.c3-dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 10px;
    background: white;
    min-width: 180px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 8px 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    z-index: 100;
    border: 1px solid #eee;
}

/* Triangle Arrow */
.c3-dropdown-menu::before {
    content: '';
    position: absolute;
    top: -6px;
    right: 12px;
    width: 12px;
    height: 12px;
    background: white;
    transform: rotate(45deg);
    border-left: 1px solid #eee;
    border-top: 1px solid #eee;
}

.c3-user-dropdown-wrapper:hover .c3-dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.c3-dropdown-menu a {
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    color: #333;
    font-size: 14px;
    transition: background 0.2s;
}

.c3-dropdown-menu a:hover {
    background-color: #f5f5f5;
    color: #d32f2f;
}

.c3-dropdown-divider {
    height: 1px;
    background: #eee;
    margin: 5px 0;
}

/* Mobile Tweaks */
@media (max-width: 1200px) {
    .c3-row-container {
        flex-direction: column;
        align-items: flex-start;
        max-width: 90%;
    }

    .c3-left-section {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        gap: 15px;
    }

    .c3-vertical-sep {
        display: none;
    }

    .c3-nav-links {
        width: auto;
        justify-content: flex-start;
        gap: 20px;
    }

    .c3-right-section {
        margin-top: 10px;
        border-top: 1px solid #eee;
        padding-top: 15px;
        width: 100%;
        justify-content: flex-start;
        gap: 20px;
    }
}

/* Marketplace header */

 


/* ----------------------------------------------------------------
   MARKETPLACE HEADER SHORTCODE
---------------------------------------------------------------- */
.aka-marketplace-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    gap: 10px;
    margin: 0px auto;
    max-width: 1140px;
    padding: 20px;
}

.aka-header-date {
    font-family: 'Noto Serif', serif;
    font-size: 14px;
    color: #888;
    flex: 1;
}

.aka-header-title-area {
    text-align: center;
    flex: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    /* Force content to bottom */
    padding-bottom: 0px;
    /* Ensure no padding pushes it up */
}

.aka-header-title-area h1 {
    font-size: 32px;
    font-weight: normal;
    margin: 0;
    color: #000;
    line-height: 1;
    /* Tighter line height for better alignment visually */
}

.aka-header-title-area .aka-subtitle {
    margin: 5px 0 0 0;
    font-size: 14px;
    color: #666;
    font-family: 'Noto Serif', serif;
    line-height: 1.2;
}

.aka-header-actions {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex: 1;
    min-width: 0;
}

/* Ensure duplicated buttons look correct in this context */
.aka-marketplace-header .c3-btn-add {
    margin: 0;
    /* Reset margins that might come from other contexts */
}

/* Responsive Styles */
@media (max-width: 768px) {
    .aka-marketplace-header {
        flex-direction: column;
        text-align: center;
        gap: 15px;
    }

    .aka-header-date {
        order: 2;
        /* Put date below title on mobile or as desired? Screenshot usually implies stacking top-down, but user said "first column is date". Let's stick to natural order first. */
        width: 100%;
        text-align: center;
        font-size: 12px;
    }

    .aka-header-title-area {
        width: 100%;
        order: 1;
        /* Title usually comes first on mobile */
    }

    .aka-header-title-area h1 {
        font-size: 24px;
    }

    .aka-header-actions {
        width: 100%;
        justify-content: center;
        order: 3;
    }

    .aka-lp-joinus-icon-outer {
        width: auto;
    }

    .aka-shortcode-actions {
        justify-content: center;
    }
    

}

/* Tablet Stacking (min-width: 769px) and (max-width: 991px) */
@media (min-width: 769px) and (max-width: 1200px) {
    .aka-header-actions {
        flex-direction: column;
        align-items: flex-end;
        /* Align right on tablet */
        gap: 10px;
        justify-content: flex-end;
    }

    .aka-marketplace-header .aka-add-listing-btn {
        margin-bottom: 0;
        width: auto;
        /* Or specific width if needed */
    }

    .aka-lp-joinus-icon-outer {
        width: auto;
        /* Allow it to shrink to content */
    }
    
    .custom-menu-area.left-area {
        justify-content: flex-start;
    }
  
    .rightmenu-and-lang {
        width:100%;
    }
}

#sidebar-wrapper #menu-toggle .glyphicon-align-justify:before {
    color: #333;
}

#sidebar-wrapper .sidebar-nav {
    border: 5px solid #2c3e50;
}

/*dashboard sidebar */

/* Submit Listing Page */
.featuresDataContainerOuterSubmit .form-group {
    width: 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
}

.featuresDataContainerOuterSubmit .lpfeatures_fields {
    display: none;
}

/* Submit Listing Page */

/* ----------------------------------------------------------------
   AKA SHORTCODE STYLES
---------------------------------------------------------------- */
.aka-shortcode-actions {
    display: flex;
}

/* Custom User Menu Wrapper */
.aka-user-menu-wrapper {
    position: relative;
    display: inline-block;
}

.aka-user-trigger {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    white-space: nowrap;
}

.aka-user-icon {
    display: flex;
    align-items: center;
}

.aka-user-icon img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
}

.aka-user-icon i {
    font-size: 16px;
    color: #666;
}

.aka-username-link {
    color: #333;
    text-decoration: none;
    font-weight: 500;
}

.aka-username-link:hover {
    color: #d32f2f;
}

.aka-signin-link {
    color: #333;
    text-decoration: none;
    cursor: pointer;
}

.aka-signin-link:hover {
    color: #d32f2f;
}

.aka-user-chevron {
    font-size: 12px;
    color: gray;
    cursor: pointer;
    transition: transform 0.3s ease;
}

/* Dropdown Menu */
.aka-dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 10px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    min-width: 180px;
    padding: 8px 0;
    list-style: none;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.2s ease;
    z-index: 1000;
}

.aka-dropdown-menu::before {
    content: '';
    position: absolute;
    top: -6px;
    right: 12px;
    width: 12px;
    height: 12px;
    background: white;
    transform: rotate(45deg);
    border-left: 1px solid #eee;
    border-top: 1px solid #eee;
}

.aka-dropdown-menu li a {
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    color: #333;
    font-size: 14px;
    transition: background 0.2s;
}

.aka-dropdown-menu li a:hover {
    background-color: #f5f5f5;
    color: #d32f2f;
}

/* Show dropdown on hover */
.aka-user-menu-wrapper:hover .aka-dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.aka-user-menu-wrapper:hover .aka-user-chevron {
    transform: rotate(180deg);
}



.aka-user-chevron {
    position: static !important;
    font-size: 12px;
    color: gray;
}

.aka-user-trigger-container {
    display: flex;
    align-items: center;
    width: 100% !important;
    gap: 20px;
    cursor: pointer;
    margin-left: 15px;
    position: relative;
    white-space: nowrap;
    justify-content: flex-end;
}

.aka-user-trigger-container a {
    white-space: nowrap;
}

.lp-joinus-icon-outer {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}



.aka-lp-joinus-icon {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    position: relative;
}

/* Child should fill parent width */
.aka-lp-joinus-icon .lp-join-now,
.aka-lp-joinus-icon .lp-join-user-info,
.lp-join-now,
.lp-join-user-info {
    position: relative !important;
}

/* AKA SHORTCODE STYLES */

/* ----------------------------------------------------------------
   MOBILE-FRIENDLY DROPDOWN TOGGLE
---------------------------------------------------------------- */

/* Make chevron clickable with better touch target */
.aka-user-chevron {
    cursor: pointer;
    padding: 5px;
    transition: transform 0.3s ease;
    user-select: none;
}

/* Rotate chevron when menu is open */
.lp-joinus-icon.menu-open .aka-user-chevron,
.aka-lp-joinus-icon.menu-open .aka-user-chevron {
    transform: rotate(180deg);
}

/* Show dropdown menu when menu-open class is active */
.lp-joinus-icon.menu-open .lp-user-menu,
.aka-lp-joinus-icon.menu-open .lp-user-menu,
.lp-join-user-info li.menu-open .lp-user-menu,
.lp-join-user-info li:hover .lp-user-menu {
    max-height: 700px !important;
    opacity: 1 !important;
    width: 200px !important;
    transform: scale(1) !important;
    visibility: visible !important;
    right: 0 !important;
    left: auto !important;
    position: absolute !important;
}

/* For regular menu items with children */
.lp-menu li.menu-open ul.children,
.lp-menu li.menu-open ul.sub-menu {
    max-height: 700px !important;
    opacity: 1 !important;
    width: 200px !important;
    transform: scale(1) !important;
    transition-delay: 0s !important;
    transition-duration: 0.2s !important;
    visibility: visible !important;
    display: block !important;
}

/* Style for dynamically added toggle icons */
.menu-toggle-icon {
    display: inline-block;
    margin-left: 5px;
    cursor: pointer;
    padding: 2px 5px;
    transition: transform 0.3s ease;
}

.menu-open>a .menu-toggle-icon {
    transform: rotate(180deg);
}

/* Improve touch targets on mobile */
@media (max-width: 767px) {

    .aka-user-chevron,
    .menu-toggle-icon {
        padding: 10px;
        font-size: 14px;
    }

    .aka-user-trigger-container {
        cursor: pointer;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
    }
}

/* END MOBILE-FRIENDLY DROPDOWN TOGGLE */

/* Pricing listing */
.price-view-default > div {
    border-radius: 12px;
    border:2px solid rgba(0,0,0,.1);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}



.price-view-default:hover > div {
    border-radius: 12px;
    border:2px solid rgba(0,0,0,.1);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}

.price-view-default .lp-title {
    background:none !important;
    color:rgb(0,0,0);
    padding:15px 0 0 0px!important;
    margin:0px;
}

.lp-title p {
    color:#A01825 !important;
}

.lp-price-main .lp-title a, .lp-price-main .lp-title p,
span.package-type{
    color:#000;
    margin:10px !important;
    padding:10px;
}

span.package-type {
    margin: 0 !important;
    padding:0 0 0 20px !important;
}

.lp-price-main .lp-title a {
    text-align:left !important;
    font-size:24px !important;
}

.lp-plane-top-wrape {
    text-align:left !important;
}

.lp-price-main .lp-without-prc:hover, 
.lp-review-reply-btn,  
.lp-public-reply-btn a:hover, 
.lp-public-reply-btn a:focus {
    background-color: #A01825 !important;
    border-color: #A01825; 
    box-shadow: 0 4px 12px rgba(192, 29, 46, 0.3);
}

input.btn {
    border-radius: 9px;
}

.price-view-default {
    transition:all 250ms ease;
}
.price-view-default:hover {
    transform: translateY(-5px);
}

.page-inner-container .price-view-default:nth-of-type(2) > div { 
    border: 2px solid rgb(192, 29, 46);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}
/* Pricing listing */

/* add listing page */
.author-section {
    background: #F0ECC3 !important; 
}

.submit_new_style .lp-form-row-left > p {
    color:#333;
}

.quick_tip {
     background: #ffffff !important; 
}
.quick_tip h2 {
    color:#C01D2E;
}
.submitbutton-wraper-style2 .lp-secondary-btn,
.jFiler-input-choose-btn.blue,
.page-style2-content-wrap .form-group .lp-coordinates a.active{
     background: #C01D2E !important; 
    color:#fff;
    border:none;
}
/* add listing page */

/* Dashboard styling */

.lp-dashboard-new-active,
.lp-dashboard-new #sidebar,
#sidebar-wrapper,
.lp-dashboard-new #sidebar_menu li a, .lp-dashboard-new .sidebar-nav li a{
    background:#FFF !important;
}
#sidebar-wrapper .sidebar-nav {
    border-color:#FFF ;
}
.lp-dashboard-new #sidebar_menu li a, .lp-dashboard-new .sidebar-nav li a {
}

.lp-dashboard-new .sidebar-nav li a {
    color:#1B3B36 !important;
}

.lp-dashboard-new .sidebar-nav li a:hover {
    background-color:#FAF7F0 !important;
    color:#1B3B36;
}

.lp-dashboard-new .sidebar-nav li a .fa,
.lp-dashboard-new .sidebar-nav li a:hover .fa,
.count-box .help-text a.help{
    color:#B91C1C !important;
}

#sidebar-wrapper a.active-dash-menu {
    background: #D4C5B9 !important;
    color:#1B3B36 !important;
    font-weight:600;
    border-left: 5px solid #B91C1C !important;
}
.lp-dashboard-new .dashboard-content .right-panel{
    background-color:#FAF7F0 !important;
}

.lp-user-header {
    background-color: #1B3B36;
    color: #FAF7F0 !important; 
} 

.lp-contact-support-outer a:hover{
    color: #D4C5B9 !important;
}

.lp-contact-support-outer>a,
.lp-user-meta li > p{
    color: #FAF7F0 !important;
}

.panel-dash-views .count-box {
    background: #FFFFFF !important;
    padding: 25px;
    border-radius: 12px;
    border: 1px solid #D4C5B9;
    transition: all 0.3s;
    position: relative; 
    max-width: 95%;
    color:#1B3B36 !important;
}

.panel-dash-views .count-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(27, 59, 54, 0.1);
}
.panel-dash-views .count-box:before{
     content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
 }

.count-box p span,
.dash-right-area h3 p.views,
.lp-dash-bottom-area h6,
.lp-more-insgts-btn button{
    color:#15803d;
}

.dash-right-area h3 p.views {
    color: #1B3B36;
}
.count-box p span,
.lp-dash-bottom-area h6{
color:#6B6B6B;
}

.count-box .help-tooltip:before {
    border-color: #d3d2d2 transparent !important;
}

.lp-dashboard-new .sidebar-nav>.sidebar-brand {
    background-color:#fff !important;
}

#sidebar_menu .sidebar-brand img{
    width:40% !important;
}

#wrapper .glyphicon-align-justify::before {
    content: "\e075";
}

/* active state */
#wrapper.active .glyphicon-align-justify::before {
    content: "\e071";
}
#lp-user-g-analytics{
    display:none;
}

/*listing section */
.lp-dashboard-tabs .panel-heading {
    border-bottom: 2px solid #D4C5B9
}

.lp-dashboard-tabs .panel-heading .nav-tabs .active a {
color: #B91C1C;
border-bottom-color: #B91C1C;
font-weight: 600;
}

.tab-pane .lp-dashboard-tabs .panel-heading .nav-tabs li a:hover {
    color: #B91C1C !important;
    
}

.lp-dashboard-tabs .panel-heading .nav-tabs li a{
    margin:0;
    padding-bottom: 10px;
    font-size:16px;
    font-weight: normal;
}

.lp-dashboard-tabs .panel-body {
    border: 1px solid #ffffff; 
}

.lp-dashboard-tabs .lp-main-title {
    background-color: #FAF7F0;
    
}

.lp-dashboard-tabs .lp-main-title p {
    padding:10px 0;
}
#lp-listings .lp-listing-outer-container:hover {
   background-color: #FAF7F0;
}

.lp-listing-outer-container {
    margin-bottom:inherit !important; 
    padding:20px;
}

.lp-left-content-container a{
color:#1B3B36;
}

.lp-new-plane-container .plane_change_btn_new input[type="submit"] {
	background: linear-gradient(135deg, #B91C1C 0%, #991B1B 100%);
    color: #FAF7F0;
    padding: 12px 24px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 600; 
    transition: all 0.3s;
    box-shadow: 0 4px 12px rgba(185, 28, 28, 0.2);
   padding:15px !important;
  border:none !important;
}

.lp-new-plane-container .plane_change_btn_new input[type="submit"]:hover {
		transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(185, 28, 28, 0.3);
    background: linear-gradient(135deg, #B91C1C 0%, #991B1B 100%); 
  padding:15px !important;
  border:none !important;
  
}
.lp-new-plane-container .lp-selected-plan-features {
background: #FFFFFF !important;
    padding: 25px;
    border-radius: 12px;
    border: 1px solid #D4C5B9;
    transition: all 0.3s;
    position: relative; 
    color: #1B3B36 !important;
}

.lp-existing-all-plane-container-new .select-plan-form input[type="radio"]:checked + label::before {
  background-color: #1B3B36;
}

.per_user_per_listing_price p {
  color: #1B3B36;
}

.lp-new-plane-container .lp-selected-plan-features:hover {
  transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(27, 59, 54, 0.1);
}

.lp-active-plan-outer-box-title {
  background-color: #FAF7F0;
  color: #1B3B36;
}

.lp-active-plan-outer-box {
    background: #fff;
    padding: 24px;
    border-radius: 2px;
    border: 1px solid #D4C5B9;
    margin: 10px 0;
    padding-top: 0;
}
li:has(a[href*="?dashboard=inbox"]) {
    display: none;
}
/* Dashboard styling */

/* single blog page */
.blog-single-page  .blog-heading-inner-container h1{
    color:#0c2117; 
    max-width: 1140px;
    margin: 0 auto;
}

.blog-single-page .breadcrumbs {
    font-size:15px;
    color:#1B3B36;
}

.lp-blog-grid-author li.category-link a{
    background-color: #FAF7F0;
    color: #1B3B36;
    padding: 4px 14px;
    border: 1px solid #D4C5B9;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
}
.blog-single-page .lp-blog-grid-author li i {
    color:#B91C1C;
}

.blog-single-page .lp-blog-grid-author li span {
    color:#1B3B36;
}

.blog-single-page .lp-blog-user-thumb { 
   border: 5px solid #FFF;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
} 

.blog-single-page .lp-blog-user-thumb img {
    border: 2px solid #D4C5B9;
    border-radius: 50%;
   
}
/* single blog page */