/* Petitto Unified My Account - styles */

/* ---------- Guest: Zooplus-like membership card ---------- */
.petitto-membership-container{
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 20px 10px;
}

.petitto-membership-card{
  width: 100%;
  max-width: 520px;
  border-radius: 18px;
  padding: 22px 20px;
  box-sizing: border-box;
}

.petitto-welcome-title{
  margin: 0 0 12px;
  font-size: 24px;
}

.petitto-tabs{
  display:flex;
  gap:16px;
  margin: 12px 0 18px;
  border-bottom:1px solid rgba(0,0,0,0.08);
}

.petitto-tab-button{
  background:transparent;
  border:none;
  padding:10px 0;
  cursor:pointer;
  border-bottom: 2px solid transparent;
}

.petitto-tab-button.active{
  border-bottom-color: currentColor;
}

.petitto-tab-panel{ display:none; }
.petitto-tab-panel.active{ display:block; }

/* Woo form columns to single column */
#customer_login .u-column1,
#customer_login .u-column2,
#customer_login .col-1,
#customer_login .col-2{
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
}

#customer_login h2{ display:none; } /* hide default headings */

#customer_login form{ margin: 0; }

#customer_login label{
  display:block;
  margin: 10px 0 6px;
}

#customer_login input[type="text"],
#customer_login input[type="email"],
#customer_login input[type="password"]{
  width: 100%;
  padding: 12px 12px;
  border-radius: var(--pua-input-radius, 10px);
  border: 1px solid rgba(0,0,0,.15);
  box-sizing:border-box;
  box-shadow: var(--pua-input-shadow, 0 2px 10px rgba(0,0,0,0.06));
}

#customer_login button,
#customer_login input[type="submit"]{
  width: 100%;
  margin-top: 12px;
  padding: 12px 14px;
  border-radius: 10px;
  border: 0;
  cursor: pointer;
  background: var(--pua-accent, #C91D4A);
  color: var(--pua-btn-text, #fff);
  transition: background .15s ease;
}
#customer_login button:hover,
#customer_login input[type="submit"]:hover{
  background: var(--pua-accent-hover, #B11840);
}

/* Password toggle button */
.pua-show-password{
  margin-top: 8px;
  background: transparent;
  border: 1px solid rgba(0,0,0,0.15);
  padding: 6px 10px;
  border-radius: 8px;
  cursor:pointer;
  font-size: 12px;
}

/* ---------- Logged-in: Account layout ---------- */
.pua-account-layout{
  display:grid;
  grid-template-columns: 260px 1fr;
  gap: 24px;
  align-items:start;
  width: 100%;
}

@media (max-width: 900px){
  .pua-account-layout{ grid-template-columns: 1fr; }
}

.pua-account-nav .woocommerce-MyAccount-navigation{ width:100%; }

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

.pua-account-nav .woocommerce-MyAccount-navigation li{ margin: 0 0 8px; }

.pua-account-nav .woocommerce-MyAccount-navigation a{
  display:block;
  padding: 10px 12px;
  border-radius: 10px;
  text-decoration:none;
  border: 1px solid rgba(0,0,0,.08);
}

/* Zooplus-like active underline handled inline with box-shadow; keep here for safety */
.pua-account-nav .woocommerce-MyAccount-navigation li.is-active a{
  color: var(--pua-accent, #C91D4A);
  box-shadow: inset 0 calc(-1 * var(--pua-nav-underline, 2px)) 0 0 var(--pua-accent, #C91D4A);
}

.pua-dashboard-title{ margin:0 0 6px; line-height:1.1; }
.pua-dashboard-sub{ margin:0 0 16px; opacity:.85; }

.pua-order-tracking{
  padding:16px;
  border-radius:14px;
  margin: 0 0 18px;
}

.pua-order-tracking h3{ margin: 0 0 10px; }

/* Make the Woo order tracking form look like Zooplus */
.pua-order-tracking form.track_order{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  align-items:end;
}

@media (max-width: 700px){
  .pua-order-tracking form.track_order{ grid-template-columns: 1fr; }
}

.pua-order-tracking form.track_order p{
  margin:0;
}

.pua-order-tracking form.track_order label{
  display:block;
  margin: 0 0 8px;
  font-weight: 600;
}

.pua-order-tracking form.track_order input[type="text"],
.pua-order-tracking form.track_order input[type="email"]{
  width: 100%;
  padding: 12px 12px;
  border-radius: var(--pua-input-radius, 10px);
  border: 1px solid rgba(0,0,0,.15);
  box-sizing: border-box;
  box-shadow: var(--pua-input-shadow, 0 2px 10px rgba(0,0,0,0.06));
}

.pua-order-tracking form.track_order .form-row-first{
  grid-column: 1;
}
.pua-order-tracking form.track_order .form-row-last{
  grid-column: 2;
}
.pua-order-tracking form.track_order .form-row{
  width: auto;
}

.pua-order-tracking form.track_order button{
  grid-column: 1;
  justify-self: start;
  padding: 12px 18px;
  border-radius: 10px;
  cursor: pointer;
  background: var(--pua-accent, #C91D4A);
  color: var(--pua-btn-text, #fff);
  border: 0;
  transition: background .15s ease;
}
.pua-order-tracking form.track_order button:hover{
  background: var(--pua-accent-hover, #B11840);
}

.pua-cards{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

@media (max-width: 600px){
  .pua-cards{ grid-template-columns: 1fr; }
}

.pua-card{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:16px;
  border-radius:14px;
  text-decoration:none;
}

/* Make Woo content breathe (endpoints) */
.woocommerce-MyAccount-content{ padding-top: 6px; }