/* Formulaire d'ajout et de modification d'un produit. */
.add-article-page .main-product { min-height: 720px; align-items: flex-start; }
.add-article-page .find-box { max-width: 980px; }
.add-article-page .add-article-panel { padding: clamp(25px, 4vw, 46px); }
.add-article-page .find-box h1 { font-size: clamp(30px, 5vw, 46px); }
.add-article-page .add-article-message { min-height: 28px; margin-top: 8px; }
.add-article-page .product-sh { display: block; margin-top: 20px; }
.add-article-page .add-article-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }
.add-article-page .add-article-field { min-width: 0; }
.add-article-page .add-article-field-wide,
.add-article-page .add-article-submit { grid-column: 1 / -1; }
.add-article-page .form-sh { margin: 0; }
.add-article-page .form-sh input[type="text"] { width: 100%; min-height: 54px; padding: 10px 15px; text-align: right; color: #102a43; font-size: 16px; font-weight: 500; background: #f8fbff; border: 1px solid #cbd9e6; border-radius: 11px; outline: none; transition: border-color .2s ease, box-shadow .2s ease; }
.add-article-page .form-sh input[type="text"]:focus { background: #fff; border-color: #147ac1; box-shadow: 0 0 0 4px rgba(20,122,193,.12); }
.add-article-page .form-sh .bootstrap-select,
.add-article-page .form-sh .bootstrap-select > .dropdown-toggle { width: 100%; }
.add-article-page .form-sh .bootstrap-select > .dropdown-toggle { min-height: 54px; padding: 10px 15px; text-align: right; color: #102a43; font-size: 16px; background: #f8fbff; border: 1px solid #cbd9e6; border-radius: 11px; }
.add-article-page .add-article-file .form-sh,
.add-article-page .form-sh:has(input[type="file"]) { padding: 13px; text-align: right; background: #f8fbff; border: 1px dashed #aac1d3; border-radius: 11px; }
.add-article-page .form-sh input[type="file"] { width: 100%; }
.add-article-page .magasin-location-field { border-radius: 12px; }
.add-article-page .btn-plan-magasin { width: 100%; min-height: 50px; font-weight: 700; border-radius: 10px; }
.add-article-page .add-article-submit input[type="submit"] { width: 100%; min-height: 56px; padding: 10px 18px; color: #fff; font-size: 18px; font-weight: 700; text-align: center; background: linear-gradient(135deg,#147ac1,#075a98); border: 0; border-radius: 11px; box-shadow: 0 10px 24px rgba(20,122,193,.22); }
.add-article-page .add-article-help { margin: 16px 0 0; padding: 12px 15px; color: #49657d; font-size: 14px; background: #f1f6fa; border-radius: 10px; }
.add-article-page .add-article-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-top: 15px; }
.add-article-page .add-article-actions a.btn { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 52px; color: #49657d; background: #eef3f7; border: 1px solid #d4e0ea; border-radius: 11px; }
.add-article-page .add-article-actions a.add-article-logout { color: #a12f35; background: #fff6f6; border-color: #edc8ca; }
@media (max-width: 767px) {
   .add-article-page .add-article-form { grid-template-columns: 1fr; gap: 11px; }
   .add-article-page .add-article-field-wide,
   .add-article-page .add-article-submit { grid-column: auto; }
   .add-article-page .add-article-actions { grid-template-columns: 1fr; }
}
@media (max-width: 380px) { .add-article-page .add-article-panel { padding-right: 7px; padding-left: 7px; } }
@media (prefers-reduced-motion: reduce) { .add-article-page .form-sh input { transition: none; } }