/* Hide theme header/footer only on agent page */
body.page .elementor.elementor-location-header,
body.page .elementor.elementor-location-footer,
body.page .et-mobile-panel-wrapper,
body.page .page-heading.bc-type-default{
    display: none !important;
}

/* Agent page */
.template-container,
.template-content,
.ds-agent-page {
    overflow: visible !important;
    transform: none !important; /* disable transforms that block sticky */
}

.ds-agent-header {
    position: sticky;
    top: 0;
    background: #fff;
    padding: 10px;
    border-bottom: 2px solid #ddd;
    z-index: 1000;
}

.ds-agent-header .ds-header-top {
    display: flex;
    align-items: center;        /* vertically center logo and logout button */
    justify-content: space-between; /* logo on left, logout on right */
    padding: 10px;              /* optional spacing */
}

.ds-agent-header .ds-logo img { max-height:50px; }


/* Style only the logout button inside .ds-logout */
.ds-logout .button {
    display: inline-block;
    padding: 10px 20px;
    border: 2px solid #28a745;      /* green border */
    border-radius: 10px;            /* rounded corners */
    background: transparent;        /* transparent background */
    color: #28a745;                 /* text color */
    font-weight: 600;               /* slightly bold */
    text-decoration: none;          /* remove underline */
    transition: all 0.3s ease;      /* smooth hover effect */
    cursor: pointer;
}

/* Hover effect */
.ds-logout .button:hover {
    background: #28a745;            /* green background on hover */
    color: #fff;                    /* white text on hover */
}

.ds-agent-orders { width:100%; border-collapse:collapse; margin-top:12px; }
.ds-agent-orders th {text-align:center; padding:8px 0;}
.ds-agent-orders th, .ds-agent-orders td { border:1px solid #ddd; padding:8px; vertical-align:middle; }
.ds-paid { background:#f5f5f5; opacity:0.8; color:#666; }
.ds-collected-label { display:inline-block; padding:3px 6px; background:#e6f4ea; border:1px solid #cfe8d6; border-radius:3px; font-weight:600; }

/*Table PAY button*/
button.ds-pay-btn,
.button.ds-pay-btn {
  background: #0073e6;
  border: none;
  color: #fff;
  padding: 8px 16px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.25s ease;
}

button.ds-pay-btn:hover,
.button.ds-pay-btn:hover {
  background: #005bb5;
  box-shadow: 0 3px 8px rgba(0,115,230,0.25);
}

button.ds-pay-btn:active,
.button.ds-pay-btn:active {
  transform: scale(0.97);
}

/* Modal */
#ds-pay-modal { position:fixed; inset:0; display:none; z-index:2000; }
#ds-pay-modal .ds-modal-backdrop { position:fixed; inset:0; background:rgba(0,0,0,0.4); }
#ds-pay-modal .ds-modal { position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); width:95%; max-width: 420px; background:#fff; border-radius:8px; box-shadow:0 8px 30px rgba(0,0,0,0.3); padding:16px; }
#ds-pay-modal .ds-modal-close { position:absolute; right:10px; top:8px; background:transparent; border:0; font-size:22px; font-weight: bold; cursor:pointer; color: #444;}

/* Header */
#ds-pay-modal .ds-modal-header h3 {
  margin: 0 0 12px;
  text-align: center;
  font-size: 1.2rem;
  color: #333;
}

/* Payment options row */
.ds-payment-options {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin: 16px 0;
}


/* Payment option buttons (UPI & Cash) */
.ds-payment-options .button {
  background: transparent;
  border: 2px solid #0073e6;   /* professional blue border */
  color: #0073e6;
  padding: 10px 18px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  transition: all 0.25s ease;
  min-width: 100px;
}

/* Hover effect */
.ds-payment-options .button:hover {
  background: #0073e6;
  color: #fff;
  box-shadow: 0 4px 10px rgba(0,115,230,0.25);
}

/* Active (clicked) effect */
.ds-payment-options .button:active {
  transform: scale(0.97);
  background: #005bb5;
  border-color: #005bb5;
}

/* PAY button (primary action) */
.ds-confirm-pay {
  background: #28a745;  /* green CTA */
  border: none;
  color: #fff;
  padding: 12px 20px;
  border-radius: 6px;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.25s ease;
  display: inline-block;
  min-width: 140px;
}

/* Hover effect for PAY */
.ds-confirm-pay:hover {
  background: #218838;
  box-shadow: 0 4px 12px rgba(33,136,56,0.3);
}

/* Active effect for PAY */
.ds-confirm-pay:active {
  transform: scale(0.97);
  background: #1e7e34;
}





/* General button styles (override WP default if needed) */
#ds-pay-modal .button {
  min-width: 100px;
  padding: 8px 14px;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
  text-align: center;
}

/* UPI and cash/pay buttons center-aligned */
.ds-upi-area, .ds-cash-area {
  text-align: center;
}

.ds-upi-area p, .ds-cash-area p {
  margin: 8px 0;
}

/* Status message */
.ds-pay-status {
  margin-top: 12px;
  font-weight: 600;
  text-align: center;
  color: #2d7a2d; /* greenish for success */
}
body.ds-modal-open { overflow:hidden; }