/**
 * Amir Stone - My Account
 * Child Theme Custom Styles
 */


/* ========================================
   Account Dashboard Sidebar
======================================== */

div.dashboard_side {
    border-top: 4px solid #CC6C24;
}


/* Active dashboard item */
li.dashboard_menu__item.woocommerce-MyAccount-navigation-link--dashboard.is-active::before,
li.dashboard_menu__item.woocommerce-MyAccount-navigation-link--orders.is-active::before {
    background-color: #CC6C24 !important;
}


/* ========================================
   Account Icons
======================================== */

i.fa-regular.fa-house,
i.fa-regular.fa-box,
i.fa-regular.fa-arrow-down-to-line,
i.fa-regular.fa-ballot-check,
i.fa-regular.fa-ticket,
i.fa-regular.fa-bell,
i.fa-regular.fa-location-dot,
i.fa-regular.fa-info-circle,
div.icon > svg {
    color: #CC6C24 !important;
}


/* ========================================
   Account Links
======================================== */

div.gap-x p > a {
    color: #CC6C24 !important;
}


a.box_left,
a.box_left > svg {
    color: #CC6C24 !important;
}


/* ========================================
   Account Buttons
======================================== */

div.arrow_button {
    padding: 0;

    background-color: #CC6C24 !important;
}


a.btn.solid.medium,
a.btn.solid.small,
button.btn.solid.medium {
    background-color: #CC6C24;
    color: #FAF8F3;
}


a.empty-link {
    background-color: #CC6C24;
    color: #FAF8F3;
}


/* ========================================
   Status / Messages
======================================== */

span.text_danger {
    color: #CC6C24;
}


div.woocommerce-info {
    background-color: #CC6C24;
    color: #FAF8F3;

    border-radius: 15px;
}


/* ========================================
   Account Icon Containers
======================================== */

div.icon_container.blue,
div.icon_container.green,
div.icon_container.red {
    background-color: #2F3E46 !important;
    color: #FAF8F3 !important;
}


/* ========================================
   Wallet
======================================== */

div.wallet-header {
    background-color: #CC6C24;
    color: #FAF8F3;
}


button.charge-button {
    background-color: #CC6C24;
    color: #FAF8F3;
}


div.wallet-btn > svg,
div.icon-btn > svg {
    fill: #CC6C24 !important;
}


/* ========================================
   Account Topbar
======================================== */

div.topbar.header_woodplus_myaccount {
    background: #2F3E46 !important;
}