/* ===== UPDATE: 2026-04-15 - Modern Tile UI v3 (Premium Red Theme Wrapper) (START) ===== */
.seller-register-wrapper {
    background: linear-gradient(135deg, #ffffff 0%, #fcfafb 100%);
    padding: 30px;
    border-radius: 12px;
    margin-bottom: 40px;
    border: 1px solid #f5efef;
    box-shadow: inset 0 0 20px rgba(198, 40, 40, 0.015);
}

.tile-section {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.04);
    padding: 35px 40px;
    margin-bottom: 30px;
    border: 1px solid #f2ebeb; /* Warmer border to match red theme */
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.tile-section:hover {
    box-shadow: 0 8px 30px rgba(198, 40, 40, 0.05); /* Subtle red shadow lift */
    transform: translateY(-2px);
}

.tile-section.header-tile {
    padding: 25px 40px;
    border-left: 6px solid #c62828; 
}

.tile-section h2 {
    color: #2c3e50;
    font-weight: 800;
    margin: 0;
    font-size: 28px;
    letter-spacing: -0.5px;
}

.section-title {
    color: #c62828; 
    font-weight: 700;
    font-size: 19px;
    border-bottom: 2px solid #fde5e5; 
    padding-bottom: 12px;
    margin-bottom: 25px;
    width: 100%;
    display: block;
}

/* Form Spacing & Layout */
.tile-section .form-group {
    margin-bottom: 24px;
}

.tile-section .control-label {
    font-weight: 600;
    color: #34495e;
    margin-bottom: 8px;
    font-size: 13.5px;
    text-align: left;
    display: block;
}

.tile-section .form-control {
    border-radius: 6px;
    border: 1px solid #e1e8ed;
    box-shadow: none;
    padding: 10px 14px;
    height: 44px;
    font-size: 14px;
    color: #2c3e50;
    transition: all 0.3s ease;
    background-color: #fcfcfc;
}

.tile-section .form-control:focus {
    border-color: #d32f2f; 
    background-color: #fff;
    box-shadow: 0 0 0 3px rgba(211, 47, 47, 0.15); 
    outline: none;
}

.tile-section .form-group.required .control-label:after { 
    content: ' *'; 
    color: #e74c3c; 
    font-weight: bold; 
}
.tile-section .form-group.required .control-label:before { content: none; }

.tile-section .text-danger { font-size: 12px; margin-top: 6px; font-weight: 500; }
.tile-section .help-block { font-size: 12px; color: #7f8c8d; margin-top: 6px; }

/* Input Group Addons */
.tile-section .input-group .form-control { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.tile-section .input-group-btn .btn {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    height: 44px;
    border: 1px solid #e1e8ed;
    border-left: none;
    background: #f8f9fa;
    color: #7f8c8d;
}
.tile-section .input-group-btn .btn:hover { background: #fdf5f5; color: #d32f2f; } /* Warm hover */

/* Buttons */
.btn-primary-styled {
    background: #d32f2f; 
    border-color: #d32f2f; 
    border-radius: 6px;
    padding: 12px 30px; font-size: 16px; font-weight: 600; transition: all 0.3s ease; color: #fff;
}
.btn-primary-styled:hover:not([disabled]) {
    background: #c62828; 
    border-color: #c62828; 
    box-shadow: 0 4px 15px rgba(198, 40, 40, 0.4); 
    color: #fff;
}
.btn-primary-styled[disabled] { background: #95a5a6; border-color: #95a5a6; cursor: not-allowed; box-shadow: none; }

.btn-default-styled {
    border-radius: 6px; padding: 12px 30px; font-size: 16px; font-weight: 600; transition: all 0.3s ease;
    background: #ffffff; border: 1px solid #bdc3c7; color: #34495e;
}
.btn-default-styled:hover { background: #fdf5f5; border-color: #d32f2f; color: #d32f2f; } /* Warm hover */

/* Utilities */
.mb-0 { margin-bottom: 0 !important; }
.mt-10 { margin-top: 10px; }
.flex-start-gap { display: flex; gap: 20px; align-items: flex-start; }
.flex-1 { flex: 1; }

/* ID Upload & Previews */
.id-upload-box {
    border: 1px solid #f2ebeb; border-radius: 8px; padding: 20px; background: #fffcfc; 
}
.file-input-styled { padding-top: 9px !important; height: 44px; }
.trash-icon { font-size: 16px; color: #e74c3c; }
.preview-img { width: 100%; max-width: 140px; height: auto; object-fit: cover; border: 1px solid #f2ebeb; padding: 3px; border-radius: 6px; background: #fff; }
.textarea-styled { resize: vertical; min-height: 80px; }

/* Privacy Notice Accordion */
.privacy-details { background: #fff; border: 1px solid #f2ebeb; border-radius: 6px; padding: 12px 15px; cursor: pointer; transition: all 0.3s ease; }
.privacy-details:hover { border-color: #fde5e5; background: #fffcfc; }
.privacy-summary { font-size: 13.5px; color: #34495e; font-weight: 600; outline: none; display: flex; align-items: center; justify-content: space-between; list-style: none; }
.privacy-summary::-webkit-details-marker { display:none; }
.privacy-details[open] .privacy-summary .fa-angle-down { transform: rotate(180deg); }
.privacy-summary .fa-angle-down { transition: transform 0.3s ease; }
.privacy-content { font-size: 12.5px; color: #7f8c8d; line-height: 1.6; margin-top: 12px; padding-top: 12px; border-top: 1px solid #f5efef; }

/* Policy Checkbox */
.policy-checkbox-box { background: #ffffff; padding: 25px; border-radius: 8px; border: 1px solid #f2ebeb; }
.policy-label { font-size: 15px; font-weight: normal; color: #2c3e50; margin: 0; cursor: pointer; display: flex; align-items: flex-start; gap: 12px; }
.policy-check-input { margin-top: 5px; transform: scale(1.5); cursor: pointer; }
.policy-link { text-decoration: underline; color: #d32f2f; font-weight: 700; } 
.policy-link:hover { color: #b71c1c; } 
.guidance-msg { margin-top: 12px; font-size: 13.5px; font-weight: 600; padding-left: 28px; }
.checkbox-flex-label { font-size: 13px; font-weight: normal; color: #7f8c8d; display: flex; align-items: flex-start; gap: 8px; cursor: pointer; margin-top: 10px; }

/* Real-time Validation UI */
.val-loading { margin-top: 8px; font-size: 12px; color: #7f8c8d; }
.val-field-error { border-color: #e74c3c !important; box-shadow: 0 0 0 3px rgba(231, 76, 60, 0.1) !important; }
.val-field-success { border-color: #2ecc71 !important; box-shadow: 0 0 0 3px rgba(46, 204, 113, 0.1) !important; }
.val-msg-error { margin-top: 8px; padding: 10px 14px; background: #fdf3f2; border-left: 4px solid #e74c3c; color: #c0392b; font-size: 13px; border-radius: 4px; font-weight: 500; }
.val-msg-success { margin-top: 8px; padding: 10px 14px; background: #f2fbf5; border-left: 4px solid #2ecc71; color: #27ae60; font-size: 13px; border-radius: 4px; font-weight: 500; }
.val-text-success { color: #2ecc71 !important; }
.val-text-error { color: #e74c3c !important; }
.val-icon { margin-right: 6px; }

/* Image Optimization Info */
.resize-info-msg { margin-top: 8px; font-size: 12px; color: #2ecc71; font-weight: 600; }
.resize-info-msg .old-size { text-decoration: line-through; color: #e74c3c; margin-right:5px; }
.resize-info-msg .icon-arrow { color: #95a5a6; margin-right:5px; }

/* Animations */
@keyframes msPulseText { 0% { opacity: 1; } 50% { opacity: 0.5; } 100% { opacity: 1; } }
.anim-pulse { animation: msPulseText 1.5s infinite; }

/* Modal Styling */
.policy-modal-dialog { margin-top: 8vh; }
.policy-modal-content { border-radius: 12px; box-shadow: 0 15px 40px rgba(0,0,0,0.2); border: none; }
.policy-modal-header { background: #2c3e50; color: #ffffff; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 18px 25px; border-bottom: none; }
.policy-modal-title { margin: 0; font-weight: 600; font-size: 18px; color: #ffffff; }
.policy-modal-close { color: #ffffff; opacity: 0.7; text-shadow: none; font-size: 26px; font-weight: normal; margin-top: -4px; }
.policy-modal-close:hover { color: #fff; opacity: 1; }
.policy-modal-body { max-height: 50vh; overflow-y: auto; font-size: 14.5px; line-height: 1.8; color: #34495e; padding: 30px; }
.policy-modal-footer { background: #f8f9fa; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding: 15px 25px; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #ecf0f1; }
.policy-scroll-notice { font-size: 14px; font-weight: 500; margin: 0; }
.btn-accept-policy-styled { font-weight: 600; padding: 10px 25px; border-radius: 6px; box-shadow: none; outline: none; border: none; background: #2ecc71; color: #fff; font-size: 15px; transition: background 0.3s; }
.btn-accept-policy-styled:hover:not([disabled]) { background: #27ae60; color: #fff; }
.btn-accept-policy-styled[disabled] { background: #95a5a6; cursor: not-allowed; }
/* ===== UPDATE: 2026-04-15 - Modern Tile UI v3 (Premium Red Theme Wrapper) (END) ===== */