/****** GLOBAL ******/
/**** MY ACCOUNT MENU ****/
.woocommerce-MyAccount-navigation ul li a:hover i {
    color: var(--accent);
}
/**** PAGE BACKGROUNDS ****/
#c27-site-wrapper, .woocommerce-account .i-section {
    background: var(--canvas-black);
}
 /**** NO LISTINGS - No Listings, No Promotions, No Bookmarks, etc.
/**** REPLACE 'NO RESULTS' ICON WITH CUSTOM IMAGE ****/
.no-listings i {
    width: 10%;
	content: url(https://canvasdark.mylisting.club/wp-content/uploads/2025/01/No-Results-Icon-80-x-80.avif);
}
/** TEXT **/
.no-listings {
    color: var(--canvas-white);
}
/**** FIX BUTTON SPACING ****/
.woocommerce a.button {
    margin-right: 10px;
}
/**** MENU ****/
.mlduo-account-menu {
    background: var(--canvas-black10);
    border: none;
}
/** ITEMS **/
.woocommerce-MyAccount-navigation ul li a {
    color: var(--canvas-white);
}
/* ICONS */
.woocommerce-MyAccount-navigation ul li a:hover i {
    color: var(--accent);
}
/**** HEADINGS - 'Hello, XYZ, Listings, etc. ****/
.mlduo-welcome-message h1 {
    color: var(--canvas-white);
}
/**** DROPDOWN FILTERS ****/
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--canvas-white);
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    border-bottom: 1.5px solid var(--canvas-black20);
    color: var(--canvas-white);
}
/**** DROPDOWN RESULTS *****/
/** CONTAINER **/
.select2-results {
    background: var(--canvas-black);
}
/** RESULTS **/
.select2-results__options li {
    background: var(--canvas-black) !important;
  	color: var(--canvas-white) !important;
  	border-bottom: 1px solid var(--canvas-black20);
}
/** REMOVE THE ICON THAT APPEARS AFTER THE DROPDOWN SELECT OPTIONS **/
.select2-results__options li:after {
	display: none;
}
/**** BOXES ACROSS THE TOP ****/
/** BOXES **/
.mlduo-stat-box {
    background: var(--canvas-black10) !important;
}
/* ICONS */
.mlduo-stat-box i {
    display: none;
}
/* TEXT */
.mlduo-stat-box p {
    font-weight: 600;
    text-align: center;
}
/* NUMBERS */
.mlduo-stat-box h2 {
    font-weight: 700;
    text-align: center;
    letter-spacing: .5px;
}
/**** BOXES GENERAL ****/
/** BACKGROUND **/
.element {
    background: var(--canvas-black10);
}
/** ICONS **/
.round-icon .title-style-1 i {
    background: var(--canvas-black10);
    color: var(--accent) !important;
}
/** TEXT **/
.element .pf-body {
    color: var(--canvas-white);
}
/**** BODY TEXT ****/
p {
    color: var(--canvas-white);
}
/**** WOOCOMMERCE TABLES - Orders, Subscriptions, etc. ****/
/** HEADINGS **/
.woocommerce table.shop_table th {
    color: var(--canvas-white);
}
/**** MARK - HIGHLIGHTED TEXT - Order Numbers, Dates, etc. ****/
mark {
    background-color: var(--canvas-black20);
    color: var(--canvas-white);
    font-weight: 700;
}
/**** CARDS - Listings, Bookmarks, etc. ****/
/** HEADING NOTICE - ex. 'Expired' **/
#job-manager-job-dashboard table .job_title small {
    color: var(--accent);
}
/** ACTIONS **/
.job-dashboard-actions li {
    opacity: .8;
}
/** FORM LABELS **/
label {
    color: var(--canvas-grey);
}
/**** PAGINATION ****/
nav.job-manager-pagination ul li a {
    background: var(--canvas-black15);
    color: var(--canvas-white);
}


/****** ANALYTICS ENDPOINT - /my-account/ ******/
/**** ALL BOXES ****/
.col-md-4 .element, .col-md-8 .element {
    border-radius: 10px;
}
/**** HEADINGS ****/
.title-style-1 h5 {
    background: var(--canvas-black20);
    color: var(--canvas-white);
    padding: 0px 12px;
    border-radius: 20px;
}
/**** BOXES ON THE LEFT ****/
/** STAT NUMBERS **/
.number-stats p span {
    color: var(--canvas-white);
}
/** ANIMATED BARS **/
.animated-bars, .animated-bars:before, .animated-bars:after  {
    background: var(--accent);
}
/** BUTTON CLICKS BOX **/
.dash-table li>i {
    color: var(--accent);
    opacity: 1;
}
/**** VISITS BOX ****/
/**** TOP BAR ****/
.col-md-8 .element .title-style-1 {
    background: var(--canvas-black10);
}
/** HEADING **/
.col-md-8 .element .title-style-1 h5 {
    color: var(--canvas-white);
}
/** BUTTONS **/
.visit-chart-actions>a {
    font-weight: 600;
    color: var(--canvas-white);
}
.visit-chart-actions>a:hover {
    background: var(--canvas-black20);
    color: var(--canvas-white);
    font-weight: 600;
}
.visit-chart-actions>a.active {
    font-weight: 600;
    color: var(--canvas-white);
    background: var(--canvas-black20);
}
/** CHART **/
/* VERTICAL LEGEND */
.ct-label.ct-vertical.ct-start {
    color: var(--canvas-white);
}
/* HORIZONTAL LEGEND */
#cts-visits-chart .ct-labels foreignObject span.ct-horizontal {
    color: var(--canvas-white);
}
/** VIEW AND UNIQUE VIEWS LEGEND **/
.chart-legend ul {
    font-weight: 600;
    color: var(--canvas-white);
}
/** VIEWS **/
/* LEGEND */
.chart-legend .lg-blue {
    background: var(--canvas-black30);
}
/* CHART */
#visits-chart-wrapper .ct-series-a .ct-line, #visits-chart-wrapper .ct-series-a .ct-point {
    stroke: var(--canvas-black30);
}

/****** LISTINGS ENDPOINT - /my-account/my-listings/ ******/
/**** SEARCH YOUR LISTINGS ****/
/** ICON **/
.search-my-listings form button {
    color: var(--canvas-black30);
    border: none;
}
.search-my-listings form button:hover {
    color: var(--accent);
}
/**** LISTING CARDS ****/
.woocommerce table.job-manager-jobs tr {
  	border-radius: 10px;
    border: none;
    background: var(--canvas-black10);
}
/** LISTING TYPE **/
.l-type .listing-type .value {
    font-weight: 600;
    background: var(--canvas-black20);
    color: var(--canvas-white);
}
/** ACTION ICONS **/
.job-dashboard-actions li a {
    color: var(--canvas-grey);
}
/* DELETE */
.job-dashboard-action-delete {
    color: var(--accent) !important;
}
#job-manager-job-dashboard table ul.job-dashboard-actions li .job-dashboard-action-delete:hover {
    color: var(--accent) !important;
}
/** LISTING INFO **/
.job-manager-jobs .label {
    color: var(--canvas-white);
    font-weight: 700;
}
.job-manager-jobs .value {
    color: var(--canvas-white);
}
/**** PROMOTE LISTINGS ****/
/** POPUP/MODAL **/
#promo-modal .modal-content {
    background: var(--canvas-black);
    overflow: hidden;
    border: 1px solid var(--canvas-black20);
}
/* ICON */
#promo-modal .title-style-1 span {
  	display: none;
}
/* HEADING */
#promo-modal .title-style-1 h5 {
    color: var(--canvas-white);
    background: transparent;
}
/** PROMOTION PRODUCT LIST **/
.promo-product-list {
    padding-left: 0;
}
/** PROMOTION PRODUCT ITEM **/
.promo-product-item {
    border-radius: 10px;
    background: var(--canvas-black10);
}
.promo-product-item:hover {
    background: var(--canvas-black20);
}
/* ICON */
.promo-item-icon i {
    background: var(--canvas-black);
    color: var(--accent);
}
/* HEADING */
.promo-item-details h5 {
    color: var(--canvas-white);
    font-weight: 700;
}
/* PRICE */
.promo-item-details span {
    color: var(--canvas-white);
  	font-weight: 700;
}
/* DESCRIPTION */
.promo-item-details p {
    color: var(--canvas-grey);
    font-weight: 400;
}
/** PROMOTION EDUCATION **/
.promo-product-list {
    padding-bottom: 10px;
}
/* EDUCATIONAL LINK */
.learn-about-promtions a {
  	color: var(--accent);
    font-weight: 500;
}
.learn-about-promtions a:hover {
    opacity: .9;
}


/****** PROMOTIONS ENDPOINT - /my-account/promotions/ ******/
/**** BOXES ****/
.user-promotion-packages .promo-product-list li {
    background: var(--canvas-black10);
    border-radius: 10px;
}
/**** ICON ****/
.user-promotion-packages .promo-item-icon {
    margin: -2% 0% -2% 45% !important;
}
.user-promotion-packages .promo-package .promo-item-icon i {
    background: var(--canvas-black);
    color: var(--accent);
    height: 40px;
    width: 40px;;
}
/**** CARD INFO ****/
.user-promotion-packages .promo-meta {
    text-align: center;
}
/**** LISTING HEADING ****/
.user-promotion-packages .promo-item-details h5 {
    text-align: center;
    font-weight: 700;
}
/**** PROMOTION PRODUCT & ORDER LINK ****/
.promo-meta a {
    color: var(--accent);
}
/**** ORDER EXPIRATION ****/
div.order-expiry {
    margin-top: 5px;
}
/**** BUTTON ****/
.user-promotion-packages a.promo-item-action.process-promotion {
    background: var(--accent);
    color: var(--canvas-white);
    width: 40%;
    margin-left: 30%;
    padding: 5px 0;
    text-transform: uppercase;
    font-weight: 700;
}


/****** BOOKMARKS/FAVORITES ENDPOINT - /my-account/my-favorites/ ******/
/**** BOXES ****/
.c27-bookmarks-table tr {
    background: var(--canvas-black20);
}
/**** MARKER LOGO ****/
.bookmark-photo img {
    width: 50px;
    height: 50px;
}
/**** ICON TO REMOVE BOOKMARK ****/
.delete-action { 
    color: var(--accent) !important;
    opacity: .8;
}
.delete-action:hover { 
    opacity: 1;
}


/****** ORDERS ENDPOINT - /my-account/orders/ ******/
/**** TABLE HEADING ****/
.woocommerce table.shop_table td {
    color: var(--canvas-grey);
    border-bottom: solid 1px var(--canvas-black20);
}
/**** VIEW ORDER HEADINGS ****/
.woocommerce-order-details__title, 
.woocommerce-customer-details h2,
.order_details~header h2 {
    color: var(--canvas-white) !important;
    text-transform: uppercase;
    font-weight: 700 !important;
    border-bottom: 2px solid var(--accent);
    font-size: 0.813em;
}


/****** SUBSCRIPTIONS ENDPOINT - /my-account/subscriptions/ ******/
/**** FIX ALIGNMENT AND SPACING FOR VIEW BUTTON AND LISTINGS POSTED ****/
.order-actions.subscription-actions a.button {
    margin: -5px 10px;
}
/**** VIEW SUBSCRIPTION HEADINGS ****/
.subscription_details~h2 {
    text-transform: uppercase;
    font-weight: 700 !important;
    border-bottom: 2px solid var(--accent);
    font-size: 0.813em;
    color: var(--canvas-white);
}


/****** ACCOUNT ENDPOINT - /edit-account/ ******/
/**** ACCOUNT DETAILS SECTION ****/
/** MATCHES THE BOX WIDTH WITH PAYMENT METHODS AND ADDRESSES BOXES **/
@media (min-width: 992px) {
     .col-md-6.col-md-offset-3 {
        margin-left: 15.85%;
        }
    }
    @media (min-width: 992px) {
    .col-md-6.col-md-offset-3 {
        width: 68.25%;
        }
    }
/** ABOUT YOURSELF **/
form.sign-in-form .form-group textarea {
    color: var(--canvas-white);
}
/** PROFILE PICTURE **/
/* UPLOAD */
.review-gallery-add {
    border: 1px dashed var(--canvas-black50);
}
.review-gallery-add:hover {
    border: 1px dashed var(--canvas-black60);
}
.review-gallery-add i {
    color: var(--accent);
}
.review-gallery-add i:hover {
    color: var(--accent10);
}
/** ADD SOCIAL NETWORKS **/
/* HEADING */
.social-networks-repeater P {
    text-transform: uppercase;
    font-weight: 700 !important;
    border-bottom: 2px solid var(--accent);
    width: fit-content;
}
/* BUTTON */
.social-networks-repeater>input[type=button] {
    background: var(--accent);
    color: var(--canvas-white) !important;
    font-weight: 700;
}
.social-networks-repeater>input[type=button]:hover {
    background: var(--accent10);
    color: var(--canvas-white) !important;
    font-weight: 700;
}
/** DELETE SOCIAL NETWORKS **/
/* BUTTON */
.social-networks-repeater div div button[type=button] {
    background: var(--canvas-black20);
}
.social-networks-repeater div div button[type=button]:hover {
    background: var(--canvas-black25);
}
/* ICON */
.social-networks-repeater div div button[type=button] i {
    color: var(--accent);
}
/** CHANGE PASSWORD HEADING **/
.woocommerce-EditAccountForm legend {
    text-transform: uppercase;
    font-weight: 700 !important;
    border-bottom: 2px solid var(--accent); 
    color: var(--canvas-white);   
}
/** SAVE CHANGES BUTTON **/
.sign-in-form button[type=submit] {
    opacity: 1 !important;
}
.sign-in-form button[type=submit]:hover {
    opacity: 1 !important;
    background: var(--accent10);
}
/**** ADDRESSES SECTION ****/
/** BILLING ADDRESS **/
/** HEADING **/
.woocommerce-Address-title>h2 {
    text-transform: uppercase;
    border-bottom: 2px solid var(--accent);
    color: var(--canvas-white);
    font-weight: 700;
    font-size: 0.875rem;
}



/****** BILLING ENDPOINT - /edit-address/billing/ ******/
/**** HEADING ****/
.woocommerce .woocommerce-MyAccount-content form>h3 {
    text-transform: uppercase;
    border-bottom: 2px solid var(--accent);
    color: var(--canvas-white);
}
/**** FIXES ALIGNMENT ISSUES WITH CHECKBOX AND TEXT ****/
#update_all_subscriptions_addresses_field label.checkbox input.input-checkbox {
    margin-top: 8px;
}
/**** BUTTON ****/
.woocommerce-MyAccount-content .woocommerce-address-fields .woocommerce-address-fields__field-wrapper~p button[type=submit], .woocommerce .woocommerce-address-fields .woocommerce-address-fields__field-wrapper~p input {
    opacity: 1 !important;
}



/****** ADD PAYMENT METHOD ENDPOINT - /my-account/add-payment-method/ ******/
/**** STRIPE ****/
/** OUTTER BOX **/
#add_payment_method #payment {
    background: var(--canvas-black);
}
/** INNER BOX **/
/* BACKGROUND */
#add_payment_method #payment div.payment_box {
    background: var(--canvas-black);
}
/* HIDE ARROW "ICON" */
#add_payment_method #payment div.payment_box::before {
    border: none;
}
/* STRIPE DOCUMENTATION LINK */
#stripe-payment-data a:hover {
    color: var(--accent);
    opacity: .95;
}
/** FORM LABELS **/
#add_payment_method #payment label {
    color: var(--canvas-white);
    font-weight: 600;
}
/** BORDER BETWEEN FORM AND BUTTON **/
#add_payment_method #payment ul.payment_methods {
    border-bottom: 1px solid var(--canvas-black20);
}




/****** LOGIN/REGISTER ******/
/**** GLOBAL ****/
/** CONTAINER **/
.login-container {
    background-color: var(--canvas-black);
}
/** TABS **/
/* GLOBAL */
.login-tabs li {
    opacity: .5;
}
.login-tabs li a:hover  {
    color: var(--accent10);
}
/* ACTIVE */
.login-tabs li.active a  {
    color: var(--accent);
}
/* INACTIVE */
.login-tabs li a  {
    color: var(--canvas-black60);
}
/** FORM **/
/* INPUT */
form.sign-in-form .form-group input {
    color: var(--canvas-black60);
    border-bottom: solid 1px var(--canvas-black30);
}
/** BUTTON **/
/* ICON */
.sign-in-form button[type=submit] i {
    display: none;
}
/** PASSWORD FIELD **/
/* ICON */
.woocommerce-page form .show-toggle-password:after, .woocommerce form .show-toggle-password:after {
    color: var(--accent);
}
/**** LOGIN ****/
/** PASSWORD RESET **/
/* LINK */
.forgot-password a:hover {
    color: var(--accent10);
}
/* ICON */
.forgot-password a i,
.forgot-password a:hover i{
    color: var(--canvas-black30);
}


/****** LOGOUT ******/
.woocommerce-MyAccount-navigation .lastnavitem {
    background: var(--accent);
    border-radius: 0;
}
.woocommerce-MyAccount-navigation .lastnavitem.menu-item a:hover {
    background: var(--accent10) !important;
}