/*
 Theme Name:   Twenty Twenty-One Child Theme
 Theme URI:    https://migrationcall.com
 Description:  Twenty Twenty One Child Theme
 Author:       Waqar Azam
 Template:     twentytwentyone
 Version:      1.0
 Tags:         erp, pandor
 Text Domain:  twentytwentyone
*/


/* =Child-Theme customization starts here
------------------------------------------------------------ */
.primary-navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle {display: none;}
.custom-logo{width: 170px !important;}
.myWidth {max-width:1200px !important;}
.myForm {max-width:1200px !important;}
.homebtn{display:block;margin:.3em 0; padding: .5em 1em !important;border: 1px #28303D solid !important;background-color:#28303D !important;color: #fff !important;text-decoration: none;text-align:center;}
.homebtn:hover{background-color:#ffffff !important;border: 1px #28303D solid;color: #28303D !important; text-decoration:none;}
input[type="text"], input[type="date"], select {height: 2em !important;border: 1px solid #ced4da !important;padding: .1em .5em !important;}
.select2-container .select2-selection--single {padding: .1em .3em !important;height:2em !important;}
input.fsubmit{padding: .08em .5em; line-height: 1.5em;}
input.fsubmit:hover{padding: .15em .5em; line-height: 1.5em;background-color:#fff;color:#000;border:1px solid #000;}

input.updateBtn{margin-top:20px;padding: .08em .5em; line-height: 1.5em;}
input.aaupdateBtn{margin-top:1.5em;padding: .08em .5em; line-height: 1.5em;}
.button-container{text-align: right;}
input.formBtn{padding:.3em .5em !important;margin-top: .8em;}
.pmsFormBtn {background-color: #2980b9; color:#fff; padding: 10px; font-weight: 700;}
a.updateBtn, a.cancelBtn{margin-top:1em; line-height:1em; padding: .5em .7em; line-height: 1.5em; background-color: #28303D; text-decoration: navajowhite; color: #fff; font-size: 1.29em;}
a.updateBtn:hover, a.cancelBtn:hover{background-color:#ffffff;border: 1px solid #28303D; color: #28303D;}
ul.reportUl { list-style-type: none !important;padding: 0;margin: 0;}
textarea.formTxt{border: 1px solid #ccc;}
.tableSizeOne{font-size:.8em;padding:0;}

.site-main{padding-top: 10px !important; padding-bottom: 0 !important;}
.site-main > * {margin-top: 10px !important; margin-bottom: 0 !important;}
.no-widgets .site-footer {margin-top: 0 !important;}
.site-footer{padding-bottom:0 !important;}
.site-footer > .site-info{padding-top: 0 !important;}
.alt-row {background-color: #ccc;}
.readonlyFields{background-color: #dde5f2;}
.pmsTextArea{border: 1px solid #ced4da !important;}
.page-border{border:1px solid #000;padding: 1em;}
input[type="text"], input[type="date"], select{width:100% !important;}

/* Customize the form container */
#custom-login-form {
    max-width: 300px;
    margin: 0 auto;
}

/* Style the username and password input fields */
#user_login,
#user_pass {
    width: 100% !important;
    padding: 10px !important;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
	height: 3em !important;
}

/* Style the "Remember Me" checkbox label */
#custom-login-form label[for="rememberme"] {font-weight: normal;}

/* Style the "Log In" button */
#wp-submit {background-color: #28303D;color: #fff;border: none;padding: 10px 20px;cursor: pointer;}

/* Hover effect for the "Log In" button */
#wp-submit:hover {background-color: #005bbf;}

/* Style the login form container */
#login {margin-top: 20px;}


/* Success Dialog Box */
/* Modal Overlay - Darkens the background */
.pms-modal-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.85); display: flex;justify-content: center;align-items: center;z-index: 99999; }

/* Modal Box */
.pms-modal-content {background: #fff; padding: 40px; border-radius: 12px; text-align: center; max-width: 450px; width: 90%; box-shadow: 0 10px 30px rgba(0,0,0,0.3); }

.success-check {font-size: 50px; color: #28a745; margin-bottom: 15px; }

.modal-button-group {display: flex; gap: 15px; justify-content: center; margin-top: 25px; }

/* Button Styles */
.btn-reopen, .btn-report {padding: 7px 20px !important; text-decoration: none; border-radius: 5px; font-weight: bold; font-size: 14px; transition: 0.3s;}

.btn-reopen {background: #f8f9fa; color: #333; border: 1px solid #ddd;}

.btn-report, .btn-report:visited {background: #28a745 !important; color: white !important;}

.btn-reopen:hover { background: #e2e6ea; color: #000; }
.btn-report:hover { background: #218838; color: white; }
.pms-field {padding:2px 10px !important;}
.pms-right-align {display: flex; justify-content: flex-end; align-items: flex-end;}


/* Fix theme interference */
.pms-admin-wrapper {
    display: flex;
    min-height: 100vh;
}

/* Ensure the sidebar stays fixed while content scrolls */
.pms-sidebar {
    width: 260px;
    background: #2c3e50;
    min-height: 100vh;
    position: sticky;
    top: 0;
}

/* Reset theme's default padding for our main area */
.pms-main-content {
    flex: 1;
    padding: 2rem;
    max-width: 100% !important; /* Overrides Twenty Twenty-One constraints */
    margin: 0 !important;
}

/* Hide the theme's default site header if you want a clean ERP look */
/* .site-header { display: none; } */
/* --- PMS Standard Layout Containers --- */
.pms-form-container {
    max-width: 1200px; 
    margin: 20px auto; 
    padding: 30px; 
    background: #fff; 
    border-radius: 8px;
    border: 1px solid #e1e1e1;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.pms-receipt-container { 
	max-width: 800px; margin: 0 auto 50px auto; padding: 50px; 
	background: #fff; border: 1px solid #eee; box-shadow: 0 0 10px rgba(0,0,0,0.05);
}
/* --- Headers --- */
.pms-report-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #333;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.pms-report-header h2 {
    margin: 0;
    color: #2c3e50;
    font-size: 24px;
    font-weight: 700;
}

/* REPORT STYLE */
/* PMS Standard Report System */
.pms-report-wrap { 
    max-width: 1200px; 
    margin: 20px auto; 
    padding: 30px; 
    background: #fff; 
    box-shadow: 0 0 15px rgba(0,0,0,0.05);
    border-radius: 8px;
}

.pms-report-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 3px solid #34495e;
    margin-bottom: 25px;
    padding-bottom: 15px;
}

/* Filter Bar Styling */
.pms-filter-bar { 
    background: #f8f9fa; 
    padding: 20px; 
    border-radius: 8px; 
    margin-bottom: 25px; 
    display: flex; 
    gap: 15px; 
    align-items: flex-end; 
    border: 1px solid #e9ecef;
}

.pms-filter-group { display: flex; flex-direction: column; gap: 5px; }
.pms-filter-group label { font-size: 11px; font-weight: bold; color: #666; text-transform: uppercase; }
.pms-filter-group input, .pms-filter-group select { 
    padding: 8px; 
    border: 1px solid #ddd; 
    border-radius: 4px; 
}

/* Ensure the form row acts as a flexible container */
.pms-filter-bar .row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
    align-items: flex-end; /* Keeps labels and inputs aligned at the bottom */
}

/* Define widths for the columns */
.pms-filter-bar .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 10px;
}

.pms-filter-bar .col-sm-4 {
    flex: 0 0 33.33%;
    max-width: 33.33%;
    padding: 0 10px;
}
.pms-filter-bar .col-sm-5 {
    flex: 0 0 41.66%;
    max-width: 41.66%;
    padding: 0 10px;
}
.pms-filter-bar .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 10px;
}
.pms-filter-bar .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
    padding: 0 10px;
}


/* --- Alert Messages --- */
.pms-alert {
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 4px;
    border-left: 5px solid;
}

.pms-alert-success {
    background-color: #d4edda;
    color: #155724;
    border-left-color: #28a745;
}

/* Table Styling */
.pms-report-table { width: 100%; border-collapse: collapse; margin-top: 10px; }
.pms-report-table th { 
    background: #34495e; 
    color: white; 
    padding: 12px; 
    text-align: left; 
    font-size: 13px;
    position: sticky; 
    top: 0; 
}
.pms-report-table td { padding: 12px; border: 1px solid #eee; font-size: 14px; color: #333; }
.pms-report-table tr:nth-child(even) { background-color: #fcfcfc; }

/* Status & Quantity Colors */
.pms-qty { font-weight: bold; text-align: right; font-family: 'Courier New', monospace; }
.pms-qty-warning { color: #e67e22; }
.pms-qty-success { color: #27ae60; }
.pms-qty-primary { color: #2980b9; }
.pms-light-yellow {background:#fffedb; color:#b80b0b !important; font-weight:bold;}
.pms-light-pink {background:#fdf2f2; color:#d9534f; font-weight:bold;}
.pms-light-greet {background:#f2f9ff; color:#007bff; font-weight:bold;}

/* Print Logic */
@media print {
    .pms-filter-bar, .site-header, .site-footer, .btn-print, .report-controls, .entry-content, .reportActions { 
        display: none !important; 
    }
	.pms-form-container {
        box-shadow: none;
        border: none;
    }
	.pms-receipt-container { 
	border: none; box-shadow: none; padding: 0; margin: 0; width: 100%; 
	}
    .pms-report-wrap { width: 100%; max-width: 100%; margin: 0; padding: 0; border: none; box-shadow: none; }
    body { background: white; }	
}
/* Mobile Responsive: Stack fields on small screens */
@media (max-width: 768px) {
    .pms-filter-bar .col-sm-3,
    .pms-filter-bar .col-sm-4,
    .pms-filter-bar .col-sm-5,
    .pms-filter-bar .col-sm-6,
	.pms-filter-bar .col-sm-9 {	
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 15px;
    }
}

@media only screen and (min-width: 822px) {
  .site-header {padding-top: 0 !important;}
  .button-container{text-align: right;}
}
@media only screen and (min-width: 482px) {
  .site-header {padding-bottom: 0 !important;}
  .button-container{text-align: right;} 
}