/* --- RF Modified layout and passenger table tweaks --- */

/* Dashboard Container Fix for WordPress Admin */
body.wp-admin #wpcontent {
    padding-left: 0 !important;
}

body.wp-admin .wrap {
    margin: 20px 20px 0 20px;
    padding: 0;
}

/* Main container for dashboard - Full width with proper margins */
.rf-dashboard-container {
    max-width: calc(100% - 40px);
    margin: 20px auto;
    padding: 20px;
    width: 100%;
    box-sizing: border-box;
}

/* container & basic cards (keep existing palette) */
.rf-container{
    max-width: none;
    width: 100%;
    margin: 0;
    padding: 20px;
    box-sizing: border-box;
}

body.wp-admin .rf-container {
    max-width: none;
    width: 100%;
    margin: 0;
    padding: 20px;
    box-sizing: border-box;
}

.rf-card{
    background:#fff;
    border-radius:12px;
    padding:16px;
    margin-bottom:14px;
    box-shadow:0 6px 18px rgba(10,30,60,0.04);
}

body.wp-admin .rf-card {
    margin: 0 0 20px 0;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

/* two-col layout */
.two-cols{display:flex;gap:12px;}
.two-cols > div{flex:1;}
.three-cols{display:flex;gap:12px;}
.three-cols > div{flex:1;}

/* inputs */
input[type="text"], input[type="email"], input[type="number"], select {
    width:100%;
    padding:10px;
    border:1px solid #e6eef6;
    border-radius:8px;
    background:#fff;
}

body.wp-admin .rf-card input[type="text"],
body.wp-admin .rf-card input[type="email"],
body.wp-admin .rf-card input[type="number"],
body.wp-admin .rf-card select {
    width: 100%;
    box-sizing: border-box;
}

label{display:block;margin-bottom:6px;color:#23424f;font-weight:700;font-size:13px;}

/* passengers table - adjusted widths and header color (light sky blue) */
.rf-passengers-table{
    border-collapse:collapse;
    width:100%;
    min-width:760px;
}

body.wp-admin .rf-passengers-table {
    min-width: 100%;
    width: 100%;
    table-layout: auto;
    box-sizing: border-box;
}

.rf-passengers-table thead th{
    background:#eaf6ff; 
    color:#0b3b5a; 
    font-weight:700; 
    padding:8px; 
    font-size:13px;
}

.rf-passengers-table th, .rf-passengers-table td{
    border:1px solid rgba(0,0,0,0.06);
    padding:8px;
    text-align:center;
    font-size:13px;
    vertical-align:middle;
}

/* Logical column widths */
.c-counter{width:40px;}   /* smaller # column */
body.wp-admin .c-counter { width: 50px; }

.c-ptype{width:110px;}    /* group age */
body.wp-admin .c-ptype { width: 120px; }

.c-name{
    width:220px;
    text-align:left;
    padding-left:10px;
}

body.wp-admin .c-name { 
    width: 25%; 
    min-width: 180px;
    text-align: left;
    padding-left: 12px;
}

.c-nid{width:140px;}
body.wp-admin .c-nid { width: 150px; }

.c-pass{width:160px;}
body.wp-admin .c-pass { width: 170px; }

.c-birth-sh{width:140px;}
body.wp-admin .c-birth-sh { width: 150px; }

.c-birth-ad{width:140px;}
body.wp-admin .c-birth-ad { width: 150px; }

.c-note{width:160px;}
body.wp-admin .c-note { 
    width: 200px; 
    min-width: 150px;
}

.c-op{width:90px;}
body.wp-admin .c-op { width: 100px; }

/* remove-row button */
.remove-row{
    background:#e74c3c;
    color:#fff;
    border:none;
    border-radius:6px;
    padding:6px 8px;
    cursor:pointer;
}

/* vertical header style removed for better readability */
.rf-passengers-table thead th.c-op{
    writing-mode:horizontal-tb; 
    transform:none;
}

/* captcha placement — keep it compact and on the side */
#rf-captcha-wrap{
    display:flex;
    align-items:center;
    gap:8px;
}

#rf-captcha{
    font-weight:bold;
    color:#d97900;
    padding:6px 10px;
    border-radius:6px;
    background:#fff7ea;
    border:1px solid rgba(217,121,0,0.08);
}

/* submit button smaller and logical */
.rf-btn--primary{
    background:#d97900;
    color:#fff;
    border:none;
    padding:8px 12px;
    border-radius:8px;
    font-weight:700;
}

body.wp-admin .rf-btn--primary {
    padding: 10px 20px;
    font-size: 14px;
}

/* responsive adjustments */
@media(max-width:720px){
    .two-cols, .three-cols{flex-direction:column;}
    .rf-passengers-table{min-width:640px;}
    .c-name{width:140px;}
}

@media screen and (max-width: 1200px) {
    body.wp-admin .rf-dashboard-container,
    body.wp-admin .rf-container {
        padding: 15px;
        max-width: calc(100% - 30px);
    }
    
    body.wp-admin .c-name { width: 20%; }
    body.wp-admin .c-note { width: 180px; }
}

@media screen and (max-width: 992px) {
    body.wp-admin .rf-dashboard-container,
    body.wp-admin .rf-container {
        padding: 12px;
        max-width: calc(100% - 24px);
    }
    
    .rf-passengers-table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    body.wp-admin .c-name { min-width: 160px; }
    body.wp-admin .c-note { min-width: 140px; }
}

@media screen and (max-width: 768px) {
    body.wp-admin .rf-dashboard-container,
    body.wp-admin .rf-container {
        padding: 10px;
        max-width: calc(100% - 20px);
        margin: 10px auto;
    }
    
    body.wp-admin .wrap {
        margin: 10px 10px 0 10px;
    }
    
    /* Stack columns on very small screens */
    .two-cols, .three-cols {
        flex-direction: column;
        gap: 10px;
    }
}

/* For very large screens - optimal width */
@media screen and (min-width: 1600px) {
    body.wp-admin .rf-dashboard-container,
    body.wp-admin .rf-container {
        max-width: 1400px;
        margin: 30px auto;
    }
}

/* suggestion box */
.rf-suggest{
    position:relative;
    background:#fff;
    border:1px solid #e6eef6;
    border-radius:6px;
    box-shadow:0 8px 20px rgba(10,30,60,0.06);
    margin-top:6px;
    z-index:9999;
}

.rf-suggest-item{
    padding:6px 10px;
    cursor:pointer;
}

.rf-suggest-item:hover{
    background:#f3f8ff;
}