/* =====================================================
   ELECTROSHOP - Styles complémentaires (orange theme)
   ===================================================== */
:root{
  --accent: #FF6A00;
  --accent-hover: #FFA500;
  --dark: #1e1f29;
  --border: #E4E7ED;
  --muted: #8D99AE;
}

/* liens génériques au survol -> orange pur (déjà géré dans style.css pour la nav, ceci couvre le reste) */
.footer-links li a:hover,
.product-name>a:hover,
.review-link:hover { color: var(--accent-hover) !important; }

/* ---------- alertes ---------- */
.alert{padding:14px 18px;border-radius:4px;font-size:14px;font-weight:600;margin-bottom:10px;}
.alert-error{background:#fde8e8;color:#c0392b;border:1px solid #f5c6cb;}
.alert-success{background:#e6f7ee;color:#1f8a52;border:1px solid #b7e4c7;}

/* ---------- delete link in cart dropdown (was a <button>, now <a>) ---------- */
.product-widget .delete{display:inline-block;line-height:14px;text-decoration:none;}

/* ---------- CART PAGE ---------- */
.cart-page-table{width:100%;border-collapse:collapse;background:#fff;}
.cart-page-table th{background:#f6f7f9;text-transform:uppercase;font-size:12px;color:var(--muted);padding:14px 12px;text-align:left;}
.cart-page-table td{padding:16px 12px;border-bottom:1px solid var(--border);vertical-align:middle;font-size:14px;}
.cart-page-table .cart-product{display:flex;align-items:center;gap:14px;}
.cart-page-table .cart-product img{width:64px;height:64px;object-fit:contain;border:1px solid var(--border);border-radius:4px;padding:4px;}
.cart-page-table .cart-product a{font-weight:700;color:var(--dark);}
.cart-qty-input{width:70px;padding:8px;border:1px solid var(--border);border-radius:3px;text-align:center;}
.cart-remove{color:#d84343;font-size:13px;font-weight:700;}
.cart-remove:hover{color:#a02222;}

.order-summary-box{background:#fff;border:1px solid var(--border);border-radius:4px;padding:24px;}
.order-summary-box h4{font-size:16px;font-weight:700;margin-bottom:18px;text-transform:uppercase;}
.order-summary-box .row-line{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;border-bottom:1px solid #f1f1f1;}
.order-summary-box .row-line.total{font-size:20px;font-weight:800;color:var(--accent);border:none;padding-top:16px;}

/* ---------- AUTH / FORM CARD ---------- */
.auth-wrap{max-width:460px;margin:60px auto;background:#fff;border:1px solid var(--border);border-radius:4px;padding:40px;}
.auth-wrap h2{font-weight:700;margin-bottom:6px;}
.auth-wrap p.sub{color:var(--muted);margin-bottom:24px;font-size:14px;}
.auth-tabs{display:flex;margin-bottom:26px;border-bottom:2px solid var(--border);}
.auth-tabs a{flex:1;text-align:center;padding:12px;font-weight:700;color:var(--muted);text-transform:uppercase;font-size:13px;border-bottom:2px solid transparent;margin-bottom:-2px;}
.auth-tabs a.active{color:var(--accent);border-color:var(--accent);}
.form-field{margin-bottom:16px;}
.form-field label{display:block;font-size:13px;font-weight:700;margin-bottom:6px;color:var(--dark);}
.form-field input,.form-field select,.form-field textarea{
  width:100%;padding:11px 14px;border:1px solid var(--border);border-radius:3px;font-size:14px;
}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--accent);}
.btn-block{width:100%;text-align:center;display:block;}

/* ---------- badges statut commande ---------- */
.badge-status{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;}
.badge-attente{background:#fff3cd;color:#946c00;}
.badge-validee{background:#d4edda;color:#1f8a52;}
.badge-expediee{background:#cce5ff;color:#0b5ed7;}
.badge-livree{background:#d1ecf1;color:#0c7489;}
.badge-annulee{background:#fde8e8;color:#c0392b;}

/* ---------- generic content page (à propos, contact, conditions) ---------- */
.content-page{background:#fff;padding:40px;border:1px solid var(--border);border-radius:4px;margin-bottom:60px;}
.content-page h1{font-size:26px;font-weight:700;margin-bottom:18px;}
.content-page h2{font-size:18px;font-weight:700;margin:24px 0 10px;}
.content-page p{color:#555;line-height:1.7;margin-bottom:12px;}
.contact-info-box{background:#faf6f2;border:1px solid var(--border);border-radius:4px;padding:24px;margin-bottom:20px;}
.contact-info-box i{color:var(--accent);width:22px;}

/* =====================================================
   ADMIN BACK-OFFICE (thème sombre + orange)
   ===================================================== */
.admin-body{background:#f4f5f7;font-family:'Montserrat',Arial,sans-serif;margin:0;}
.admin-wrap{display:flex;min-height:100vh;}
.admin-sidebar{width:250px;background:var(--dark);color:#fff;flex-shrink:0;padding:0;}
.admin-sidebar .admin-brand{padding:22px 24px;font-size:20px;font-weight:800;border-bottom:1px solid #2a2b38;}
.admin-sidebar .admin-brand span{color:var(--accent);}
.admin-sidebar nav a{
  display:flex;align-items:center;gap:10px;padding:14px 24px;color:#9aa0ab;
  font-weight:600;font-size:14px;border-left:3px solid transparent;text-decoration:none;
}
.admin-sidebar nav a:hover,.admin-sidebar nav a.active{color:#fff;background:rgba(255,255,255,.05);border-left-color:var(--accent);}
.admin-main{flex:1;padding:30px 36px;}
.admin-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;flex-wrap:wrap;gap:12px;}
.admin-topbar h1{font-size:24px;font-weight:800;margin:0;color:var(--dark);}
.admin-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin-bottom:30px;}
.admin-stat-card{background:#fff;border-radius:6px;padding:22px;box-shadow:0 2px 10px rgba(0,0,0,.05);border-top:3px solid var(--accent);}
.admin-stat-card .label{font-size:12px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.5px;}
.admin-stat-card .value{font-size:28px;font-weight:800;margin-top:8px;color:var(--dark);}
.admin-card{background:#fff;border-radius:6px;padding:24px;box-shadow:0 2px 10px rgba(0,0,0,.05);margin-bottom:24px;}
.admin-card h3{font-size:16px;font-weight:700;margin-bottom:16px;color:var(--dark);}
.admin-table{width:100%;border-collapse:collapse;}
.admin-table th,.admin-table td{text-align:left;padding:12px 10px;border-bottom:1px solid #eee;font-size:13.5px;}
.admin-table th{color:var(--muted);text-transform:uppercase;font-size:11px;letter-spacing:.4px;}
.admin-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:3px;font-weight:700;font-size:13px;border:none;cursor:pointer;text-decoration:none;}
.admin-btn-accent{background:var(--accent);color:#fff;}
.admin-btn-accent:hover{background:var(--accent-hover);color:#fff;}
.admin-btn-sm{padding:6px 12px;font-size:12px;border-radius:3px;}
.admin-btn-secondary{background:#e9eaed;color:#20232a;}
.admin-btn-secondary:hover{background:#dcdde1;color:#20232a;}
.admin-btn-danger{background:#d84343;color:#fff;}
.admin-btn-danger:hover{background:#b93030;color:#fff;}
.admin-form-group{margin-bottom:16px;}
.admin-form-group label{display:block;font-size:13px;font-weight:700;margin-bottom:6px;}
.admin-form-group input,.admin-form-group select,.admin-form-group textarea{
  width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:3px;font-size:14px;
}
.admin-form-group input:focus,.admin-form-group select:focus,.admin-form-group textarea:focus{outline:none;border-color:var(--accent);}
.admin-login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--dark);}
.admin-login-box{background:#fff;border-radius:6px;padding:40px;max-width:400px;width:100%;}

@media(max-width:820px){
  .admin-wrap{flex-direction:column;}
  .admin-sidebar{width:100%;}
}
/* Alignement de la barre de recherche du header */
.header-search form {
    display: flex;
    align-items: stretch;
    flex-wrap: nowrap;
    width: 100%;
}

.header-search form .input-select {
    flex: 0 0 auto;
    width: auto;
}

.header-search form .input {
    flex: 1 1 auto;
    min-width: 0; /* évite que l'input pousse le bouton hors ligne */
}

.header-search form .search-btn {
    flex: 0 0 auto;
    white-space: nowrap;
}