/*
 * SPE My Account UI — Divi + Woo classic + Woo Blocks (Customer Account)
 * Scope: account pages only.
 */

:root{
  --spe-accent:#050a30;
  --spe-accent-rgb:255,82,0;
  --spe-text:#0f172a;
  --spe-text-rgb:15,23,42;
  --spe-muted:#6b7280;
  /* --spe-border:#e5e7eb; */
  --spe-bg:#ffffff;
  --spe-card:#ffffff;
  --spe-card-hover:rgba(var(--spe-text-rgb),.06);
  --spe-radius:5px;
  /* --spe-shadow:0 6px 20px rgba(2,6,23,.06); */
}

/* ------------------ Container & layout ------------------ */
.woocommerce-account{
  --gap:clamp(18px,3vw,28px);
  color:var(--spe-text);
}

/* Constrain width and centre on the page (works with Divi too) */
.woocommerce-account .woocommerce,
.woocommerce-account .wp-block-woocommerce-customer-account{
  width: 100%;
  max-width:100%;
  margin:40px auto;
  padding:0 16px; /* small side padding on mobiles */
}

/* Two-column grid for both classic and block renderers */
.woocommerce-account .woocommerce,
.woocommerce-account .wp-block-woocommerce-customer-account{
  display:inline-flex;
  grid-template-columns:min(280px,32%) minmax(0,1fr);
  gap:var(--gap);
  align-items:start;
}

/* ------------------ NAV (classic template) ------------------ */
.woocommerce-account .woocommerce-MyAccount-navigation{
  background:var(--spe-card);
  border:1px solid var(--spe-border);
  border-radius:var(--spe-radius);
  /*! box-shadow:var(--spe-shadow); */
  padding:14px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul{
  list-style:none;margin:0;padding:0;display:grid;gap:10px;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  text-decoration:none;color:var(--spe-text);
  background:#fff;border:1px solid var(--spe-border);
  border-radius:5px;padding:12px 14px;
  transition:background .18s ease,border-color .18s ease,transform .08s ease;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{
  background:var(--spe-card-hover);
  border-color:rgba(var(--spe-accent-rgb),.35);
}
.woocommerce-account .woocommerce-MyAccount-navigation li a::after{
  content:"→";font-weight:600;color:var(--spe-accent);
}

/* ------------------ NAV (Blocks) ------------------ */
.woocommerce-account .wp-block-woocommerce-customer-account-navigation{
  background:var(--spe-card);
  border:1px solid var(--spe-border);
  border-radius:var(--spe-radius);
  box-shadow:var(--spe-shadow);
  padding:14px;
}
.woocommerce-account .wp-block-woocommerce-customer-account-navigation ul{
  list-style:none;margin:0;padding:0;display:grid;gap:10px;
}
.woocommerce-account .wp-block-woocommerce-customer-account-navigation a{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  text-decoration:none;color:var(--spe-text);
  background:#fff;border:1px solid var(--spe-border);
  border-radius:12px;padding:12px 14px;
  transition:background .18s ease,border-color .18s ease,transform .08s ease;
}
.woocommerce-account .wp-block-woocommerce-customer-account-navigation a:hover,
.woocommerce-account .wp-block-woocommerce-customer-account-navigation .is-active > a{
  background:var(--spe-card-hover);
  border-color:rgba(var(--spe-accent-rgb),.35);
}
.woocommerce-account .wp-block-woocommerce-customer-account-navigation a::after{
  content:"→";font-weight:600;color:var(--spe-accent);
}

/* ------------------ CONTENT (classic + blocks) ------------------ */
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .wp-block-woocommerce-customer-account-content,
.woocommerce-account .wc-block-my-account__content{
  background:var(--spe-bg);
  border:1px solid var(--spe-border);
  border-radius:var(--spe-radius);
  /*! box-shadow:var(--spe-shadow); */
  padding:clamp(16px,3vw,28px);

  /* CRITICAL: allow content to fill the right column instead of shrinking */
  width:100%;
  min-width:0;
}

.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .wp-block-woocommerce-customer-account-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3,
.woocommerce-account .wp-block-woocommerce-customer-account-content h3{
  margin-top:.2em;color:var(--spe-text);
}

.woocommerce-account a{color:var(--spe-accent);text-decoration:none;}
.woocommerce-account a:hover{text-decoration:underline;}

.woocommerce-account .woocommerce-MyAccount-content p:first-of-type,
.woocommerce-account .wp-block-woocommerce-customer-account-content p:first-of-type{
  font-size:clamp(15px,1.6vw,17px);color:var(--spe-muted);
}

/* Buttons inside content */
.woocommerce-account .woocommerce-Button,
.woocommerce-account .button{
  background:var(--spe-accent);
  border:none;border-radius:12px!important;
  padding:10px 16px;color:#fff!important;
  box-shadow:0 4px 12px rgba(var(--spe-accent-rgb),.25);
}
.woocommerce-account .woocommerce-Button:hover,
.woocommerce-account .button:hover{filter:brightness(.95);}

/* Tables */
.woocommerce-account table.shop_table,
.woocommerce-account .woocommerce-orders-table{
  border-radius:12px;overflow:hidden;border:1px solid var(--spe-border);
}
.woocommerce-account table.shop_table th,
.woocommerce-account .woocommerce-orders-table th{
  background:rgba(var(--spe-text-rgb),.05);
}

/* Address headings */
.woocommerce-account .addresses .title h3,
.woocommerce-account .wc-block-my-account-addresses__title{
  display:inline-block;padding:6px 10px;border-radius:10px;
  background:rgba(var(--spe-accent-rgb),.08);color:var(--spe-text);
}

/* Checkbox grids for multicheck */
.spe-checkbox-grid {
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap:8px 14px;
  padding:6px 8px;
  border:1px dashed var(--spe-border);
  border-radius:5px;
  background:#fafafa;
}
@media (min-width:1100px){
  .spe-checkbox-grid{ grid-template-columns: repeat(3, minmax(0,1fr)); }
}
.spe-checkbox-grid label{
  display:flex; align-items:center; gap:8px;
  margin:0; font-weight:500;
}
.spe-checkbox-grid input[type="checkbox"]{ transform:translateY(1px); }

/* Buttons */
.woocommerce-account .woocommerce-EditAccountForm .woocommerce-Button,
.woocommerce-account .woocommerce-EditAccountForm button.button{
  background:var(--spe-accent);
  color:#fff !important;
  border:none;
  border-radius:5px !important;
  padding:10px 18px;
}
.woocommerce-account .woocommerce-EditAccountForm .woocommerce-Button:hover{
  filter:brightness(.95);
}

/* Labels and Headings */
.woocommerce-account label {
  font-size: 14px;
  color: #777777;
}
.woocommerce-account legend {
 margin-top: 30px;
 font-weight: bold;
 font-size: 16px;
}
.woocommerce-account legend.no-top-margin {
 margin-top: 0px;
}

/* Input, Select, and TextArea */
.woocommerce-account input,
.woocommerce-account select,
.woocommerce-account textarea {
  border-radius: 5px !important;
  border: thin solid #e1e1e1 !important;
  padding: 5px 10px !important;
  background-color: #FFFFFF !important;
}
.woocommerce-account input::focus,
.woocommerce-account select::focus,
.woocommerce-account textarea::focus {
  border-radius: 5px !important;
  border: thin solid #e1e1e1 !important;
  padding: 5px 10px !important;
  background-color: #FFFFFF !important;
}
.woocommerce-account textarea {
  min-width: 100%;
  min-height: 250px;
}

.mobile_menu_bar::before {
  color: #FFFFFF;
}
body.post-template-default #main-content .container {
  padding: 0 !important;
  width: 100%
}
body.post-template-default .et_post_meta_wrapper {
  display: none;
}
.ppcp-messages {
  display: none
}
.ppc-button-wrapper {
  max-width: 250px;
  border: thin solid #c1c1c1;
  border-radius: 5px;
  margin: 10px 0 0;
}
.wc-block-components-express-payment__event-buttons {
  padding: 0 !important;
}
.wc-block-cart__submit-button {
  border-radius: 5px;
}
.checkout-payment-options img {
  padding-top: 15px !important;
}
.woocommerce-notices-wrapper {
  display: none !important;
}

.wc-block-components-product-metadata__description {
  display: none;
}

.order-again {
  display: none !important;
}

/* Sticky nav (optional; comment out if undesired) */
@media (min-width:981px){
  .woocommerce-account .woocommerce-MyAccount-navigation,
  .woocommerce-account .wp-block-woocommerce-customer-account-navigation{
    position:sticky;top:24px;
  }
}

/* Responsive: stack columns on small screens */
@media (max-width:980px){
  .woocommerce-account .woocommerce,
  .woocommerce-account .wp-block-woocommerce-customer-account{
    grid-template-columns:1fr;
  }
}