.photoframe_table, .photoframe_table tr, .photoframe_table th, .photoframe_table td{
    border: 1px solid black;
    border-collapse: collapse;
    
}
.photoframe_table th{
    text-align: center;
}

.photoframe_table  {
    margin-right: 20px;
}

.form-table>tbody>tr:first-child>th {
    display: none;
}

/* File: admin-style.css */

.form-table th,
.form-table td {
    vertical-align: top;
    padding: 12px 10px;
}

.form-table input[type="text"] {
    width: 121px !important;
    max-width: 100%;
}

.form-table input[type="number"] {
    width: 80px !important;
    max-width: 100%;
}

.form-table textarea {
    width: 600px !important;
    height: 120px;
    font-size: 14px;
}

.form-table select {
    width: 300px !important;
}
.form-table thead tr{
    background-color: #000;
    border-color: #fff;
}

.form-table thead th {
    color: #fff;
    border-color: #fff;
}

button#add-address-btn, button#apply-coupon-btn {
    color: #e11d48 !important;
}

button#add-address-btn {
    margin-top: 0;
        color: #e11d48 !important;
    font-weight: bold;
}
button#apply-coupon-btn {
    color: #4b5563 !important;
    font-weight: 400;
}
button#apply-coupon-btn:hover {
    color: #4b5563 !important;
}

.addaddresbutsec img {
    filter: unset !important;
}
button#place-order-btn {
    background: #e11d48 !important;
    color: white !important;
    border-radius: 999px;
    margin-bottom: 0;
   text-transform: capitalize !important;
    letter-spacing: 0 !IMPORTANT;
    font-weight: 900 !important;
    }

    button#add-address-btn:hover, button#apply-coupon-btn:hover, button#add-address-btn:focus, button#apply-coupon-btn:focus, button#add-address-btn:active, button#apply-coupon-btn:active{
        color: #e11d48 !important;
    }
    #address-popup .popup-header .close-popup, div#coupon-popup .close-popup, div#payment-popup .close-popup {
    margin-left: unset !important;

}

#address-form button.button, #place_order {
    width: 100% !important;
    border: 0;
    border-radius: 999px;
    background: #e11d48 !important;
    color: #fff;
    font-weight: 800;
    font-size: 15px;
    cursor: pointer;
    min-height: 54px;
    padding: 0 18px;
    box-shadow: var(--shadowBtn);
    transition: filter .15s ease, transform .06s ease;
}
#address-form .woocommerce-input-wrapper {
    width: 100% !important;
}
.addresForm-sec .form-row {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}

#address-form label {
    
    background: unset !important;
    box-shadow: unset !important;
    text-shadow: unset !important;
        font-size: 12px;
    font-weight: 700;
    letter-spacing: .02em;
    color: #6b7280;
    margin: 0 0 0px 10px;
        padding: 0 !important;
}

#address-form input, #address-form select, form#coupon-form input {
    border-radius: 999px;
    min-height: 54px;
    padding: 0 18px;
        background: #f1f1f1 ;
    border: 2px solid transparent;
    margin: 0;
}

.popup-header {
    padding: 0px 18px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-bottom: 1px solid rgba(17, 24, 39, .06);
}
#address-popup.popup {
    padding: 0;
    box-shadow: 0 18px 60px rgba(0, 0, 0, .18);
    width: min(720px, 100%);
}




/* Popup main container */
.poup-main-sec {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 90vh;
    max-height: 90vh;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
}

/* Header - Fixed at top */
.popup-header {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 18px 6px;
    background: #fff;
    border-bottom: 1px solid #e5e7eb;
}

#address-popup .popup-header h3 {
    font-size: 18px;
}

/* Form outer - Make this flex container */
.formouter-sec {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;           /* Important for flex child scrolling */
    overflow: hidden;
}

/* Form */
.addresForm-sec {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;           /* Important for flex child scrolling */
    overflow: hidden;
}

/* Scrollable form fields - ONLY THIS SCROLLS */
.formfiled-sec {
    flex: 1;
    overflow-y: auto;
    padding: 20px;
    -webkit-overflow-scrolling: touch;
    display: flex;
    flex-direction: column;
    gap: 14px;
}



/* Button section - Fixed at bottom */
.button-donsec {
    flex-shrink: 0;
    padding: 16px 20px;
    background: #fff;
    border-top: 1px solid #e5e7eb;
}

/* Button style */
.done-btn,  {
    width: 100%;
    background: #111827;
    color: #fff;
    padding: 14px 20px;
    font-size: 15px;
    font-weight: 600;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.2s;
}
#address-form button, #coupon-form .btn, #payment-form .btn{
         width: 100% !important;
    border: 0;
    border-radius: 999px;
    background: #e11d48 !important;
    color: #fff;
    font-weight: 800;
    font-size: 15px;
    cursor: pointer;
    min-height: 54px;
    padding: 0 18px;
    box-shadow: var(--shadowBtn);
    transition: filter .15s ease, transform .06s ease;
    margin-top: 20px;
}
div#coupon-popup h3, .popup-header h3, div#payment-popup .popup-header h3{
    margin-bottom: 0 !important;
        font-size: 18px;
}
div#coupon-popup, div#payment-popup {
    padding-top: 0 !important;
}
button#place_order {
    width: 100% !important;
}
div#coupon-popup .popup-header {
    padding: 10px 6px;
}
div#payment-popup .popup-header {
    border-bottom: 1px solid #e5e7eb;
    margin-bottom: 10px;
}
button.close-popup:hover {
    background: transparent !important;
    color: black !important;
}
/* Section below checkout button */
.checkout-info {
    text-align: center;
    margin-top: 15px;
    font-size: 12px;
    color: #777;
}

/* Terms text */
.terms-text {
    margin-bottom: 10px;
        font-size: 11px;
}
/*.terms-text a{
    text-decoration: underline;
}*/

/* Payment icons row */
.payment-icons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
        margin-bottom: 20px;
    margin-top: 20px;
}

.payment-icons img {
    height: 20px;
    object-fit: contain;
}

.stripe-text {
    font-size: 11px;
    color: #555;
        display: flex;
    align-items: center;
}
.extre-innerdiv{
    display: flex;
    align-items: center;
    gap: 5px;
}
.extre-innerdiv img{
    width: 30px;
}
/* Shipping + origin row */
.extra-info {
    display: flex;
    justify-content: center;
    gap: 20px;
    font-size: 12px;
    color: #888;
}

#close-panel:hover{
    background: transparent !important;
}

.sidepanel input::placeholder { text-align: center; }
.sidepanel input:focus, .sidepanel input:not(:placeholder-shown) { text-align: left; }

#address-form input:focus, #address-form select:focus {
  border: 2px solid #e11d48 !important;
  outline: none;
  background: #fff;
    border-color: #e11d48 !important;
    box-shadow: 0 0 0 5px rgba(225, 29, 72, .12), 0 10px 28px rgba(0,0,0,.10) !important;
}

/*.sidepanel select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: none;
}
*/

@media (max-width: 768px) {
    #address-popup.popup {
            transform: unset !important;
             left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        height: 90vh;
    }
}



div#payment-popup {
    height: 94vh;
    padding: 0;
}
.popuppay{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 90vh;
    max-height: 90vh;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    padding: 0 20px;
}
.payement-otersection {
    display: flex;
    overflow: auto;
}

button#add-address-btn, button#apply-coupon-btn{
    padding-left: 0;
}
.heder-titlesec{
    color: #4b5563;
}