/*
Theme Name: Divi Child
Version: 1.0.0
Description: Child Theme to Extend Divi
Author: CyberOptik
Author URI: https://www.cyberoptik.net/
Template: Divi
*/

.woocommerce-account .et_pb_section { background-color: #f6f6f6}

.woocommerce-account .woocommerce {
    display: flex;
    align-items: flex-start;
    gap: 32px;
}

@media screen and (max-width: 900px) {
    .woocommerce-account .woocommerce { flex-direction: column; }
}

.woocommerce-account .woocommerce > * {
    background-color: white;
    padding: 32px;
    border-radius: 16px;;
}

@media screen and (max-width: 900px) {
    .woocommerce-account .woocommerce > *  { width: 100%; }
}


.woocommerce-account .woocommerce-MyAccount-navigation { padding: 32px 0; }

@media screen and (max-width: 900px)  {
    .woocommerce-account .woocommerce-MyAccount-navigation { padding: 16px 0;; }
}

@media screen and (min-width: 601px) and (max-width: 900px) {
    .woocommerce-account .woocommerce-MyAccount-navigation {
        display: grid;
        grid-template-columns: 1fr 1fr;

    }
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    padding: 3px 32px;
    display: block;;
    font-size: 1.3em;
    line-height: 1.6;
    text-decoration: none;
}

.woocommerce-account .woocommerce li.is-active a,
.woocommerce-account .woocommerce li:hover a  { color: #C11B1B !important }


.woocommerce-account .woocommerce-info { 
    background-color: black;
    border-radius: 6px;
 }

.woocommerce-account .woocommerce-info .button.wc-forward,
.woocommerce-account button[type='submit'] { 
    font-size: 16px; 
    color: #C11B1B;
}

.woocommerce-account .woocommerce-info .button.wc-forward:hover,
.woocommerce-account button[type='submit']:hover {
    color:  black;
    background-color: #C11B1B
}

.woocommerce-account .woocommerce-info .button.wc-forward::after,
.woocommerce-account button[type='submit']::after {
    font-size: 28px;
    top: 50%;
    transform: translateY(-50%);
}

.woocommerce-account .woocommerce-MyAccount-content a:not([class]),
.woocommerce-account .woocommerce-MyAccount-content a.edit,
.woocommerce-account .woocommerce-MyAccount-content a.browse  { 
    color: #C11B1B; 
    text-decoration: none !important;
    border-bottom: 1px dashed currentColor;
}

.woocommerce-account .woocommerce-MyAccount-content a:not([class]):hover,
.woocommerce-account .woocommerce-MyAccount-content a.edit:hover,
.woocommerce-account .woocommerce-MyAccount-content a.browse:hover { border-bottom-style: solid; }

.woocommerce-account .woocommerce table.my_account_orders { font-size: 1em; }

.woocommerce-account .woocommerce-orders-table__cell-order-actions a,
.woocommerce-account .woocommerce-order-details a  {
    margin: 3px;
    font-size: 16px;
    padding: 0.2em 1em !important;
}

.woocommerce-account a.woocommerce-button.view,
.woocommerce-account a.woocommerce-button.download_pdf {
    padding: 0.3rem 1rem !important;
    display: inline-flex !important;
    align-items: center;
    gap: 3px;
    font-size: 0;
}

.woocommerce-account a.woocommerce-button.view::before,
.woocommerce-account a.woocommerce-button.download_pdf::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 1rem !important;
    opacity: 1 !important;
    display: block !important;
    position: static !important;
    margin: 0;
}

.woocommerce-account a.woocommerce-button.view::before { content: '\f002'; }

.woocommerce-account a.woocommerce-button.download_pdf::before { content: '\f019'; }

.woocommerce-account .woocommerce-order-details a:not(.woocommerce-button) { color: #C11B1B !important; }

.woocommerce-account .woocommerce-orders-table__cell-order-actions a:not([class]):hover,
.woocommerce-account .woocommerce-orders-table__cell-order-actions a.woocommerce-button:hover,
.woocommerce-account .woocommerce-table--order-details a.woocommerce-button:hover,
.woocommerce-account .woocommerce-order-details .order-again a:hover {
    background-color: black !important;
    border-color: black !important;
    color: white !important;
}

.woocommerce-account .woocommerce-orders-table__cell-order-actions a:after,
.woocommerce-account .woocommerce-order-details a:after { display: none; }

.woocommerce-account span.woocommerce-Price-amount.amount { font-size: inherit; }

/* Remove Amounts on cart */


body.woocommerce-cart .wp-block-woocommerce-cart-order-summary-shipping-block { display: none !important; }


body.woocommerce-cart .wc-block-components-totals-item { font-size: 1.2em; }

/* Nav Menu Full */
.nav-menu-full { text-align: center; }

.nav-menu-full .et_pb_row { 
    max-width: none; 
    width: auto;
}

.nav-menu-full .et_pb_menu__menu,
.nav-menu-full .et-menu-nav,
.nav-menu-full .et-menu { width: 100%; }

.nav-menu-full .et-menu { 
    margin: 0; 
    padding: 0;
    gap: 1px;
}

.nav-menu-full .et-menu > .menu-item { 
    flex: 1 1 auto; 
    flex-direction: column;
    padding: 0;
    gap: 1px;
	margin: 0;
}

.nav-menu-full .et-menu > .menu-item > a,
.nav-menu-full .et_mobile_menu > li > a { 
    padding: 20px !important; 
    background-color: black;
    color: white;
    justify-content: center;
    text-align: center;
    line-height: normal;
}

.nav-menu-full .et-menu > .menu-item > a:not([href]):hover,
.nav-menu-full .et_mobile_menu > li > a:not([href]):hover { 
    background-color: black; 
    opacity: 1;
}


.nav-menu-full .et-menu > .menu-item > a::after { display: none; }

.nav-menu-full .et-menu .sub-menu,
.nav-menu-full .et_mobile_menu .sub-menu { 
    display: flex !important;
    position: static !important; 
    opacity: 1 !important;
    width: auto !important;
    visibility: visible;
    padding: 0 !important;
    border-top: 0 !important;
    gap: 1px;
}

.nav-menu-full .et-menu .sub-menu li,
.nav-menu-full .et_mobile_menu .sub-menu li { 
    padding: 0 !important; 
    flex: 1 1 auto;
    text-align: center;
    padding: 0;
    gap: 1px;
}

.nav-menu-full .et-menu .sub-menu li a,
.nav-menu-full .et_mobile_menu .sub-menu li a {
    width: auto;
    padding: 20px;
    background-color: #b51515;
    color: white;
}

.nav-menu-full .et-menu .sub-menu li a:hover,
.nav-menu-full .et_mobile_menu .sub-menu li a:hover {
    background-color: white;
    color: #b51515;
}

.nav-menu-full .et_mobile_menu { 
    display: block !important; 
    position: static;
    height: auto !important;
	border: 0 !important;
}

.nav-menu-full .et_mobile_nav_menu,
.nav-menu-full .et_mobile_nav_menu > * { width: 100%; }

.nav-menu-full .mobile_menu_bar { display: none; }

.nav-menu-full .et_mobile_menu { padding: 0; }

.nav-menu-full.et_pb_fullwidth_menu--without-logo .et_pb_menu__menu>nav>ul { padding-top: 0 !important; }

.nav-menu-full .et_mobile_menu .sub-menu { margin-top: 1px; }

/* Hide Menu when users are not logged in */
body:not(.logged-in) .et_pb_menu__wrap {
    visibility: hidden;
}