/*--------------------------------------------------------------
PLIOS ATHLETE PORTAL STYLES
--------------------------------------------------------------*/
.file-upload {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #444;
    border-radius: 100px;
    padding: 8px 10px;
    width: 500px;
    color: #aaa;
    padding: 12px;
	width:100%;
	    margin-bottom: 15px;
}
.file-upload span.file-name {
    color: #F8F5CF3D;
}
.file-upload label.file-btn {
    color: #000 !important;
	padding:8px 24px;
}

.file-upload input[type="file"] {
  display: none;
}

.file-btn {
  background: #e8e4d6;
  color: #000;
  padding: 6px 14px;
  border-radius: 16px;
  cursor: pointer;
  font-size: 14px;
}
p.plios-btn {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.plios-dashboard-sections .cart-total {
    padding: 20px;
    border-radius: 20px;
    background: #252422;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px;
	width:300px;
}
.plios-dashboard-sections .cart-total p {
    margin: 0px !important;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.plios-dashboard-sections .cart-total hr {
    opacity: 0.3;
}
.plios-dashboard-sections table {
  border-radius: 16px;
  overflow: hidden;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #4f4f4f;
}
.plios-dashboard-sections table thead tr th {
    background: #F8F5CF0F;
    border: none !important;
    color: #F8F5CF;
	font-size:18px;
	font-weight:500;
	text-align: center !important;
}
.plios-dashboard-sections table a {
    font-weight: 400 !important;
    margin-top: 10px !important;
    font-family: 'poppins';
    text-decoration: underline;
}
.plios-dashboard-sections table thead {
    border: 1px solid #525251;
}
.plios-dashboard-sections table td {
    text-align: center;
    vertical-align: middle !important;
}
button.plios-btn, button#place_order {
    padding: 13px 40px !important;
    border-radius: 100px !important;
    text-transform: capitalize !important;
    font-weight: 500;
    font-size: 16px;
}
button.plios-btn.sec {
    background: none;
    color: #ecead2;
}


/* Base portal container */
.plios-dashboard,
.plios-login,
.plios-register {
/*     font-family: 'Arial', sans-serif; */
/*     color: #000; */
/*     background: #fff; */
/*     padding: 20px; */
}
.plios-dashboard {
    display: flex;
    gap: 40px;
}
div#athlete-roster {
    color: #ecead1;
}
div#athlete-roster thead th {
    text-align: start;
}
.plios-dashboard-menu ul li button {
    background: #F8F5CF0F !important;
    color: #ecead1 !important;
    border-radius: 100px;
    padding: 10px !important;
    border: none !important;
    text-transform: capitalize !important;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
	box-shadow:none !important;
	
}
.plios-dashboard-menu li.active button img {
    background: #000000;
    border-radius: 100px !important;
}
.plios-dashboard-menu ul li button img {
    width: 40px;
    height: 40px !important;
    padding: 8px;
    object-fit: contain;
}
.plios-payment-terms {
    background: none !important;
    border-left: 4px solid #ecead1 !important;
}
.plios-dashboard-sections .woocommerce-info::before {
    color: #000000;
}
.plios-dashboard-sections .woocommerce-info {
    background: none !important;
    border-left: 4px solid #000;
    border-top: 0px;
}
.plios-dashboard-menu li.active button {
    background: #ecead1 !important;
    color: #000 !important;
}
.plios-dashboard-sections h4 {
    color: #ecead1;
}
.plios-dashboard-menu ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;

}
.plios-dashboard-menu button {
    width: 100%;
}
.plios-dashboard-menu {
    width: 20%;
}
.plios-dashboard-sections .woocommerce-order {
    color: #ecead2;
}
.plios-dashboard-sections .woocommerce-order table th {
    text-align: left;
}
.plios-dashboard-sections .woocommerce-order ul.wc-item-meta, .plios-dashboard-sections .woocommerce-order .product-quantity {
    display: none;
}
.plios-dashboard-sections{
    width: 75%;
}
.plios-dashboard-sections form{
	width:100%;
}
/* Headings */
.plios-dashboard h2, .plios-dashboard h3, .plios-login h3, .plios-register h3 {
    font-size: 35px !important;
    font-weight: 600;
    margin-bottom: 15px;
    color: #ecead1;
}
.club-notes {
    padding: 18px;
    border-radius: 24px;
    background: #ecead1;
    margin-top: 20px;
    color: #000;
}
/* Forms */
/* .plios-dashboard form,
.plios-login form,
.plios-register form {
    display: flex;
    flex-direction: column;
    gap: 15px;
    max-width: 600px;
} */

/* .plios-dashboard form input[type="text"],
.plios-dashboard form input[type="email"],
.plios-dashboard form input[type="password"],
.plios-dashboard form input[type="date"],
.plios-dashboard form select,
.plios-dashboard form input[type="file"] {
    padding: 10px;
    font-size: 1em;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 100%;
} */

/* Buttons */
/* .plios-dashboard form input[type="submit"],
.plios-dashboard button,
.plios-login form input[type="submit"],
.plios-register form input[type="submit"] {
    background-color: gold;
    color: #000;
    font-weight: bold;
    border: none;
    padding: 12px 20px;
    cursor: pointer;
    border-radius: 4px;
    transition: background 0.3s ease;
} */

.plios-dashboard form input[type="submit"]:hover,
.plios-dashboard button:hover {
    background-color: #000; /* Darker gold on hover */
    color:#fff;
}

/* Progress indicator */
.plios-dashboard-progress ul {
    list-style: none;
    display: flex;
    gap: 15px;
    padding: 0;
    margin-bottom: 20px;
}

.plios-dashboard-progress li {
    padding: 8px 15px;
    border: 1px solid #000;
    border-radius: 3px;
    font-weight: bold;
    text-align: center;
}

.plios-dashboard-progress li.completed {
    background-color: gold;
    color: #000;
}

/* Sections */
.plios-dashboard-section {
    margin-top: 30px;
    padding: 20px;
    border-radius: 6px;
    border: 1px solid #eee;
    background: #fafafa;
}

/* Tables */
.plios-dashboard-section table,
.wp-list-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}

.plios-dashboard-section table th,
.plios-dashboard-section table td,
.wp-list-table th,
.wp-list-table td {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: left;
}

.plios-dashboard-section table th,
.wp-list-table th {
    background-color: #f4f4f4;
    font-weight: bold;
}

/* Links */
.plios-dashboard-section a,
.wp-list-table a {
    color: gold;
    text-decoration: none;
}

.plios-dashboard-section a:hover,
.wp-list-table a:hover {
    text-decoration: underline;
}

/* Responsive */
@media (max-width: 768px) {
    .plios-dashboard-progress ul {
        flex-direction: column;
    }

    .plios-dashboard-section,
    .plios-dashboard form {
        padding: 15px;
    }
}