/*
Template:       onelisting-pro
Theme Name:     OneListing Pro Child
Theme URI:      https://directorist.com/product/onelisting/
Author:         wpWax
Author URI:     https://wpwax.com/
Description:    OneListing - Smart and Powerful Directory & Listing WordPress Theme
Version:        1.0
Text Domain:    onelisting-pro-child
*/

.elementor-page .content-area,.site-content .content-area {
	padding:0px;	
}

#primary .theme-container, .directorist-single-listing-header-wrap .theme-container,.directorist-single-listing-content .theme-container{
	width:100%;
	max-width:100%;
	padding: 0px !important;
}

.directorist-single-listing-header-wrap, .directorist-single-listing-content  {
	padding-left:180px;
	
}

.thumbpresent .directorist-single-listing-header__left{
	margin:0 auto;
	margin-left:50px;
}
.directorist-single-listing-header__right{
	margin:0 auto;
	margin-right:150px;
}
.thumbpresent{
	justify-content: center;
}
.thumbpresent .img{
margin-right: 50px;
}

.directorist-sidebar {
    display: none;
}

.directorist-btn.invoice-action{
	color: white;
}

body.my-flexcontainer-default .page.type-page {
    display: flex;
    justify-content: center;
    padding: 0 20px;
}

body.my-flexcontainer-default .page.type-page > * {
    max-width: 1200px;
    width: 100%;
}

input#additional-information-directorist-listing-id
{
	pointer-events: none;
    background-color: #f3f3f3;
    color: #666;
    border: 1px solid #ccc;
}


/**
 * ACHPER Custom Listing Statuses - Dashboard Styling
 * Styles for custom status filter tabs and status badges on the dashboard
 */

/* Status Badge Styling - Approved (Green) */
.directorist_status_approved {
    background-color: #d4edda !important;
    color: #155724 !important;
    border: 1px solid #c3e6cb !important;
    padding: 6px 12px !important;
    border-radius: 4px !important;
    display: inline-block !important;
}

/*.directorist_status_approved::before {
    content: '✓ ' !important;
}*/

/* Status Badge Styling - Provisional (Yellow) */
.directorist_status_provisional {
    background-color: #fff3cd !important;
    color: #856404 !important;
    border: 1px solid #ffeaa7 !important;
    padding: 6px 12px !important;
    border-radius: 4px !important;
    display: inline-block !important;
}

/*.directorist_status_provisional::before {
    content: '◐ ' !important;
}*/

/* Status Badge Styling - Rejected/Not Approved (Red) */
.directorist_status_rejected {
    background-color: #f8d7da !important;
    color: #721c24 !important;
    border: 1px solid #f5c6cb !important;
    padding: 6px 12px !important;
    border-radius: 4px !important;
    display: inline-block !important;
}

/*.directorist_status_rejected::before {
    content: '✕ ' !important;
}*/

/* Status Badge Styling - Other Standard Statuses */
.directorist_status_draft {
    background-color: #e2e3e5 !important;
    color: #383d41 !important;
    border: 1px solid #d6d8db !important;
}

.directorist_status_pending {
    background-color: #cfe2ff !important;
    color: #084298 !important;
    border: 1px solid #b6d4fe !important;
}

.directorist_status_private {
    background-color: #d1ecf1 !important;
    color: #0c5460 !important;
    border: 1px solid #bee5eb !important;
}

.directorist_status_publish {
    background-color: #d4edda !important;
    color: #155724 !important;
    border: 1px solid #c3e6cb !important;
}

.directorist_status_expired {
    background-color: #f8d7da !important;
    color: #721c24 !important;
    border: 1px solid #f5c6cb !important;
}

/* Generic badge styles */
.directorist_badge,
.dashboard-badge {
    padding: 0px 6px !important;
    border-radius: 4px !important;
    display: inline-block !important;
    font-size: 0.875em !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
}

.directorist_badge:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

/* ==========================================
   Dashboard Navigation Tab Styling (Unified)
   =========================================== */

/* Base styles for all dashboard tab nav items */
.directorist-user-dashboard-tab__nav ul li a,
.directorist-dashboard-listing-nav-js li a {
    position: relative !important;
}

/* Underline indicator - ::after pseudo-element */
.directorist-user-dashboard-tab__nav ul li a::after,
.directorist-dashboard-listing-nav-js li a::after {
    content: '' !important;
    position: absolute !important;
    bottom: -2px !important;
    left: 0 !important;
    right: 0 !important;
    height: 2px !important;
    background-color: transparent !important;
    transition: background-color 0.3s ease !important;
}

/* Hover state - show underline for all tabs */
.directorist-user-dashboard-tab__nav ul li a:hover::after,
.directorist-dashboard-listing-nav-js li a:hover::after {
    background-color: #1a1b29 !important;
    opacity: 0.5 !important;
}

/* Active state - solid underline for all tabs */
.directorist-user-dashboard-tab__nav ul li a.directorist-tab__nav__active::after,
.directorist-dashboard-listing-nav-js li a.directorist-tab__nav__active::after,
.directorist-dashboard-listing-nav-js li a.active::after {
    background-color: #1a1b29 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Responsive design for mobile */
@media (max-width: 768px) {
    .directorist-dashboard-listing-nav-js {
        flex-wrap: wrap !important;
        gap: 8px !important;
    }

    .directorist-dashboard-listing-nav-js li {
        margin: 0 !important;
    }

    .directorist-dashboard-listing-nav-js li a {
        padding: 8px 12px !important;
        font-size: 0.875em !important;
    }

    .directorist_badge {
        font-size: 0.75em !important;
        padding: 4px 8px !important;
    }
}

/* Accessibility */
.directorist-user-dashboard-tab__nav ul li a:focus-visible,
.directorist-dashboard-listing-nav-js li a:focus-visible {
    outline: 2px solid #0066cc !important;
    outline-offset: 2px !important;
    border-radius: 2px !important;
}

.directorist_badge:focus-visible {
    outline: 2px solid currentColor !important;
    outline-offset: 2px !important;
}