/* ===== RKNP Form — exact match to approved HTML mockup ===== */
#custom-numberplate-section{
    box-sizing:border-box !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 0 15px !important;
    padding:16px 18px 20px !important;
    background:#fff !important;
    border:1px solid #eaeaea !important;
    border-radius:16px !important;
    box-shadow:0 2px 6px rgba(0,0,0,0.03);
}
#custom-numberplate-section *{box-sizing:border-box;}

.rknp-header{margin:0 0 10px !important;}
.rknp-header h3{font-size:15px !important;font-weight:800 !important;margin:0 !important;color:#111 !important;line-height:1.3 !important;}
.rknp-header p{font-size:11px !important;color:#888 !important;margin:1px 0 0 !important;line-height:1.3 !important;}

.rknp-field-row{display:flex !important;gap:6px !important;margin:0 0 6px !important;width:100%;}
.rknp-field{flex:1 1 0;min-width:0;position:relative;margin:0 !important;}

.rknp-field label{
    display:inline-flex;align-items:center;gap:5px;
    font-size:10px !important;font-weight:700;color:#333;margin:0 0 3px !important;
    white-space:nowrap;line-height:1.3 !important;
}
.rknp-required{color:#999;font-weight:400;}
.rknp-field-error{font-size:7.5px;color:#cc0000;font-weight:500;display:none;}
.rknp-field-error.show{display:inline-block;}

.rknp-input-wrap{
    display:flex !important;align-items:center;border:1.3px solid #ddd !important;border-radius:8px !important;
    padding:5px 10px !important;background:#fff !important;transition:all .2s ease;width:100% !important;
    height:auto !important;box-shadow:none !important;margin:0 !important;
}
.rknp-input-wrap:focus-within{border-color:#111 !important;box-shadow:0 0 0 4px rgba(0,0,0,0.05) !important;}
.rknp-input-wrap input{
    border:none !important;outline:none !important;font-size:12px !important;width:100% !important;
    background:transparent !important;color:#111 !important;padding:3px 0 !important;margin:0 !important;
    height:auto !important;line-height:1.3 !important;box-shadow:none !important;min-height:0 !important;
    -webkit-appearance:none;appearance:none;
}
.rknp-input-wrap input::placeholder{color:#c5c5c5 !important;font-weight:400;}
.rknp-input-wrap.has-error{border-color:#cc0000 !important;animation:rknp-shake 0.4s;}
@keyframes rknp-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}

.rknp-checklist{
    margin:6px 0 0 !important;border:1px solid #dcdcdc;border-radius:10px;padding:6px 10px !important;
    background:#f2f2f2;display:flex;flex-wrap:nowrap;gap:3px 10px;
}
.rknp-check-item{display:flex;align-items:center;gap:5px;font-size:10px;color:#999;padding:2px 0 !important;margin:0 !important;transition:all .2s ease;white-space:nowrap;line-height:1.3 !important;}
.rknp-check-item.done{color:#111;font-weight:600;}
.rknp-check-item .rknp-dot{
    width:12px;height:12px;border-radius:50%;border:1.3px solid #ccc;
    display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s;
}
.rknp-check-item.done .rknp-dot{background:#111;border-color:#111;}
.rknp-check-item .rknp-dot svg{width:6px;height:6px;stroke:#fff;display:none;}
.rknp-check-item.done .rknp-dot svg{display:block;}

.rknp-confirm-notice{margin:10px 0 0 !important;display:flex;gap:5px;align-items:center;}
.rknp-confirm-notice svg{width:12px;height:12px;color:#999;flex-shrink:0;}
.rknp-confirm-notice span{font-size:9px !important;color:#999;margin:0 !important;line-height:1.3 !important;}

/* ===== Responsive scaling for tablet & desktop (base above = exact mobile mockup) ===== */
@media (min-width:600px){
    #custom-numberplate-section{padding:20px 24px 24px;border-radius:18px;}
    .rknp-header h3{font-size:18px;}
    .rknp-header p{font-size:12.5px;}
    .rknp-field-row{gap:10px;}
    .rknp-field label{font-size:12px;}
    .rknp-input-wrap{padding:9px 13px;}
    .rknp-input-wrap input{font-size:14px;}
    .rknp-checklist{padding:8px 14px;gap:5px 16px;}
    .rknp-check-item{font-size:12px;}
    .rknp-confirm-notice span{font-size:10.5px;}
}
@media (min-width:1024px){
    .rknp-field-row{gap:14px;}
}

/* Global Custom Data Styles */
.custom-data-label {
    color: #5f5e5e !important;
    font-weight: 600 !important;
    font-size: 11px;
}

.custom-data-value {
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
}

.plate-value {
    color: #111 !important;
}

.year-value {
    color: #111 !important;
}

.whatsapp-value {
    color: #111 !important;
    text-decoration: none;
    font-weight: 600;
}

.notes-value {
    color: #111 !important;
    font-style: italic;
}

/* Cart & Checkout Styles */
.reselect-data-button {
    display: inline-block;
    background: #4a6cf7;
    color: white !important;
    border-radius: 8px;
    padding: 8px 16px;
    font-size: 12px !important;
    text-decoration: none;
    margin-top: 8px;
    transition: all 0.3s ease;
    font-weight: 500;
    border: none;
}

.reselect-data-button:hover {
    background: #3a5ce5;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(74, 108, 247, 0.3);
}

.custom-numberplate-details {
    margin-top: 12px;
    padding: 15px;
    background: #f8fafc;
    border-radius: 10px;
    border: 1px solid #e8f4f8;
}

.order-data-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 0;
    border-bottom: 1px solid #edf2f7;
}

.order-data-row:last-child {
    border-bottom: none;
}

.order-data-label {
    font-weight: 500;
    color: #5f5e5e;
    font-size: 11px;
    min-width: 120px;
}

.order-data-value {
    font-weight: 600;
    font-size: 13px;
    text-align: right;
}

/* Admin Styles */
.custom-numberplate-admin {
    margin-top: 12px;
    padding: 15px;
    background: #f8fafc;
    border-radius: 8px;
    border: 1px solid #e8f4f8;
}

.admin-data-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0;
    border-bottom: 1px solid #edf2f7;
}

.admin-data-row:last-child {
    border-bottom: none;
}

.admin-data-label {
    font-weight: 600;
    color: #1a1a1a;
    font-size: 13px;
    min-width: 120px;
}

.admin-data-value {
    font-weight: 500;
    font-size: 13px;
    text-align: right;
}

/* Mini-cart styles - REMOVED EDIT BUTTON */
.mini-cart-custom-data {
    margin-top: 10px;
    padding: 10px;
    background: #f8fafc;
    border-radius: 8px;
    border: 1px solid #e8f4f8;
}

.mini-cart-data-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3px 0;
    font-size: 11px;
    border-bottom: 1px solid #edf2f7;
}

.mini-cart-data-row:last-child {
    border-bottom: none;
}

.mini-cart-label {
    font-weight: 600;
    color: #1a1a1a;
    min-width: 70px;
}

.mini-cart-value {
    font-weight: 500;
    text-align: right;
}

/* Hide edit button after order */
.woocommerce-order .reselect-data-button {
    display: none !important;
}

/* Ensure proper spacing in cart table */
.woocommerce-cart-form .custom-data-label,
.woocommerce-cart-form .custom-data-value {
    display: block;
    margin: 2px 0;
}

/* Responsive Design - Mobile First Approach */
@media (max-width: 768px) {
    .fifty-fifty-row {
        flex-direction: row;
        gap: 7px;
        width: 50%;
    }
    
    .fifty-fifty-row .form-col {
        flex: 0 0 100%;
        width: 100%;
    }
    
    #custom-numberplate-section {
        padding: 5px;
        margin-block: 5px;
    }
    
    .form-header h3 {
        font-size: 17px;
    }
    
    .input-with-icon input {
        padding: 12px 12px 12px 40px;
        font-size: 14px;
    }
    
    .input-with-icon i {
        font-size: 18px;
        left: 9px;
    }
    
    .whatsapp-section {
        padding: 15px;
    }
}

@media (min-width: 769px) {
    .fifty-fifty-row {
        flex-direction: row;
    }
}