/* ==========================================================
   HEMRITU ADDRESS MANAGER
   Layout
========================================================== */

.hemritu-address{

    background:#fff;

    border-radius:24px;

    padding:40px;

    box-shadow:0 12px 40px rgba(0,0,0,.05);

}

/*==========================================================
Header
==========================================================*/

.hemritu-address-header{

    display:flex;

    justify-content:space-between;

    align-items:flex-end;

    gap:30px;

    padding-bottom:24px;

    margin-bottom:30px;

    border-bottom:1px solid #ECECEC;

}

.hemritu-address-header-left{

    flex:1;

}

.hemritu-address-label{

    display:inline-block;

    margin-bottom:12px;

    font-size:12px;

    font-weight:700;

    letter-spacing:2px;

    color:#16A34A;

    text-transform:uppercase;

}

.hemritu-address-title{

    margin:0;

    font-family:inherit !important;

    font-size:24px;

    font-weight:700;

    line-height:1.2;

    color:#111827;

}

.hemritu-address-subtitle{

    margin-top:12px;

    font-size:15px;

    color:#6B7280;

    line-height:1.8;

}

/* ==========================================================
   Add Address Button
========================================================== */

.hemritu-address-add{

    min-width:210px;

    height:52px;

    padding:0 28px;

    border:none;

    border-radius:14px;

    background:#111827;

    color:#fff;

    font-size:15px;

    font-weight:600;

    cursor:pointer;

    transition:.30s;

    box-shadow:0 12px 24px rgba(17,24,39,.12);

}

.hemritu-address-add:hover{

    transform:translateY(-2px);

}

.hemritu-address-add:hover{

    background:#000000;

    transform:translateY(-2px);

}

/* ==========================================================
   Address List
========================================================== */

.hemritu-address-list{

    display:flex;

    flex-direction:column;

    gap:24px;

}

/* ==========================================================
   Empty State
========================================================== */

.hemritu-address-empty{

    min-height:420px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    text-align:center;

    border:1px solid #ECECEC;

    border-radius:22px;

    background:#FFFFFF;

    padding:60px;

}

.hemritu-address-empty-icon{

    font-size:60px;

    margin-bottom:18px;

}

.hemritu-address-empty h3{

    margin:0;

    font-size:30px;

    font-weight:700;

    color:#111827;

}

.hemritu-address-empty p{

    margin:18px auto 34px;

    max-width:480px;

    font-size:16px;

    line-height:1.8;

    color:#6B7280;

}

.hemritu-address-add-first{

    min-width:220px;

}

/* ==========================================================
   HEMRITU ADDRESS MANAGER
   Address Card
========================================================== */

.hemritu-address-card{

    background:#FFFFFF;

    border:1px solid #ECECEC;

    border-radius:20px;

    padding:28px;

    box-shadow:0 8px 30px rgba(15,23,42,.05);

    transition:.30s;

}

.hemritu-address-card:hover{

    transform:translateY(-3px);

    box-shadow:0 18px 45px rgba(15,23,42,.08);

}

/* ==========================================================
   Primary Address
========================================================== */

.hemritu-address-primary{

    border:2px solid #16A34A;

    box-shadow:0 15px 40px rgba(22,163,74,.12);

}

.hemritu-address-card-header{

    display:flex;

    align-items:flex-start;

    justify-content:space-between;

    gap:20px;

    margin-bottom:22px;

}

.hemritu-address-name{

    margin:0;

    font-size:24px;

    font-weight:700;

    color:#111827;

}

/* ==========================================================
   Address Label Badge
========================================================== */

.hemritu-address-label-badge{

    display:inline-flex;

    align-items:center;

    padding:8px 14px;

    background:#F3F4F6;

    color:#374151;

    border-radius:999px;

    font-size:13px;

    font-weight:700;

    line-height:1;

    text-transform:uppercase;

}

.hemritu-address-badge{

    display:inline-flex;

    align-items:center;

    margin-top:12px;

    padding:8px 14px;

    background:#DCFCE7;

    color:#15803D;

    border-radius:999px;

    font-size:13px;

    font-weight:700;

}

/* ==========================================================
   Address Details
========================================================== */

.hemritu-address-details{

    margin-bottom:28px;

}

.hemritu-address-details p{

    margin:0 0 12px;

    font-size:15px;

    line-height:1.8;

    color:#374151;

}

.hemritu-address-details p:last-child{

    margin-bottom:0;

}

/* ==========================================================
   Footer
========================================================== */

.hemritu-address-footer{

    display:flex;

    justify-content:center;

    margin-top:10px;

}

/* ==========================================================
   HEMRITU ADDRESS MANAGER
   Action Buttons
========================================================== */

.hemritu-address-actions{

    display:flex;

    align-items:center;

    gap:14px;

    flex-wrap:wrap;

}

/* ==========================================================
   Common Button
========================================================== */

.hemritu-address-actions button{

    height:46px;

    padding:0 22px;

    border:none;

    border-radius:12px;

    font-size:14px;

    font-weight:600;

    cursor:pointer;

    transition:.25s;

}

/* ==========================================================
   Make Primary
========================================================== */

.hemritu-address-primary-btn{

    background:#16A34A;

    color:#FFFFFF;

}

.hemritu-address-primary-btn:hover{

    background:#15803D;

    transform:translateY(-2px);

}

/* ==========================================================
   Edit
========================================================== */

.hemritu-address-edit{

    background:#EFF6FF;

    color:#2563EB;

}

.hemritu-address-edit:hover{

    background:#DBEAFE;

    transform:translateY(-2px);

}

/* ==========================================================
   Delete
========================================================== */

.hemritu-address-delete{

    background:#FEF2F2;

    color:#DC2626;

}

.hemritu-address-delete:hover{

    background:#FEE2E2;

    transform:translateY(-2px);

}

/* ==========================================================
   Active Effect
========================================================== */

.hemritu-address-actions button:active{

    transform:scale(.97);

}

/* ==========================================================
   Focus
========================================================== */

.hemritu-address-actions button:focus{

    outline:none;

}

/* ==========================================================
   Last Card
========================================================== */

.hemritu-address-card:last-child{

    margin-bottom:0;

}

/* ==========================================================
   ADDRESS NAME — FORCE BOLD
========================================================== */

.hemritu-customer-address-name,
.hemritu-customer-address-name strong,
strong.hemritu-customer-address-name {

    font-weight: 700 !important;

}

/* ==========================================================
   HEMRITU ADDRESS REQUIRED STAR
========================================================== */

.hemritu-address-form .hemritu-required-star {
    color: #d63638;
    font-weight: 700;
    margin-left: 3px;
}

/* ==========================================================
   ADDRESS MODAL
   FORM FOOTER SPACING FIX
========================================================== */

.hemritu-address-modal-footer {

    display: flex;

    align-items: center;

    justify-content: flex-start;

    gap: 12px;

    width: 100%;

    margin-top: 24px;

    padding-top: 18px;

    padding-bottom: 6px;

    box-sizing: border-box;

}


/* ----------------------------------------------------------
   CANCEL BUTTON
---------------------------------------------------------- */

.hemritu-address-modal-cancel {

    min-width: 84px;

    height: 42px;

    padding: 0 20px;

    margin: 0;

    border: none;

    border-radius: 22px;

    background: #111111;

    color: #ffffff;

    font-size: 12px;

    font-weight: 700;

    line-height: 1;

    cursor: pointer;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    box-sizing: border-box;

}


/* ----------------------------------------------------------
   SAVE / UPDATE BUTTON
---------------------------------------------------------- */

.hemritu-address-save-button {

    min-width: 96px;

    height: 42px;

    padding: 0 20px;

    margin: 0;

    border: none;

    border-radius: 6px;

    background: #168847;

    color: #ffffff;

    font-size: 11px;

    font-weight: 700;

    line-height: 1;

    cursor: pointer;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    box-sizing: border-box;

}


/* ----------------------------------------------------------
   BUTTON HOVER
---------------------------------------------------------- */

.hemritu-address-modal-cancel:hover {

    background: #000000;

}


.hemritu-address-save-button:hover {

    background: #11733b;

}


/* ----------------------------------------------------------
   DISABLED / SAVING STATE
---------------------------------------------------------- */

.hemritu-address-save-button:disabled,
.hemritu-address-modal-cancel:disabled {

    opacity: 0.65;

    cursor: not-allowed;

}


/* ----------------------------------------------------------
   FORM MESSAGE
---------------------------------------------------------- */

.hemritu-address-form-message {

    margin-top: 12px;

}


/* ----------------------------------------------------------
   PRIMARY OPTION
---------------------------------------------------------- */

.hemritu-address-primary-option {

    display: inline-flex;

    align-items: center;

    gap: 6px;

    margin-top: 2px;

}