/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/


/*
 * Woo Customizations
 */

 /* My Account */
.woocommerce-account h2 { margin-bottom: var(--space-m); }
.woocommerce-account .woocommerce-MyAccount-navigation {
    min-width: 20% !important;
}

 /* My Account - Login */
.woocommerce-form-login .form-group.username,
.woocommerce-form-login .form-group.password {
    width: 100% !important;
}

/* My Account -- API Activations */
.woocommerce-account .mainwp-api-activations-table thead {
    background: var(--base-ultra-light) !important;
}
.woocommerce-account .mainwp-api-activations-table thead tr th {
    padding: var(--space-xs);
    font-size: 2rem;
    background-color: var(--bg-base-ultraliht) !important;
}
.woocommerce-account .mainwp-api-activations-table tbody tr td {
    padding: var(--space-xs) !important;
    font-size: 1.5rem;
}

.woocommerce-account .mainwp-api-activations-table .api-manager-activation,
.woocommerce-account .mainwp-api-activations-table .api-manager-activations {
    text-align: right;
}

/* My Account -- API Downloads */
.woocommerce-account .mainwp-api-downloads-table thead {
    background: var(--base-ultra-light) !important;
}
.woocommerce-account .mainwp-api-downloads-table thead tr th {
    padding: var(--space-xs);
    font-size: 2rem;
    background-color: var(--bg-base-ultraliht) !important;
}
.woocommerce-account .mainwp-api-downloads-table tbody tr td {
    padding: var(--space-xs) !important;
    font-size: 1.5rem;
}

.woocommerce-account .mainwp-api-downloads-table .api-manager-version,
.woocommerce-account .mainwp-api-downloads-table .api-manager-documentation,
.woocommerce-account .mainwp-api-downloads-table .api-manager-download {
    text-align: center;
}

.mainwp-pro #mainwp-pro-extensions-list, 
.mainwp-pro #mainwp-get-pro-button {
    display: none;
}

 /* My Account -- Order View */
.woocommerce-account .woocommerce-order-downloads {
   display: none;
}

.woocommerce-account .woocommerce-order-details header h2,
.woocommerce-account .woocommerce-order-details .woocommerce-orders-table {
   display: none;
}

.woocommerce-account .woocommerce-button.button._ticket,
.woocommerce-account .wc-helpscout-order-conversation-form,
.woocommerce-account h2#start-conversation,
.woocommerce-account .brxe-woocommerce-account-view-order p:last-of-type {
    display: none;
}

/* My Account -- Subscriptions */

.woocommerce-account .my_account_subscriptions thead tr th {
    padding: var(--space-xs) !important;
    background: var(--base-ultra-light) !important;
    border-bottom: 1px solid var(--base-light) !important;
}
.woocommerce-account .my_account_subscriptions tbody tr td {
    padding: var(--space-xs) !important;
    background: var(--white) !important;
    border-bottom: 1px solid var(--base-light) !important;
    font-size: 1.5rem !important;
}

.woocommerce-account .my_account_subscriptions tbody tr td.subscription-actions {
    text-align: right;
}

.woocommerce-account .my_account_subscriptions tbody tr td.subscription-actions .button {
    font-size:1.25rem !important;
    padding: 7px 20px !important;
    background: var(--secondary) !important;
    color: var(--white) !important;
}

/* My Account -- Subscription View */

.woocommerce-account table.subscription_details tr td {
    padding: var(--space-xs) !important;
    background: var(--white) !important;
    border-bottom: 1px solid var(--base-light) !important;
    font-size: 1.5rem !important;
}

.woocommerce-account.woocommerce-view-subscription h2 {
    font-size: 2.5rem !important;
    margin-bottom: var(--space-s) !important;
    margin-top: var(--space-s) !important;
}
.woocommerce-account.woocommerce-view-subscription table tr th {
    padding: var(--space-xs) !important;
    background: var(--base-ultra-light) !important;
    border-bottom: 1px solid var(--base-light) !important;
    font-size: 1.5rem !important;
}
.woocommerce-account.woocommerce-view-subscription table tr td {
    padding: var(--space-xs) !important;
    border-bottom: 1px solid var(--base-light) !important;
    font-size: 1.5rem !important;
}
.woocommerce-account.woocommerce-view-subscription table tr td .button {
    font-size:1.25rem !important;
    padding: 7px 20px !important;
    background: var(--secondary) !important;
    color: var(--white) !important;
}
.woocommerce-account.woocommerce-view-subscription table tr td .button.resubscribe {
    display: none;
}

.woocommerce-account.woocommerce-view-subscription .woocommerce-customer-details {
    font-size: 1.5rem !important;
}

/* My Account - Payment Methods */
.woocommerce-account table.woocommerce-MyAccount-paymentMethods {
    margin-bottom: var(--space-m);
}
.woocommerce-account table.woocommerce-MyAccount-paymentMethods th {
    padding: var(--space-xs);
    font-size: 1.5rem;
    background: var(--base-ultra-light);
}
.woocommerce-account table.woocommerce-MyAccount-paymentMethods td {
    padding: var(--space-xs);
    font-size: 1.5rem;
    border-top: 1px solid var(--base-light);
}
.woocommerce-account table.woocommerce-MyAccount-paymentMethods tr td:last-of-type {
    text-align: right;
}
.woocommerce-account table.woocommerce-MyAccount-paymentMethods td .button {
    background: var(--secondary);
    text-transform: uppercase;
    color: var(--white);
    font-size: 1.25rem;
}

.woocommerce-account table.woocommerce-MyAccount-paymentMethods td .button {
    background: var(--secondary);
    text-transform: uppercase;
    color: var(--white);
    font-size: 1.25rem;
}

.woocommerce-account.woocommerce-payment-methods .button {
    background: var(--secondary);
    text-transform: uppercase;
    color: var(--white);
    font-size: 1.25rem;
}
.woocommerce-account.woocommerce-add-payment-method .button {
    background: var(--secondary);
    text-transform: uppercase;
    color: var(--white);
    font-size: 1.25rem;
    margin-top: var(--space-m);
}

.woocommerce-account ul.woocommerce-PaymentMethods {
    padding-left: 0 !important;
    list-style: none !important;
}
.woocommerce-account ul.woocommerce-PaymentMethods li {
    margin-bottom: var(--space-s);
}

/* My Account - Affilate Area */
#affwp-affiliate-dashboard {
    font-size: 1.5rem;
}
#affwp-affiliate-dashboard .button {
    background: var(--secondary);
    text-transform: uppercase;
    color: var(--white);
    font-size: 1.25rem;
    font-weight: 700;
    padding: var(--space-xs);
    border-radius: 5rem;
}
#affwp-affiliate-dashboard ul#affwp-affiliate-dashboard-tabs {
    background: var(--base-ultra-light);
}
#affwp-affiliate-dashboard ul#affwp-affiliate-dashboard-tabs li {
    font-size: 1.5rem;
    padding: var(--space-s);
}

#affwp-affiliate-dashboard .affwp-custom-link-generator {
    margin-top: var(--space-s);
    margin-bottom: var(--space-s);
}

#affwp-affiliate-dashboard table {
    margin-top: var(--space-s);
    margin-bottom: var(--space-s);
}

#affwp-affiliate-dashboard table th {
    padding: var(--space-xs);
    font-size: 1.5rem;
    background: var(--base-ultra-light);
}

#affwp-affiliate-dashboard table td {
    padding: var(--space-xs);
    font-size: 1.5rem;
    border-top: 1px solid var(--base-light);
}

/* Checkout */

.woocommerce-form-coupon-toggle .woocommerce-info {
    justify-content: left !important;
}

#billing_last_name_field {
    margin-block-start: 0 !important;
}
#billing_phone_field {
    float: none !important;
    width: 100% !important;
    margin-block-start: 0 !important;
}

.woocommerce-form-coupon-toggle .woocommerce-info, .woocommerce-form-coupon-toggle .woocommerce-info a {
    background: none !important;
    border: none !important;
    font-size: 1.5rem !important;
    color: var(--secondary) !important;
}

.woocommerce-form-coupon .button {
    font-size: 1.5rem !important;
    padding: var(--space-xs) !important;
    line-height: 1 !important;
    margin: 0 !important;
}

/* Product */

.brxe-product-content h2 { margin-bottom: var(--space-l); margin-top: var(--space-l) }
.brxe-product-content h3 { margin-bottom: var(--space-m); margin-top: var(--space-m) }
.brxe-product-content h4 { margin-bottom: var(--space-s); margin-top: var(--space-s) }

/* Form Elements */

form label {
    color: var(--base);
}

/* Wordfence - 2FA */

#wfls-management-embedded p:first-of-type {
    display: none;
}

#wfls-management-embedded #wfls-deactivation-controls p:first-of-type {
    display: block;
}

#wfls-management-embedded #wfls-deactivation-controls .wfls-center {
    text-align: left !important;
}

#wfls-management-embedded .wfls-block-header,
#wfls-management-embedded .wfls-block-content {
    padding: var(--space-s);
    font-size: 1.5rem !important;
}

#wfls-management-embedded .wfls-block-header .wfls-block-title {
    font-size: 1.5rem !important;
}

#wfls-management-embedded .wfls-block-content p {
    margin-bottom: var(--space-s);
}

#wfls-management-embedded  #wfls-activation-help-link-container {
    display: none;
}

#wfls-management-embedded .wfls-recovery-codes {
    margin-bottom: var(--space-s);
}

#wfls-management-embedded .wfls-btn {
    padding: 10px 20px;
    border-radius: 5rem;
    font-size: 1.25rem;
    color: var(--white);
    text-transform: uppercase;
    background-color: var(--secondary);
    font-weight: 700;
}

#wfls-management-embedded .wfls-btn i {
    display: none;
}

#wfls-management-embedded .wfls-half {
    display: none;
}

#wfls-management-embedded .wfls-activate-field {
    width: 100%;
}

#wfls-prompt-wrapper {
    padding: var(--space-s);
}

/* Misc */

#chatbase-bubble-button {
    bottom: 40px !important;
    right: 40px !important;
    height: 55px !important;
    width: 55px !important;
}

/* Mobile */

@media (max-width: 768px) and (orientation: portrait) {
    #chatbase-bubble-button {
        bottom: 24px !important;
        right: 24px !important;
    }
}



body.woocommerce-edit-account #mwp-myacc-subnav-profile {
    color: var(--action);
}

body.woocommerce-edit-account .woocommerce-MyAccount-navigation-link--dashboard a {
    border-left: 5px solid var(--success) !important;
}

body.woocommerce-orders #mwp-myacc-subnav-orders {
    color: var(--action);
}

body.woocommerce-orders .woocommerce-MyAccount-navigation-link--dashboard a {
    border-left: 5px solid var(--success) !important;
}

body.woocommerce-subscriptions #mwp-myacc-subnav-subscriptions {
    color: var(--action);
}

body.woocommerce-subscriptions .woocommerce-MyAccount-navigation-link--dashboard a {
    border-left: 5px solid var(--success) !important;
}

body.woocommerce-payment-methods #mwp-myacc-subnav-payment-methods {
    color: var(--action);
}

body.woocommerce-payment-methods .woocommerce-MyAccount-navigation-link--dashboard a {
    border-left: 5px solid var(--success) !important;
}

body.mainwp-account #mwp-myacc-subnav-account,
body.mainwp-profile #mwp-myacc-subnav-profile,
body.mainwp-billing #mwp-myacc-subnav-profile,
body.mainwp-2fa #mwp-myacc-subnav-2fa,
body.mainwp-orders #mwp-myacc-subnav-orders,
body.mainwp-subscriptions #mwp-myacc-subnav-subscriptions,
body.mainwp-payment-methods #mwp-myacc-subnav-payment-methods {
    color: var(--action);
}

body.mainwp-account .woocommerce-MyAccount-navigation-link--dashboard a,
body.mainwp-profile .woocommerce-MyAccount-navigation-link--dashboard a,
body.mainwp-billing .woocommerce-MyAccount-navigation-link--dashboard a,
body.mainwp-2fa .woocommerce-MyAccount-navigation-link--dashboard a,
body.mainwp-orders .woocommerce-MyAccount-navigation-link--dashboard a,
body.mainwp-subscriptions .woocommerce-MyAccount-navigation-link--dashboard a,
body.mainwp-payment-methods .woocommerce-MyAccount-navigation-link--dashboard a {
    border-left: 5px solid var(--success) !important;
}

body.mainwp-downloads #mwp-myacc-subnav-downloads,
body.mainwp-activations #mwp-myacc-subnav-activations {
    color: var(--action);
}

body.mainwp-downloads .woocommerce-MyAccount-navigation-link--my-api-downloads a,
body.mainwp-activations .woocommerce-MyAccount-navigation-link--my-api-downloads a {
    border-left: 5px solid var(--success) !important;
}

body.mainwp-new-ticket #mwp-myacc-subnav-new-ticket,
body.mainwp-my-tickets #mwp-myacc-subnav-my-tickets {
    color: var(--action);
}

body.mainwp-new-ticket .woocommerce-MyAccount-navigation-link--get-support a,
body.mainwp-my-tickets .woocommerce-MyAccount-navigation-link--get-support a {
    border-left: 5px solid var(--success) !important;
}