/* Hide input fields we dont need */
#ecoswap-custom-date-div{
    display: none;
    margin-bottom: 20px;
}

#pwgc-form-delivery-date{
    display: none;
}

#pwgc-form-email-design{
    display: none;
}

/* New deliver date toggle button */
.ecoswap-delivery-time-choice-div {
    display: flex;
    width:50%;
}

#ecoswap-custom-date-title{
    margin-bottom: 5px !important;
    
    font-weight: 600;
}


.ecoswap-delivery-time-choice-label {
    flex: 1;
    padding: 5px 10px;
    text-align: center;
    cursor: pointer;
    background-color: rgb(232, 231, 231);
    color: #00514b;
    border: 1px solid #ccc;
}

.ecoswap-delivery-time-choice-label:first-of-type {
    border-right: none;
    
    
}

.ecoswap-delivery-time-choice-label:hover{
    background-color: #00f0a7;
}

.ecoswap-delivery-time-choice-div input[type="radio"] {
    display: none;
}

.ecoswap-delivery-time-choice-div input[type="radio"]:checked + label{
    background-color: #00514b !important;
    color: white !important;
    border: 1px solid #00514b !important;
}

#ecoswap-delivery-time-selector-div{
    display: none;
}

#ecoswap_custom_date{
    margin-bottom:2px !important;
}


/*Hide Preview Button */
#pwgc-email-preview-button{
    display:none;
}


#ecoswap-red-box{
    margin-top: 10px;
    width: 100%;
    max-width: 400px;
    height: 100px;
    background-color: red;
    border-radius: 8px;

}


.ES_choiceGroup {
  display: flex;
  gap: 12px;
  border: 0;
  padding: 0;
  margin: 8px 0 16px;
}

.ES_choiceGroup input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.ES_choiceCard {
  width: 160px;
  height: 98px;
  border-radius: 12px;
  color:white;
  border: 2px solid #d0d0d0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: center;
  font-weight: 600;
  font-size:16px;
  cursor: pointer;
  user-select: none;
  transition: box-shadow 0.2s ease, border-color 0.2s ease, transform 0.05s ease;
}
.ES_choiceCard:hover { border-color: #888; }
.ES_choiceCard:active { transform: scale(0.99); }

.ES_card_standard {
   background-image: url('https://ecoswap.uk/wp-content/uploads/2025/10/ecoswap_email_design_option_standard.png');
  background-size: cover;
  background-position: center;
}
.ES_card_christmas {
   background-image: url('https://ecoswap.uk/wp-content/uploads/2025/11/xmas_email_choiceImage.png');
  background-size: cover;
  background-position: center;
}

.ES_choiceGroup input[type="radio"]:checked + .ES_choiceCard {
  border-color: #2b8a3e;
  box-shadow:
    0 0 0 4px rgba(43, 138, 62, 0.25),
    0 0 18px rgba(43, 138, 62, 0.45);
}

.ES_choiceGroup input[type="radio"]:focus + .ES_choiceCard {
  outline: 2px solid #5b9dd9;
  outline-offset: 3px;
}


/* Buying as an individual / business toggle */
#ecoswap-buyer-type-div {
    margin-bottom: 20px;
}

.ecoswap-buyer-type-choice-div {
    display: flex;
    width: 100%;
    max-width: 420px;
}

.ecoswap-buyer-type-choice-label {
    flex: 1;
    padding: 5px 10px;
    text-align: center;
    cursor: pointer;
    background-color: rgb(232, 231, 231);
    color: #00514b;
    border: 1px solid #ccc;
}

.ecoswap-buyer-type-choice-label:first-of-type {
    border-right: none;
}

.ecoswap-buyer-type-choice-label:hover {
    background-color: #00f0a7;
}

.ecoswap-buyer-type-choice-div input[type="radio"] {
    display: none;
}

.ecoswap-buyer-type-choice-div input[type="radio"]:checked + label {
    background-color: #00514b !important;
    color: white !important;
    border: 1px solid #00514b !important;
}


/* Business-only "Send me an invoice" fields */
#ecoswap-invoice-div {
    display: none;
    margin-bottom: 20px;
}

.ecoswap-invoice-checkbox-label {
    font-weight: 600;
    cursor: pointer;
}

#ecoswap-invoice-email-div {
    display: none;
    margin-top: 10px;
}

#ecoswap-invoice-email-div input#ecoswap_invoice_email {
    border-radius: 10px;
    width: 100%;
    max-width: 320px;
}