/* ============================================================
   SHOP.CSS — cont client, coș de cumpărături, modal login
   ============================================================ */

.account-btn{
  display:flex;align-items:center;gap:7px;
  background:rgba(255,255,255,0.08);color:#fff;
  padding:8px 14px;border-radius:20px;font-size:13.5px;font-weight:500;
  border:none;cursor:pointer;
}
.account-btn svg{width:16px;height:16px;flex:none;}
.account-btn:hover{background:rgba(255,255,255,0.16);}

.cart-btn{
  position:relative;width:38px;height:38px;border-radius:50%;
  background:rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center;
  color:#fff;border:none;cursor:pointer;flex:none;
}
.cart-btn:hover{background:rgba(255,255,255,0.16);}
.cart-btn svg{width:17px;height:17px;}
.cart-badge{
  position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;
  background:#F4B400;color:#0A2049;border-radius:9px;font-size:10.5px;font-weight:700;
  display:none;align-items:center;justify-content:center;font-family:'Inter',sans-serif;
}

/* ---------- CART DRAWER ---------- */
#cartOverlay{
  position:fixed;inset:0;background:rgba(10,32,73,0.55);opacity:0;pointer-events:none;
  transition:opacity .2s ease;z-index:90;
}
#cartOverlay.open{opacity:1;pointer-events:auto;}

#cartDrawer{
  position:fixed;top:0;right:0;height:100%;width:400px;max-width:92vw;background:#fff;
  transform:translateX(100%);transition:transform .25s ease, visibility .25s;z-index:91;
  display:flex;flex-direction:column;visibility:hidden;
}
#cartDrawer.open{transform:translateX(0);visibility:visible;box-shadow:-12px 0 30px rgba(0,0,0,0.15);}
.cart-head{
  display:flex;justify-content:space-between;align-items:center;
  padding:20px 22px;border-bottom:1px solid #E4E8EF;
}
.cart-head h3{font-family:'Poppins',sans-serif;font-size:17px;font-weight:700;color:#0E2A5C;}
.cart-head button{background:none;border:none;font-size:22px;line-height:1;color:#6A7482;cursor:pointer;}
#cartItems{flex:1;overflow-y:auto;padding:10px 22px;}
#cartEmpty{color:#6A7482;font-size:14px;padding:30px 0;text-align:center;}
.cart-row{
  display:grid;grid-template-columns:1fr auto auto auto;gap:10px;align-items:center;
  padding:14px 0;border-bottom:1px solid #F0F1F4;
}
.cart-row-name{font-size:13.5px;font-weight:600;color:#152140;}
.cart-row-specs{font-size:11.5px;color:#6A7482;margin-top:2px;}
.cart-row-qty{display:flex;align-items:center;gap:8px;font-family:'IBM Plex Mono',monospace;font-size:13px;}
.cart-row-qty button{
  width:22px;height:22px;border-radius:5px;border:1px solid #E4E8EF;background:#fff;
  cursor:pointer;font-size:14px;line-height:1;color:#0E2A5C;
}
.cart-row-price{font-family:'Poppins',sans-serif;font-weight:700;font-size:13px;color:#0E2A5C;white-space:nowrap;}
.cart-row-remove{background:none;border:none;font-size:18px;color:#B7C2DA;cursor:pointer;}
.cart-row-remove:hover{color:#D6291F;}
.cart-foot{padding:18px 22px 22px;border-top:1px solid #E4E8EF;}
.cart-foot-total{display:flex;justify-content:space-between;font-size:15px;font-weight:700;color:#0E2A5C;margin-bottom:14px;}
.cart-foot button{
  width:100%;padding:13px;background:#F4B400;color:#0A2049;border:none;border-radius:6px;
  font-weight:700;font-size:14.5px;cursor:pointer;
}
.cart-foot button:hover{background:#E0A300;}
.cart-foot-note{font-size:11.5px;color:#6A7482;margin-top:10px;text-align:center;}

/* ---------- AUTH MODAL ---------- */
#authOverlay{
  position:fixed;inset:0;background:rgba(10,32,73,0.55);opacity:0;pointer-events:none;
  transition:opacity .2s ease;z-index:95;
}
#authOverlay.open{opacity:1;pointer-events:auto;}
#authModal{
  position:fixed;top:50%;left:50%;transform:translate(-50%,-46%);width:380px;max-width:90vw;
  background:#fff;border-radius:10px;padding:28px;opacity:0;pointer-events:none;
  transition:opacity .2s ease, transform .2s ease;z-index:96;
}
#authModal.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%);}
.auth-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;}
.auth-head h3{font-family:'Poppins',sans-serif;font-size:17px;color:#0E2A5C;}
.auth-head button{background:none;border:none;font-size:20px;color:#6A7482;cursor:pointer;}
.auth-tabs{display:flex;gap:4px;background:#F5F7FA;border-radius:6px;padding:4px;margin-bottom:18px;}
.auth-tabs button{
  flex:1;padding:8px;border:none;background:none;border-radius:5px;font-size:13.5px;font-weight:600;
  color:#6A7482;cursor:pointer;
}
.auth-tabs button.active{background:#fff;color:#0E2A5C;box-shadow:0 1px 4px rgba(0,0,0,0.08);}
.auth-form{display:flex;flex-direction:column;gap:12px;}
.auth-form input{
  padding:11px 13px;border:1px solid #E4E8EF;border-radius:6px;font-size:14px;font-family:'Inter',sans-serif;
  outline:none;
}
.auth-form input:focus{border-color:#0E2A5C;}
.auth-form button[type="submit"]{
  margin-top:4px;padding:12px;background:#0E2A5C;color:#fff;border:none;border-radius:6px;
  font-weight:700;font-size:14px;cursor:pointer;
}
.auth-form button[type="submit"]:hover{background:#12377A;}
.auth-error{color:#D6291F;font-size:13px;min-height:16px;margin-top:2px;}

/* ============================================================
   HEADER NOU (comun pentru index.html și produse.html)
   bara de sus albă + bara principală navy + meniu catalog
   ============================================================ */
.tt-topbar{background:#fff;border-bottom:1px solid #E4E8EF;font-family:'Inter',sans-serif;}
.tt-topbar-inner{
  max-width:1240px;margin:0 auto;padding:0 32px;height:44px;
  display:flex;align-items:center;gap:26px;font-size:13.5px;
}
.tt-download{display:flex;align-items:center;gap:7px;color:#0E2A5C;font-weight:600;white-space:nowrap;}
.tt-download svg{width:16px;height:16px;color:#E0A300;}
.tt-download:hover{color:#12377A;text-decoration:underline;}
.tt-toplinks{display:flex;gap:22px;margin-right:auto;}
.tt-toplinks a{color:#152140;font-weight:500;white-space:nowrap;}
.tt-toplinks a:hover{color:#0E2A5C;text-decoration:underline;}
.tt-topphone{font-family:'Poppins',sans-serif;font-weight:700;color:#0E2A5C;white-space:nowrap;}
.tt-hours{display:flex;align-items:center;gap:7px;color:#1E7B3E;white-space:nowrap;font-weight:500;}
.tt-hours::before{content:"";width:8px;height:8px;border-radius:2px;background:currentColor;}
.tt-hours.closed{color:#6A7482;}

.tt-header{background:#0E2A5C;position:sticky;top:0;z-index:60;box-shadow:0 6px 20px -12px rgba(10,32,73,0.6);}
.tt-header-inner{
  max-width:1240px;margin:0 auto;padding:16px 32px;
  display:flex;align-items:center;gap:22px;position:relative;
}
.tt-logo{display:flex;align-items:center;gap:10px;color:#fff;flex:none;}
.tt-logo .logo-mark{width:40px;height:40px;flex:none;}
.tt-logo-text{font-family:'Poppins',sans-serif;font-size:17px;font-weight:800;line-height:1.15;}
.tt-logo-text small{display:block;font-family:'Inter',sans-serif;font-weight:500;font-size:9px;color:#B9C4DA;letter-spacing:0.03em;}

.tt-catbtn{
  display:flex;align-items:center;gap:12px;flex:none;
  background:#F4B400;color:#0A2049;border:none;border-radius:6px;
  padding:0 22px;height:50px;font-family:'Poppins',sans-serif;font-weight:700;font-size:15px;cursor:pointer;
}
.tt-catbtn:hover{background:#E0A300;}
.tt-catbtn .bars{width:20px;height:14px;position:relative;}
.tt-catbtn .bars span{position:absolute;left:0;right:0;height:2px;background:currentColor;border-radius:1px;transition:transform .2s ease, opacity .2s ease;}
.tt-catbtn .bars span:nth-child(1){top:0}
.tt-catbtn .bars span:nth-child(2){top:6px}
.tt-catbtn .bars span:nth-child(3){top:12px}
.tt-catbtn[aria-expanded="true"] .bars span:nth-child(1){transform:translateY(6px) rotate(45deg);}
.tt-catbtn[aria-expanded="true"] .bars span:nth-child(2){opacity:0;}
.tt-catbtn[aria-expanded="true"] .bars span:nth-child(3){transform:translateY(-6px) rotate(-45deg);}

.tt-search{
  flex:1;min-width:210px;display:flex;align-items:center;height:50px;
  background:#fff;border-radius:6px;overflow:hidden;
}
.tt-search input{
  flex:1;min-width:0;border:none;outline:none;height:100%;padding:0 18px;
  font-size:14.5px;font-family:'Inter',sans-serif;color:#152140;
}
.tt-search button{
  width:54px;height:100%;border:none;background:none;color:#0E2A5C;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
}
.tt-search button svg{width:20px;height:20px;}
.tt-search:focus-within{box-shadow:0 0 0 3px rgba(244,180,0,0.55);}

.tt-icons{display:flex;align-items:center;gap:12px;flex:none;}

/* meniul catalog (se deschide din butonul galben) */
.tt-mega{
  position:absolute;left:32px;right:32px;top:100%;margin-top:-6px;
  background:#fff;border-radius:0 0 10px 10px;border-top:3px solid #F4B400;
  box-shadow:0 30px 60px -20px rgba(10,32,73,0.45);
  padding:22px;display:none;
}
.tt-mega.open{display:block;}
.tt-mega-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px 18px;}
.tt-mega-grid a{
  display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:6px;
  font-size:14px;font-weight:500;color:#152140;line-height:1.3;
}
.tt-mega-grid a:hover{background:#F5F7FA;color:#0E2A5C;}
.tt-mega-grid svg{width:24px;height:24px;flex:none;color:#0E2A5C;}
.tt-mega-all{display:inline-block;margin-top:14px;padding:0 12px;font-weight:700;font-size:14px;color:#0E2A5C;}
.tt-mega-all:hover{text-decoration:underline;}

:focus-visible{outline:2px solid #F4B400;outline-offset:2px;}

@media (max-width:1100px){
  .tt-toplinks{display:none;}
  .tt-topbar-inner{justify-content:space-between;}
  .tt-logo-text small{display:none;}
}
@media (max-width:860px){
  .tt-header-inner{flex-wrap:wrap;gap:12px;padding:12px 20px;}
  .tt-logo{order:1;margin-right:auto;}
  .tt-icons{order:2;}
  .tt-catbtn{order:3;height:46px;padding:0 16px;}
  .tt-catbtn .lbl-long{display:none;}
  .tt-search{order:4;height:46px;flex-basis:200px;}
  .tt-mega{left:12px;right:12px;max-height:70vh;overflow-y:auto;}
  .tt-mega-grid{grid-template-columns:1fr 1fr;}
  .account-btn #accountLabel{display:none;}
}
@media (max-width:560px){
  .tt-topbar-inner{padding:0 20px;gap:12px;font-size:12.5px;}
  .tt-download span{display:none;}
  .tt-mega-grid{grid-template-columns:1fr;}
}
html{scroll-padding-top:100px;}

/* ---------- COMUTATOR DE LIMBĂ (RO / RU / EN) ---------- */
.tt-lang{display:flex;background:rgba(255,255,255,0.08);border-radius:20px;padding:3px;gap:2px;}
.tt-lang button{
  border:none;background:none;color:#B9C4DA;cursor:pointer;
  font-family:'Inter',sans-serif;font-size:12px;font-weight:700;letter-spacing:0.02em;
  padding:6px 9px;border-radius:16px;line-height:1;
}
.tt-lang button:hover{color:#fff;}
.tt-lang button[aria-pressed="true"]{background:#F4B400;color:#0A2049;}
@media (max-width:560px){
  .tt-lang button{padding:6px 7px;font-size:11.5px;}
}
.tt-lang-top{display:none;background:#F5F7FA;}
.tt-lang-top button{color:#6A7482;}
.tt-lang-top button:hover{color:#0E2A5C;}
@media (max-width:860px){
  .tt-icons .tt-lang{display:none;}
  .tt-lang-top{display:flex;}
}
@media (max-width:560px){
  .tt-hours{display:none;}
}
/* eticheta categoriei pe card nu mai acoperă „În stoc” */
.product-photo .product-tag{max-width:calc(100% - 104px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* ---------- RESTABILIRE PAROLĂ ---------- */
.auth-link{
  align-self:center;background:none;border:none;padding:4px 2px;cursor:pointer;
  color:#0E2A5C;font-family:'Inter',sans-serif;font-size:13px;font-weight:600;text-decoration:underline;
  text-underline-offset:3px;
}
.auth-link:hover{color:#12377A;}
.auth-sub{font-family:'Poppins',sans-serif;font-size:15px;color:#0E2A5C;}
.auth-hint{font-size:13px;color:#6A7482;line-height:1.5;margin-top:-4px;}
.auth-error .auth-link{display:inline;padding:0 0 0 4px;color:#D6291F;font-size:13px;}
.auth-success{font-size:13px;color:#1E7B3E;line-height:1.5;margin-top:2px;}
.auth-success:empty{display:none;}
.auth-success a{color:#0E2A5C;font-weight:600;word-break:break-all;}
.auth-dev{display:block;margin-top:8px;padding:10px;background:#FFF7DB;border:1px dashed #E0A300;border-radius:6px;color:#152140;}

/* ---------- CANTITATE (pe card și în coș) ---------- */
.qty-picker{
  display:flex;align-items:center;border:1px solid #E4E8EF;border-radius:6px;overflow:hidden;flex:none;
  background:#fff;
}
.qty-picker button{
  width:28px;height:30px;border:none;background:#F5F7FA;color:#0E2A5C;cursor:pointer;
  font-size:15px;line-height:1;flex:none;
}
.qty-picker button:hover{background:#E8EDF5;}
.qty-picker input{
  width:38px;height:30px;border:none;outline:none;text-align:center;
  font-family:'IBM Plex Mono','Inter',monospace;font-size:13px;color:#152140;
  -moz-appearance:textfield;appearance:textfield;
}
.qty-picker input::-webkit-outer-spin-button,
.qty-picker input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.cart-row-qty input{
  width:40px;height:24px;border:1px solid #E4E8EF;border-radius:5px;text-align:center;
  font-family:'IBM Plex Mono',monospace;font-size:13px;color:#152140;outline:none;
  -moz-appearance:textfield;appearance:textfield;
}
.cart-row-qty input::-webkit-outer-spin-button,
.cart-row-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.cart-row-qty input:focus{border-color:#0E2A5C;}

/* ---------- BIFA DE CONSIMȚĂMÂNT ---------- */
.auth-check{
  display:flex;align-items:flex-start;gap:9px;font-size:12.5px;color:#6A7482;
  line-height:1.5;cursor:pointer;margin-top:2px;
}
.auth-check input{width:16px;height:16px;margin-top:1px;accent-color:#0E2A5C;flex:none;cursor:pointer;}
.auth-check a{color:#0E2A5C;font-weight:600;}
.auth-check a:hover{text-decoration:underline;}

/* ---------- MĂRIMEA PE CARD ---------- */
.size-row{display:flex;align-items:center;gap:8px;margin:10px 0 2px;}
.size-row label{font-size:12px;font-weight:600;color:#6A7482;white-space:nowrap;}
.size-select{
  flex:1;min-width:0;padding:7px 10px;border:1px solid #E4E8EF;border-radius:6px;
  font-family:'Inter',sans-serif;font-size:13px;color:#152140;background:#fff;
  outline:none;cursor:pointer;
}
.size-select:focus{border-color:#0E2A5C;}
.size-select option:disabled{color:#B7C2DA;}

/* ---------- SUBTOTAL ȘI REDUCERE ÎN COȘ ---------- */
.cart-foot-line{
  display:flex;justify-content:space-between;font-size:13.5px;color:#6A7482;margin-bottom:7px;
}
.cart-foot-line.discount{color:#1E7B3E;font-weight:600;}

/* mesajul opțional de la client, în coș */
#orderNote{
  width:100%;padding:10px 12px;margin-bottom:10px;border:1px solid #E4E8EF;border-radius:6px;
  font-family:'Inter',sans-serif;font-size:13px;color:#152140;outline:none;resize:vertical;
}
#orderNote:focus{border-color:#0E2A5C;}

/* ---------- SCURTĂTURI ADMIN ÎN HEADER ---------- */
.tt-admin{display:flex;align-items:center;gap:6px;flex:none;}
.tt-admin[hidden]{display:none;}
.tt-admin a{
  display:flex;align-items:center;gap:7px;
  background:rgba(255,255,255,0.08);color:#fff;
  padding:8px 13px;border-radius:20px;font-size:13px;font-weight:600;white-space:nowrap;
}
.tt-admin a:hover{background:#F4B400;color:#0A2049;}
.tt-admin a{position:relative;}
.tt-admin svg{width:16px;height:16px;flex:none;}
/* sub 1400px rămân doar iconițele, ca să nu se strângă căutarea */
@media (max-width:1400px){
  .tt-admin a span{display:none;}
  .tt-admin a{padding:9px 11px;}
}
@media (max-width:860px){
  .tt-admin{order:2;}
}

/* ---------- FEREASTRĂ DE CONFIRMARE ---------- */
#confirmOverlay{
  position:fixed;inset:0;background:rgba(10,32,73,0.55);opacity:0;pointer-events:none;
  transition:opacity .2s ease;z-index:97;
}
#confirmOverlay.open{opacity:1;pointer-events:auto;}
#confirmBox{
  position:fixed;top:50%;left:50%;transform:translate(-50%,-46%);width:380px;max-width:90vw;
  background:#fff;border-radius:10px;padding:26px 28px;opacity:0;pointer-events:none;
  transition:opacity .2s ease, transform .2s ease;z-index:98;
}
#confirmBox.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%);}
#confirmBox h3{font-family:'Poppins',sans-serif;font-size:17px;color:#0E2A5C;margin-bottom:8px;}
#confirmBox p{font-size:13.5px;color:#6A7482;line-height:1.55;margin-bottom:22px;}
.confirm-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;}
.confirm-actions button{
  padding:11px 18px;border-radius:6px;font-family:'Inter',sans-serif;
  font-size:13.5px;font-weight:600;cursor:pointer;border:1px solid #E4E8EF;background:#fff;color:#152140;
}
#confirmCancel:hover{border-color:#0E2A5C;}
#confirmYes{background:#0E2A5C;border-color:#0E2A5C;color:#fff;font-weight:700;}
#confirmYes:hover{background:#12377A;}
@media (max-width:420px){
  .confirm-actions{flex-direction:column-reverse;}
  .confirm-actions button{width:100%;}
}

/* ---------- LOGO ---------- */
.tt-logo{flex-direction:column;align-items:flex-start;gap:3px;}
.logo-img{height:30px;width:auto;display:block;}
.logo-tagline{
  font-family:'Inter',sans-serif;font-weight:500;font-size:8.5px;
  color:#B9C4DA;letter-spacing:0.03em;line-height:1.2;
}
.foot-logo-img{height:26px;width:auto;display:block;}
@media (max-width:1100px){
  .logo-img{height:26px;}
  .logo-tagline{display:none;}
}
@media (max-width:560px){
  .logo-img{height:22px;}
}

/* ---------- COMENZI ANTERIOARE (în coș) ---------- */
.cart-tabs{display:flex;gap:4px;padding:10px 22px 0;background:#fff;flex:none;}
.cart-tabs[hidden]{display:none;}
.cart-tabs button{
  flex:1;padding:9px 8px;border:none;background:none;cursor:pointer;
  font-family:'Inter',sans-serif;font-size:13px;font-weight:600;color:#6A7482;
  border-bottom:2px solid transparent;
}
.cart-tabs button:hover{color:#0E2A5C;}
.cart-tabs button.active{color:#0E2A5C;border-bottom-color:#F4B400;}

#cartHistory{flex:1;overflow-y:auto;padding:12px 22px 22px;}
#cartHistory[hidden]{display:none;}
.hist-empty{color:#6A7482;font-size:13.5px;text-align:center;padding:30px 10px;line-height:1.5;}
.hist-order{border:1px solid #E4E8EF;border-radius:8px;padding:13px 15px;margin-bottom:11px;}
.hist-head{display:flex;align-items:center;gap:9px;margin-bottom:9px;flex-wrap:wrap;}
.hist-id{font-family:'Poppins',sans-serif;font-weight:700;font-size:13.5px;color:#0E2A5C;}
.hist-date{font-size:12px;color:#6A7482;margin-right:auto;}
.hist-st{padding:3px 9px;border-radius:11px;font-size:11px;font-weight:600;white-space:nowrap;}
.hist-st.noua{background:#FFF4D6;color:#8A6200;}
.hist-st.in_lucru{background:#E0ECFB;color:#13529B;}
.hist-st.finalizata{background:#E4F5E9;color:#1E7B3E;}
.hist-st.anulata{background:#FBE7E6;color:#D6291F;}
.hist-items{margin:0 0 10px 16px;padding:0;}
.hist-items li{font-size:12.5px;color:#152140;line-height:1.6;}
.hist-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.hist-total{font-family:'Poppins',sans-serif;font-weight:700;font-size:14px;color:#0E2A5C;}
.hist-repeat{
  padding:8px 14px;border:1px solid #E4E8EF;border-radius:6px;background:#fff;cursor:pointer;
  font-family:'Inter',sans-serif;font-size:12.5px;font-weight:600;color:#0E2A5C;
}
.hist-repeat:hover{background:#F4B400;border-color:#F4B400;color:#0A2049;}
.hist-note{font-size:11.5px;color:#6A7482;text-align:center;padding:6px 10px;line-height:1.5;}
.hist-added{
  background:#E4F5E9;color:#1E7B3E;padding:10px 13px;border-radius:6px;
  font-size:12.5px;font-weight:600;margin:10px 0;
}