/*
 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
*/

@media (max-width: 767px) {
  .bricks-mobile-menu a:focus,
  .bricks-mobile-menu button:focus {
    outline: none !important;
    box-shadow: none !important;
	  
  }
  a, button {
  -webkit-tap-highlight-color: transparent; /* remove blue on tap */
}

a:focus-visible,
button:focus-visible {
  outline: 2px solid var(--primary-red); /* keep clear focus for keyboard users */
  outline-offset: 2px;
}	
	
}

/* Shared Cart + Checkout H1 styles */
.woocommerce-cart h1,
.woocommerce-checkout h1 {     
	font-family: "argent-cf";
    font-weight: 800;
	font-size: 32px;
	color: #142757;
	font-weight: bold;
	text-transform: capitalize; /* Initial caps */
}

.alignwide {
    margin-left: 0%;
    max-width: 100%;
    position: relative;
    width: 100%;
}



#brx-content.wordpress {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: 1100px;
    padding-top: 12rem;
}

/* Cart page - Proceed to Checkout button */
.wc-block-cart__submit-button.wc-block-components-button.wp-element-button {
  /* mirror your .button-main + .margin-top-med + .hover-burst-btn-pink */
  display: inline-block;
  border: 0;
  border-radius: 9999px;
  padding: .75rem 1.5rem;
  font-weight: 700;
  text-decoration: none;
  background: #477A8E;
  color: #fff;
  margin-top: 1.5rem;
  transition: transform .2s ease, background .2s ease;
}
.wc-block-cart__submit-button.wc-block-components-button.wp-element-button:hover {
  transform: translateY(-1px);
  /* adjust to match your hover-burst */
}

/* If Woo Blocks are overriding, bump specificity or force it */
.wc-block-cart__submit-button.wc-block-components-button.wp-element-button.button-main,
.wc-block-cart__submit-button.wc-block-components-button.wp-element-button { 
  background: #142757 !important;
  color: #fff !important;
}

/* Centered footer link under login form */
.woocommerce-account .account-subscribe-cta {
  text-align: center;
  margin-top: 20px;
}

.woocommerce-account .pp-subscribe-link {
  color: #142757;              /* brand navy */
  font-weight: 600;
  display: inline-block;
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color .3s ease;
}

.woocommerce-account .pp-subscribe-link:hover {
  color: #B3CDCB;              
}

.woocommerce-LostPassword {
  margin-bottom: 1.5rem; /* adjust to taste */
  display: block;
}

/* Checkout page container width */
body.page-id-1237 #brx-content.wordpress {
  margin-left: auto;
  margin-right: auto;
  max-width: 95%;   /* shrink slightly */
  width: 1100px;    /* optional fixed width */
}

/* Checkout page: adjust Details line */
.page-id-1237 .wcs-recurring-totals-panel__details .wc-block-components-panel__button {
  display: flex !important;
  justify-content: flex-start !important; /* align content left */
  gap: 1rem;                            /* spacing between text + caret */
  padding-left: 1rem !important;        /* tweak to line up with label above */
}
.page-id-1237 .wc-block-components-panel__button-icon {
 right: 1rem !important;
}


/* Hide quantity input for all items in the block cart */
.wc-block-components-quantity-selector {
  display: none !important;
}


// Hide 2FA from My Account page
add_action( 'template_redirect', function() {
    if ( isset($_GET['wp_2fa']) ) {
        wp_redirect( site_url('/two-factor-verify/') ); // Your Bricks page slug
        exit;
    }
});

add_action( 'login_enqueue_scripts', function() {
    wp_enqueue_style( 'palms-paws-2fa', get_stylesheet_directory_uri() . '/wp-2fa-custom-updated.css' );
});



/* Style the comment image upload field */
.comment-form-attachment input[type="file"] {
  border: none;               /* remove outline */
  background: transparent;    /* clean background */
  font-size: 14px;            /* smaller font size */
  color: #333;                /* text color */
  padding: 0;                 /* remove extra padding */
  margin: 0 0 10px 0;         /* spacing below */
}

/* Style the file upload "button" to match Submit */
.comment-form-attachment input[type="file"]::-webkit-file-upload-button {
  background-color: #1b2a4e;  /* same as your Submit button */
  color: #fff;
  font-size: 14px;            /* smaller font */
  padding: 8px 16px;
  border: none;
  border-radius: 20px;        /* match Submit button radius */
  cursor: pointer;
  transition: background-color 0.25s ease;
}

.comment-form-attachment input[type="file"]::-webkit-file-upload-button:hover {
  background-color: #0f1a33;  /* darker on hover */
}

.comment-form-attachment input[type="file"]::file-selector-button {
  background-color: #1b2a4e;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  padding: 8px 12px;
  border: none;
  border-radius: 100vh;
  cursor: pointer;
  transition: background-color 0.25s ease;
}

.comment-form-attachment input[type="file"]::file-selector-button:hover {
  background-color: #0f1a33;
}

/* More space in-between bullet points inside post-rich-text */
.post-rich-text ul li,
.post-rich-text ol li {
  margin-bottom: 0.75em; /* adds vertical space between list items */
  line-height: 1.6;      /* improves readability */
}

/* Hide "View Cart" and "Close Cart" buttons in XootiX Woo Side Cart */
.xoo-wsc-ft-buttons-cont .xoo-wsc-ft-btn-cart,
.xoo-wsc-ft-buttons-cont .xoo-wsc-cart-close {
  display: none !important;
}

/* Optional: center the Checkout button */
.xoo-wsc-ft-buttons-cont {
  text-align: center;
}
.xoo-wsc-ft-buttons-cont .xoo-wsc-ft-btn-checkout {
  width: 100%; /* full-width */
  max-width: 280px; /* or limit width if you prefer */
}

/* Make Checkout button full width in Woo Side Cart */
.xoo-wsc-footer .xoo-wsc-checkout {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0; /* removes extra spacing */
}

/* Force Checkout button to full width in Side Cart */
.xoo-wsc-footer .xoo-wsc-ft-buttons-cont .xoo-wsc-ft-btn-checkout {
  width: 100% !important;
  max-width: none !important; /* remove the 280px restriction */
  display: block;
  margin: 0;
}

/* Underline links in Woo My Account dashboard intro */
.woocommerce-MyAccount-content p a {
  text-decoration: underline;
}

/* Style the "View all episodes" button */
.woocommerce-MyAccount-content a.brxe-button.button-main {
  text-decoration: none !important; /* remove underline */
  color: #FBFBFB !important;        /* set text color */
}

/* Enlarge the Accordion arrows */
.accord-icon {
  font-size: 1.5em !important;
}

/* Only affect headings on the Order Received (Thank You) page */
body.woocommerce-order-received h1 {
  font-family: 'DM Sans', sans-serif;
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.2;
  margin-bottom: 1.2em;
}

body.woocommerce-order-received h2 {
  font-family: 'DM Sans', sans-serif;
  font-weight: 600;
  font-size: 1.5rem; /* slightly smaller than h1 */
  line-height: 1.3;
  margin-top: 2em;
  margin-bottom: 1em;
  letter-spacing: -0.5px;
}

/* Underline links only on WooCommerce Thank You page */
body.woocommerce-order-received #brx-content a {
  text-decoration: underline;
  
  font-weight: 500;
}

/* Style "Save changes" button on Account Details */
.woocommerce-EditAccountForm .woocommerce-Button[name="save_account_details"] {
  background-color: #142757; 
  border-radius: 50px;
  color: #fff !important;
  font-weight: 600;
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
  border: none;
  text-decoration: none;
  box-shadow: none;
  transition: all 0.25s ease;
}

/* Hover effect */
.woocommerce-EditAccountForm .woocommerce-Button[name="save_account_details"]:hover {
  opacity: 0.9;
  transform: translateY(-2px);
}


/* Optional – apply to both product name and price */
.xoo-wsc-product * {
  line-height: 1.2 !important;
}
/* Tighten line height in Woo Order Summary */
.wc-block-components-order-summary-item,
.wc-block-components-order-summary-item * {
  line-height: 1.2 !important;
}


/* Remove Woo errors on My Account page */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-error,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info {
  display: none !important;
}