/*
Theme Name: Twenty Twenty-Five Child
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Description: Child theme for Twenty Twenty-Five
Author: SEB
Template: twentytwentyfive
Version: 1.0.0
*/

/* =========================
   NXS BREADCRUMBS
========================= */
.nxs-bc{
  width:100%;
  background:#fff;
  border-bottom:1px solid #e6e6e6;
}

.nxs-bc__wrap{
  max-width:1320px;
  margin:0 auto;
  padding:12px 24px;
}

.nxs-bc__nav{
  font-size:13px;
  line-height:1.3;
  color:#6b7280;
}

.nxs-bc__nav a{
  color:inherit;
  text-decoration:none;
}

.nxs-bc__nav a:hover{
  text-decoration:underline;
}

.nxs-bc__sep{ margin:0 8px; opacity:.7; }
.nxs-bc__current{ color:#111827; font-weight:600; }

/* Woo list reset (dacă intră woocommerce_breadcrumb) */
.nxs-bc__list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.nxs-bc__item{ margin:0; padding:0; }

/* =========================
   BREADCRUMBS – DESKTOP FIX
   (header sticky îl acoperă)
========================= */
@media (min-width: 901px){
  .nxs-bc{
    padding-top: 40px; /* exact ca in inspect */
  }
}


/* ===============================
   NXS – WooCommerce Login (My Account)
   - buton galben + text negru
   - padding corect pe mobil
   - spatiu intre "Tine-ma minte" si buton
   - titlul "Autentificare" cu weight mai ok
   - iOS zoom fix (font-size 16px pe input)
================================ */

/* Container / fundal (optional, ca paginile tale) */
body.woocommerce-account .wp-site-blocks > main{
  background: #fcfcf9;
}

/* Pune continutul intr-un “card” centrat */
body.woocommerce-account .woocommerce{
  max-width: 1200px;
  margin: 0 auto;
  padding: 54px 20px 66px;
}

/* Card form */
.woocommerce form.login,
.woocommerce form.register,
.woocommerce form.lost_reset_password{
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  border-radius: 18px !important;
  padding: 20px !important;
  box-shadow: 0 18px 45px rgba(0,0,0,.08) !important;
}

/* Titluri mai “light” (sa nu para prea bold) */
.woocommerce-account .woocommerce h2{
  font-weight: 800 !important; /* scade din “greutatea” actuala */
  letter-spacing: .2px;
  color: #111;
}

/* Label-uri + text */
.woocommerce form .form-row label{
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: 12px;
  color: #6b7280;
}

/* Input-uri ca stil NXS + fara “impins la dreapta” */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select{
  width: 100%;
  box-sizing: border-box;
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 12px;
  padding: 12px 12px;
  background: #fff;
  outline: none;
  font-size: 14px; /* desktop */
}

/* FIX iOS: cand apesi input pe mobil, Safari da zoom daca font-size < 16px */
@media (max-width: 768px){
  .woocommerce form .form-row input.input-text,
  .woocommerce form .form-row textarea,
  .woocommerce form .form-row select{
    font-size: 16px !important;
  }
}

/* Buton login: galben + text negru (ca in restul paginilor) */
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce #respond input#submit{
  background: #ffd600 !important;
  color: #111 !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 12px 18px !important;
  font-weight: 900 !important;
  letter-spacing: .2px;
  box-shadow: 0 10px 26px rgba(0,0,0,.12);
}

.woocommerce button.button:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover{
  opacity: .92;
}

/* Spatiu intre "Tine-ma minte" si buton */
.woocommerce form.login .woocommerce-form-login__rememberme{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 10px 0 16px !important; /* aici e distanta ceruta */
  font-weight: 800;
  color: #111;
}

/* Asigura ca butonul sta sub checkbox, frumos */
.woocommerce form.login .woocommerce-form-login__submit{
  margin-top: 0 !important;
}

/* Link "Ai uitat parola?" in stilul site-ului */
.woocommerce form.login .lost_password a{
  color: #256c3c;
  font-weight: 900;
  text-decoration: none;
}
.woocommerce form.login .lost_password a:hover{
  text-decoration: underline;
}

/* Mobile: padding pagina + card full-width */
@media (max-width: 640px){
  body.woocommerce-account .woocommerce{
    padding: 32px 16px 46px;
  }

  .woocommerce form.login,
  .woocommerce form.register,
  .woocommerce form.lost_reset_password{
    padding: 16px !important;
    border-radius: 16px !important;
  }

  /* optional: butonul sa fie mai usor de apasat pe mobil */
  .woocommerce button.button,
  .woocommerce input.button{
    width: 100%;
    height: 46px;
    justify-content: center;
  }
}


/* Woo My Account – umple si zona de sus (care e margin pe <main>) */
body.woocommerce-account .wp-site-blocks > main{
  margin-top: 0 !important;             /* elimina zona “goala” */
  background: #fcfcf9 !important;
}

/* optional: daca mai exista margini implicite pe primul block */
body.woocommerce-account .wp-site-blocks > main > :first-child{
  margin-top: 0 !important;
}

/* My Account – background corect pe toata pagina */
body.woocommerce-account{
  background-color: #fcfcf9 !important;
}

/* ===============================
   MY ACCOUNT – Desktop Layout
   =============================== */

@media (min-width: 1024px){

  /* container login mai ingust si centrat */
  body.woocommerce-account .woocommerce{
    max-width: 640px;
    margin: 0 auto;
  }

  /* titlul principal */
  body.woocommerce-account h1.wp-block-post-title{
    text-align: center;
    margin-bottom: 24px;
  }

  /* titlul "Autentificare" */
  body.woocommerce-account h2{
    text-align: center;
    margin-bottom: 20px;
  }

  /* formularul */
  body.woocommerce-account form.woocommerce-form-login{
    padding: 32px 36px;
  }

}

/* ===============================
   MY ACCOUNT – Center titles mobile
   =============================== */

@media (max-width: 1024px){

  body.woocommerce-account h1.wp-block-post-title{
    text-align: center !important;
  }

  body.woocommerce-account h2{
    text-align: center !important;
  }

}