.elementor-16 .elementor-element.elementor-element-a454b94{--display:flex;}.elementor-16 .elementor-element.elementor-element-e975719{--spacer-size:50px;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-51fc363 *//* =====================================================
   INKYCUSTOMS — MY ACCOUNT + WPLOYALTY CSS
   Final merged version (Hero + WPLoyalty Restoration)
   Palette: #1A1A1A | #323232 | #999999 | #F8F8F8 | #FFFFFF | #258A3E | #AE0000
   Philosophy: Minimal, sharp, 0 radius, retail-grade premium
   Font: Wonder Unit Sans throughout
   ===================================================== */

/* =====================================================
   0. GLOBAL FONT OVERRIDE
   ===================================================== */
.elementor-16 .elementor-element.elementor-element-51fc363 *,
.elementor-16 .elementor-element.elementor-element-51fc363 *::before,
.elementor-16 .elementor-element.elementor-element-51fc363 *::after {
    font-family: 'Wonder Unit Sans', sans-serif !important;
    -webkit-font-smoothing: antialiased !important;
}

/* =====================================================
   1. LAYOUT
   ===================================================== */
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 60px !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
    align-items: flex-start !important;
    box-sizing: border-box !important;
}

/* =====================================================
   2. SIDEBAR NAVIGATION
   ===================================================== */
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-MyAccount-navigation {
    flex: 0 0 200px !important;
    width: 200px !important;
    margin: 0 !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-MyAccount-navigation ul {
    display: flex !important;
    flex-direction: column !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-MyAccount-navigation ul li {
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #ebebeb !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-MyAccount-navigation ul li:last-child {
    border-bottom: none !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-MyAccount-navigation ul li a {
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: #999999 !important;
    padding: 16px 0 !important;
    display: flex !important;
    align-items: center !important;
    text-decoration: none !important;
    transition: color 0.15s ease !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-MyAccount-navigation ul li a:hover {
    color: #1a1a1a !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-MyAccount-navigation ul li.is-active a {
    color: #1a1a1a !important;
    font-weight: 700 !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-MyAccount-navigation ul li.is-active {
    border-left: 2px solid #1a1a1a !important;
    padding-left: 12px !important;
    margin-left: -12px !important;
}

/* =====================================================
   3. CONTENT AREA
   ===================================================== */
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-MyAccount-content {
    flex: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-MyAccount-content > div.woocommerce-notices-wrapper + p,
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-MyAccount-content > p:first-of-type,
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-MyAccount-content > p:nth-of-type(2) {
    display: none !important;
}

/* =====================================================
   4. DASHBOARD
   ===================================================== */
.elementor-16 .elementor-element.elementor-element-51fc363 .inky-dashboard-wrapper {
    display: flex !important;
    flex-direction: column !important;
    gap: 40px !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .inky-dash-header {
    border-bottom: 1px solid #ebebeb !important;
    padding-bottom: 20px !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .inky-dash-title {
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    margin: 0 0 4px 0 !important;
    letter-spacing: 0.03em !important;
    text-transform: none !important;
    border: none !important;
    padding: 0 !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .inky-dash-subtitle {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #999999 !important;
    margin: 0 !important;
    letter-spacing: 0.02em !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .inky-dash-quick-links {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
    gap: 16px !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .inky-dash-card {
    background: #ffffff !important;
    border: 1px solid #ebebeb !important;
    border-radius: 0 !important;
    padding: 24px !important;
    text-decoration: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    transition: border-color 0.15s ease !important;
    box-shadow: none !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .inky-dash-card:hover { border-color: #1a1a1a !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .inky-card-icon {
    background: #F8F8F8 !important;
    color: #1a1a1a !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 16px !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .inky-card-icon svg { width: 20px !important; height: 20px !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .inky-dash-card h3 {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    margin: 0 0 4px 0 !important;
    text-transform: none !important;
    letter-spacing: 0.02em !important;
    border: none !important;
    padding: 0 !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .inky-dash-card p {
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #999999 !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .inky-dash-recent-order {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .inky-dash-ro-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .inky-dash-ro-header h3 {
    font-size: 10px !important;
    font-weight: 700 !important;
    color: #999999 !important;
    margin: 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.12em !important;
    border: none !important;
    padding: 0 !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .inky-dash-ro-header a {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .inky-dash-ro-card {
    background: #ffffff !important;
    border: 1px solid #ebebeb !important;
    border-radius: 0 !important;
    padding: 20px 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
    box-shadow: none !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .inky-ro-info { display: flex !important; flex-direction: column !important; gap: 3px !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .inky-ro-number { font-size: 15px !important; font-weight: 600 !important; color: #1a1a1a !important; letter-spacing: 0.02em !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .inky-ro-date { font-size: 12px !important; font-weight: 400 !important; color: #999999 !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .inky-ro-status-badge {
    background: #F8F8F8 !important;
    color: #323232 !important;
    padding: 5px 12px !important;
    border-radius: 0 !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    border: 1px solid #ebebeb !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .inky-ro-btn {
    background: #1a1a1a !important;
    color: #ffffff !important;
    padding: 11px 20px !important;
    border-radius: 0 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.12em !important;
    text-decoration: none !important;
    transition: background 0.15s ease !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .inky-ro-btn:hover { background: #323232 !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .inky-dash-ro-card.empty-state {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 40px 20px !important;
    background: #F8F8F8 !important;
    border: 1px dashed #d4d4d4 !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .empty-state h4 {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    margin: 0 0 4px 0 !important;
    border: none !important;
    padding: 0 !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .empty-state p {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #999999 !important;
    margin: 0 0 20px 0 !important;
}

/* =====================================================
   5. ORDERS TAB
   ===================================================== */
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-orders-table {
    background: transparent !important;
    border: none !important;
    width: 100% !important;
    display: block !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-orders-table thead { display: none !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-orders-table tbody {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-orders-table tbody tr {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    grid-template-rows: auto auto 1fr !important;
    grid-template-areas: "number images" "status images" "total date" !important;
    background: #ffffff !important;
    border: 1px solid #ebebeb !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 20px 24px !important;
    align-items: start !important;
    row-gap: 4px !important;
    position: relative !important;
    transition: border-color 0.15s ease !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-orders-table tbody tr:hover { border-color: #1a1a1a !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-orders-table td,
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-orders-table th {
    border: none !important;
    padding: 0 !important;
    background: transparent !important;
    display: block !important;
    text-align: left !important;
    width: auto !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-orders-table td::before,
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-orders-table th::before { display: none !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-orders-table__cell-order-number { grid-area: number !important; padding-top: 2px !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .inky-order-title {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    text-decoration: none !important;
    letter-spacing: 0.02em !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-orders-table__cell-order-status {
    grid-area: status !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #999999 !important;
    margin-bottom: 16px !important;
    letter-spacing: 0.02em !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-orders-table__cell-order-images {
    grid-area: images !important;
    text-align: right !important;
    display: flex !important;
    justify-content: flex-end !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .inky-order-images { display: flex !important; align-items: center !important; gap: 6px !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .inky-list-img {
    width: 40px !important;
    height: 40px !important;
    border-radius: 0 !important;
    object-fit: cover !important;
    border: 1px solid #ebebeb !important;
    background: #F8F8F8 !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .inky-more-items { font-size: 11px !important; font-weight: 600 !important; color: #999999 !important; margin-left: 4px !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-orders-table__cell-order-total {
    grid-area: total !important;
    align-self: end !important;
    display: inline-flex !important;
    align-items: center !important;
    background: #F8F8F8 !important;
    border: 1px solid #ebebeb !important;
    padding: 5px 12px !important;
    border-radius: 0 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    width: max-content !important;
    letter-spacing: 0.03em !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-orders-table__cell-order-total .amount,
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-orders-table__cell-order-total .woocommerce-Price-currencySymbol { font-weight: 600 !important; color: #1a1a1a !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-orders-table__cell-order-date {
    grid-area: date !important;
    align-self: end !important;
    justify-self: end !important;
    text-align: right !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #999999 !important;
    letter-spacing: 0.02em !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-orders-table__cell-order-actions {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 10 !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-orders-table .view {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    cursor: pointer !important;
    font-size: 0 !important;
}

/* =====================================================
   6. ADDRESSES TAB
   ===================================================== */
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-Addresses {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
    gap: 20px !important;
    margin-top: 0 !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-Addresses .u-column1,
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-Addresses .u-column2,
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-Addresses .col-1,
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-Addresses .col-2 {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
    background: #ffffff !important;
    border: 1px solid #ebebeb !important;
    border-radius: 0 !important;
    padding: 28px !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-Address-title {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 12px !important;
    border-bottom: 1px solid #ebebeb !important;
    padding-bottom: 16px !important;
    margin-bottom: 20px !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-Address-title h2 {
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: #1a1a1a !important;
    margin: 0 !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-Address-title .edit {
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #999999 !important;
    background: transparent !important;
    padding: 0 !important;
    text-decoration: none !important;
    border-bottom: 1px solid #ebebeb !important;
    transition: color 0.15s ease, border-color 0.15s ease !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-Address-title .edit:hover { color: #1a1a1a !important; border-bottom-color: #1a1a1a !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-Address address {
    font-style: normal !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #323232 !important;
    line-height: 1.8 !important;
    letter-spacing: 0.02em !important;
}

/* =====================================================
   7. ADDRESS EDIT FORM
   ===================================================== */
body.woocommerce-edit-address.endpoint-edit-address .elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce {
    display: block !important;
    width: 100% !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
}
body.woocommerce-edit-address.endpoint-edit-address .elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-MyAccount-content {
    width: 100% !important;
    max-width: 580px !important;
    margin: 40px auto !important;
    float: none !important;
    padding: 0 !important;
}
body.woocommerce-edit-address:not(.endpoint-edit-address) .elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce { display: flex !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-address-fields h2 {
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: #1a1a1a !important;
    margin-bottom: 40px !important;
    border: none !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-address-fields__field-wrapper { display: flex !important; flex-wrap: wrap !important; justify-content: space-between !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-address-fields .form-row { box-sizing: border-box !important; width: 100% !important; margin: 0 0 24px 0 !important; padding: 0 !important; }
@media (min-width: 769px) {
    .elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-address-fields .form-row-first,
    .elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-address-fields .form-row-last { width: 48% !important; }
}
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-address-fields label {
    display: block !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: #1a1a1a !important;
    margin-bottom: 8px !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-address-fields label .optional { color: #999999 !important; font-weight: 400 !important; letter-spacing: 0 !important; text-transform: lowercase !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-address-fields input.input-text,
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-address-fields select,
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-address-fields textarea {
    width: 100% !important;
    box-sizing: border-box !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #d4d4d4 !important;
    border-radius: 0 !important;
    padding: 5px 0 12px 0 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #1a1a1a !important;
    box-shadow: none !important;
    outline: none !important;
    transition: border-color 0.2s ease !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-address-fields input.input-text:focus,
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-address-fields select:focus,
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-address-fields textarea:focus { border-bottom: 1px solid #1a1a1a !important; box-shadow: none !important; background: transparent !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .select2-container--default .select2-selection--single {
    border: none !important;
    border-bottom: 1px solid #d4d4d4 !important;
    border-radius: 0 !important;
    padding: 5px 0 12px 0 !important;
    height: auto !important;
    background: transparent !important;
    box-shadow: none !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .select2-container--default .select2-selection--single .select2-selection__arrow { top: 8px !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-address-fields button[name="save_address"] {
    display: block !important;
    margin: 32px auto 0 !important;
    float: none !important;
    background: #1a1a1a !important;
    color: #ffffff !important;
    border: none !important;
    padding: 16px 40px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.15em !important;
    text-transform: uppercase !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    transition: background 0.15s ease !important;
    width: 100% !important;
    max-width: 280px !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-address-fields button[name="save_address"]:hover { background: #323232 !important; }

/* =====================================================
   8. ACCOUNT DETAILS FORM
   ===================================================== */
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-EditAccountForm { max-width: 580px !important; margin: 0 !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-EditAccountForm label {
    display: block !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: #1a1a1a !important;
    margin-bottom: 8px !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-EditAccountForm label .required { color: #AE0000 !important; font-weight: 700 !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-EditAccountForm input.input-text,
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-EditAccountForm input[type="text"],
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-EditAccountForm input[type="email"],
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-EditAccountForm input[type="password"],
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-EditAccountForm input[type="date"] {
    width: 100% !important;
    box-sizing: border-box !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #d4d4d4 !important;
    border-radius: 0 !important;
    padding: 5px 0 12px 0 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #1a1a1a !important;
    outline: none !important;
    transition: border-color 0.2s ease !important;
    box-shadow: none !important;
    -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
    -webkit-text-fill-color: #1a1a1a !important;
    caret-color: #1a1a1a !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-EditAccountForm input.input-text:focus,
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-EditAccountForm input[type="text"]:focus,
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-EditAccountForm input[type="email"]:focus,
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-EditAccountForm input[type="password"]:focus {
    border-bottom: 1px solid #1a1a1a !important;
    box-shadow: none !important;
    background: transparent !important;
    -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-EditAccountForm input:-webkit-autofill,
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-EditAccountForm input:-webkit-autofill:hover,
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-EditAccountForm input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
    -webkit-text-fill-color: #1a1a1a !important;
    transition: background-color 5000s ease-in-out 0s !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-EditAccountForm .password-input { display: block !important; position: relative !important; width: 100% !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-EditAccountForm em {
    display: block !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    color: #999999 !important;
    font-style: normal !important;
    margin-top: 6px !important;
    letter-spacing: 0.02em !important;
}
@media (min-width: 769px) {
    .elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-EditAccountForm .form-row-first,
    .elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-EditAccountForm .form-row-last { width: 48% !important; float: left !important; }
    .elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-EditAccountForm .form-row-last { float: right !important; }
}
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-EditAccountForm .clear { clear: both !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-EditAccountForm .form-row { margin-bottom: 28px !important; padding: 0 !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-EditAccountForm fieldset { border: none !important; padding: 0 !important; margin: 48px 0 0 0 !important; background: transparent !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-EditAccountForm legend {
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: #999999 !important;
    margin-bottom: 24px !important;
    border-bottom: 1px solid #ebebeb !important;
    padding-bottom: 14px !important;
    width: 100% !important;
    display: block !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-EditAccountForm button[name="save_account_details"] {
    display: block !important;
    background: #1a1a1a !important;
    color: #ffffff !important;
    border: none !important;
    padding: 16px 40px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.15em !important;
    text-transform: uppercase !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    transition: background 0.15s ease !important;
    width: 100% !important;
    max-width: 280px !important;
    margin-top: 32px !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-EditAccountForm button[name="save_account_details"]:hover { background: #323232 !important; }

/* =====================================================
   9. VIEW ORDER PAGE
   ===================================================== */
body.woocommerce-view-order .elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-MyAccount-content {
    max-width: 620px !important;
    margin: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;
}
body.woocommerce-view-order .elementor-16 .elementor-element.elementor-element-51fc363 h2.woocommerce-order-details__title,
body.woocommerce-view-order .elementor-16 .elementor-element.elementor-element-51fc363 h2.woocommerce-column__title { display: none !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .inky-vo-header { margin-bottom: 36px !important; border-bottom: 1px solid #ebebeb !important; padding-bottom: 20px !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .inky-vo-header h1 {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    margin: 0 0 4px 0 !important;
    border: none !important;
    padding: 0 !important;
    letter-spacing: 0.02em !important;
    text-transform: none !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .inky-vo-header p { font-size: 13px !important; font-weight: 400 !important; color: #999999 !important; margin: 0 !important; letter-spacing: 0.02em !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-table--order-details { width: 100% !important; border: none !important; border-collapse: collapse !important; margin-bottom: 0 !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-table--order-details thead { display: none !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-table--order-details tbody { display: flex !important; flex-direction: column !important; gap: 12px !important; width: 100% !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-table--order-details tr.order_item { display: flex !important; justify-content: space-between !important; align-items: center !important; border: none !important; padding: 0 !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-table--order-details td { padding: 0 !important; border: none !important; background: transparent !important; display: block !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-table--order-details td.product-name { flex: 1 !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .inky-vo-wrapper { display: flex !important; align-items: center !important; gap: 14px !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .inky-vo-img img { width: 44px !important; height: 44px !important; border-radius: 0 !important; object-fit: cover !important; background: #F8F8F8 !important; display: block !important; border: 1px solid #ebebeb !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .inky-vo-text { display: flex !important; flex-direction: column !important; gap: 2px !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .inky-vo-link { font-size: 14px !important; font-weight: 500 !important; color: #1a1a1a !important; text-decoration: none !important; letter-spacing: 0.02em !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .inky-vo-qty { font-size: 12px !important; font-weight: 400 !important; color: #999999 !important; letter-spacing: 0.02em !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-table--order-details td.product-total { font-size: 14px !important; font-weight: 500 !important; color: #1a1a1a !important; margin-left: 16px !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-table--order-details tfoot { display: flex !important; flex-direction: column !important; border-top: 1px solid #ebebeb !important; padding-top: 20px !important; margin-top: 20px !important; gap: 10px !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-table--order-details tfoot tr { display: flex !important; justify-content: space-between !important; align-items: center !important; border: none !important; padding: 0 !important; background: transparent !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-table--order-details tfoot th { font-size: 13px !important; font-weight: 400 !important; color: #999999 !important; border: none !important; padding: 0 !important; text-transform: none !important; text-align: left !important; letter-spacing: 0.02em !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-table--order-details tfoot td { font-size: 13px !important; font-weight: 500 !important; color: #1a1a1a !important; border: none !important; padding: 0 !important; text-align: right !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-table--order-details tfoot tr:last-child { margin-top: 10px !important; padding-top: 16px !important; border-top: 1px solid #ebebeb !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-table--order-details tfoot tr:last-child th,
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-table--order-details tfoot tr:last-child td { font-size: 15px !important; font-weight: 600 !important; color: #1a1a1a !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-customer-details { display: flex !important; flex-direction: column !important; gap: 32px !important; border: none !important; padding: 0 !important; margin-top: 48px !important; background: transparent !important; box-shadow: none !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-customer-details .addresses { display: flex !important; flex-direction: column !important; gap: 24px !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-customer-details .col-1,
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-customer-details .col-2 { width: 100% !important; padding: 0 !important; border: none !important; background: transparent !important; box-shadow: none !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-customer-details .col-1::before {
    content: "Billing Address" !important;
    display: block !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: #999999 !important;
    margin-bottom: 12px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #ebebeb !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-customer-details .col-2::before {
    content: "Shipping Address" !important;
    display: block !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: #999999 !important;
    margin-bottom: 12px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #ebebeb !important;
}
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-customer-details address { font-size: 14px !important; font-weight: 400 !important; line-height: 1.7 !important; color: #323232 !important; font-style: normal !important; border: none !important; padding: 0 !important; letter-spacing: 0.02em !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-customer-details--email { margin-top: 12px !important; font-weight: 400 !important; font-size: 14px !important; color: #323232 !important; letter-spacing: 0.02em !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .my_account_tracking { width: 100% !important; border: none !important; margin-top: 40px !important; box-shadow: none !important; border-collapse: collapse !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .my_account_tracking thead { display: none !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .my_account_tracking td { padding: 14px 0 !important; border-bottom: 1px solid #ebebeb !important; font-size: 13px !important; font-weight: 400 !important; color: #323232 !important; background: transparent !important; border-top: none !important; border-left: none !important; border-right: none !important; letter-spacing: 0.02em !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .my_account_tracking td.order-actions { text-align: right !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .my_account_tracking .button { background: #F8F8F8 !important; color: #1a1a1a !important; font-size: 10px !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; padding: 7px 14px !important; border-radius: 0 !important; text-decoration: none !important; border: 1px solid #ebebeb !important; }

/* =====================================================
   10. LOGIN PAGE
   ===================================================== */
body.woocommerce-account:not(.logged-in) .elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce { display: block !important; max-width: 420px !important; margin: 60px auto !important; }
body.woocommerce-account:not(.logged-in) .elementor-16 .elementor-element.elementor-element-51fc363 .u-columns.col2-set { display: block !important; }
body.woocommerce-account:not(.logged-in) .elementor-16 .elementor-element.elementor-element-51fc363 .u-column2 { display: none !important; }
body.woocommerce-account:not(.logged-in) .elementor-16 .elementor-element.elementor-element-51fc363 .u-column1 { width: 100% !important; float: none !important; padding: 0 !important; }
body.woocommerce-account:not(.logged-in) .elementor-16 .elementor-element.elementor-element-51fc363 .u-column1 h2 { display: none !important; }

/* Switch form to CSS Grid for precise placement */
body.woocommerce-account:not(.logged-in) .elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-form-login { 
    display: grid !important; 
    grid-template-columns: 1fr 1fr !important; 
    align-items: center !important; 
    border: none !important; 
    padding: 0 !important; 
    margin: 0 !important; 
}

/* 1. Username (Full Width) */
body.woocommerce-account:not(.logged-in) .elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-form-login .form-row:nth-of-type(1) { 
    grid-column: 1 / -1 !important; 
    order: 1 !important; 
    margin-bottom: 24px !important; 
}

/* 2. Password (Full Width) */
body.woocommerce-account:not(.logged-in) .elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-form-login .form-row:nth-of-type(2) { 
    grid-column: 1 / -1 !important; 
    order: 2 !important; 
    margin-bottom: 16px !important; 
    position: relative !important; 
}

/* Expose the 3rd row contents to the main grid */
body.woocommerce-account:not(.logged-in) .elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-form-login .form-row:nth-of-type(3) { 
    display: contents !important; 
}

/* 3. Remember Me (Left Side) */
body.woocommerce-account:not(.logged-in) .elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-form-login__rememberme { 
    display: flex !important; 
    align-items: center !important; 
    grid-column: 1 / 2 !important; 
    order: 3 !important; 
    margin: 0 0 32px 0 !important; 
    font-size: 12px !important; 
    font-weight: 500 !important; 
    color: #999999 !important; 
    text-transform: none !important; 
    letter-spacing: 0 !important; 
    cursor: pointer !important; 
}

/* Stop the checkbox input from inheriting 100% width */
body.woocommerce-account:not(.logged-in) .elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-form-login__rememberme input { 
    margin: 0 8px 0 0 !important; 
    width: auto !important; 
    box-shadow: none !important; 
}

/* 4. Lost Password (Right Side) */
body.woocommerce-account:not(.logged-in) .elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-LostPassword { 
    grid-column: 2 / 3 !important; 
    order: 4 !important; 
    text-align: right !important; 
    margin: 0 0 32px 0 !important; 
}
body.woocommerce-account:not(.logged-in) .elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-LostPassword a { 
    font-size: 12px !important; 
    font-weight: 500 !important; 
    color: #999999 !important; 
    text-decoration: underline !important; 
    text-underline-offset: 2px !important; 
}

/* 5. Login Button (Full Width, Below Links) */
body.woocommerce-account:not(.logged-in) .elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-form-login button[name="login"] { 
    grid-column: 1 / -1 !important; 
    order: 5 !important; 
    background-color: #1a1a1a !important; 
    color: #ffffff !important; 
    width: 100% !important; 
    padding: 16px 20px !important; 
    border-radius: 0 !important; 
    border: none !important; 
    display: block !important; 
    font-size: 10px !important; 
    font-weight: 700 !important; 
    letter-spacing: 0.15em !important; 
    text-transform: uppercase !important; 
    cursor: pointer !important; 
    transition: background 0.15s ease !important; 
    margin-top: 0 !important;
}
body.woocommerce-account:not(.logged-in) .elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-form-login button[name="login"]:hover { 
    background-color: #323232 !important; 
}

/* Label Styling Override for Main Fields */
body.woocommerce-account:not(.logged-in) .elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-form-login label { 
    font-size: 10px !important; 
    font-weight: 600 !important; 
    letter-spacing: 0.12em !important; 
    text-transform: uppercase !important; 
    color: #1a1a1a !important; 
    margin-bottom: 8px !important; 
    display: block !important; 
}

/* Main Inputs Styling */
body.woocommerce-account:not(.logged-in) .elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-form-login input.input-text { 
    border: none !important; 
    border-bottom: 1px solid #d4d4d4 !important; 
    border-radius: 0 !important; 
    background: transparent !important; 
    padding: 0 0 10px 0 !important; 
    box-shadow: none !important; 
    color: #1a1a1a !important; 
    font-size: 14px !important; 
    font-weight: 400 !important; 
    outline: none !important; 
    transition: border-color 0.2s ease !important; 
    width: 100% !important; 
    -webkit-box-shadow: 0 0 0 1000px transparent inset !important; 
    -webkit-text-fill-color: #1a1a1a !important; 
}
body.woocommerce-account:not(.logged-in) .elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-form-login input.input-text:focus { 
    border-bottom-color: #1a1a1a !important; 
    box-shadow: none !important; 
    -webkit-box-shadow: 0 0 0 1000px transparent inset !important; 
}

/* 6. Register Link */
body.woocommerce-account:not(.logged-in) .elementor-16 .elementor-element.elementor-element-51fc363 .inky-login-register-link { 
    grid-column: 1 / -1 !important; 
    order: 6 !important; 
    text-align: center !important; 
    margin-top: 28px !important; 
    font-size: 13px !important; 
    font-weight: 400 !important; 
    color: #999999 !important; 
    width: 100% !important; 
    display: block !important; 
}
body.woocommerce-account:not(.logged-in) .elementor-16 .elementor-element.elementor-element-51fc363 .inky-login-register-link a { 
    color: #1a1a1a !important; 
    text-decoration: underline !important; 
    font-weight: 600 !important; 
    margin-left: 4px !important; 
}

/* =====================================================
   11. ERROR VALIDATION
   ===================================================== */
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-error { display: none !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .custom-address-error { color: #AE0000 !important; font-size: 11px !important; font-weight: 500 !important; margin-top: 4px !important; display: block !important; letter-spacing: 0.03em !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-address-fields input.input-text.inky-error,
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-address-fields select.inky-error { border-bottom-color: #AE0000 !important; }
.elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-address-fields .form-row.has-inky-error label { color: #AE0000 !important; }

/* =====================================================
   12. MOBILE
   ===================================================== */
@media (max-width: 768px) {
    .elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce { flex-direction: column !important; gap: 24px !important; padding: 0 16px !important; }
    .elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-MyAccount-navigation { flex: none !important; width: 100% !important; margin-bottom: 8px !important; border-bottom: 1px solid #ebebeb !important; }
    .elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-MyAccount-navigation ul { flex-direction: row !important; flex-wrap: nowrap !important; overflow-x: auto !important; gap: 28px !important; padding: 0 0 14px 0 !important; border: none !important; }
    .elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-MyAccount-navigation ul::-webkit-scrollbar { display: none !important; }
    .elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-MyAccount-navigation ul li { width: auto !important; border: none !important; white-space: nowrap !important; padding: 0 !important; margin: 0 !important; }
    .elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-MyAccount-navigation ul li a { padding: 0 !important; display: block !important; }
    .elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-MyAccount-navigation ul li.is-active { border-left: none !important; border-bottom: 2px solid #1a1a1a !important; padding-left: 0 !important; margin-left: 0 !important; padding-bottom: 14px !important; }
    .elementor-16 .elementor-element.elementor-element-51fc363 .inky-dash-quick-links { grid-template-columns: 1fr !important; }
    .elementor-16 .elementor-element.elementor-element-51fc363 .inky-dash-ro-card { flex-direction: column !important; align-items: flex-start !important; }
    .elementor-16 .elementor-element.elementor-element-51fc363 .inky-ro-btn { width: 100% !important; text-align: center !important; }
    body.woocommerce-edit-address .elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce { width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; }
    body.woocommerce-edit-address .elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-MyAccount-content { margin: 20px auto !important; padding: 0 16px !important; }
    .elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-address-fields .form-row-first,
    .elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-address-fields .form-row-last,
    .elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-address-fields .form-row { width: 100% !important; }
    .elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-address-fields button[name="save_address"],
    .elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-EditAccountForm button[name="save_account_details"] { width: 100% !important; max-width: 100% !important; }
}

/* =====================================================
   13. LOST PASSWORD PAGE
   ===================================================== */
/* Center the form and set the exact same width as the login page */
body.woocommerce-lost-password .elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce { 
    display: block !important; 
    max-width: 420px !important; 
    margin: 60px auto !important; 
}

/* Container spacing */
body.woocommerce-lost-password .elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-ResetPassword,
body.woocommerce-lost-password .elementor-16 .elementor-element.elementor-element-51fc363 .lost_reset_password { 
    display: flex !important; 
    flex-direction: column !important; 
    gap: 24px !important; 
}

/* Instructional text styling */
body.woocommerce-lost-password .elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-ResetPassword p:first-child,
body.woocommerce-lost-password .elementor-16 .elementor-element.elementor-element-51fc363 .lost_reset_password p:first-child { 
    font-size: 13px !important; 
    font-weight: 400 !important; 
    color: #999999 !important; 
    line-height: 1.6 !important; 
    margin: 0 !important; 
    letter-spacing: 0.02em !important; 
}

/* Reset form row margins */
body.woocommerce-lost-password .elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-ResetPassword p.form-row,
body.woocommerce-lost-password .elementor-16 .elementor-element.elementor-element-51fc363 .lost_reset_password p.form-row { 
    margin: 0 !important; 
    width: 100% !important; 
}

/* Label styling (Username or email) */
body.woocommerce-lost-password .elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-ResetPassword label,
body.woocommerce-lost-password .elementor-16 .elementor-element.elementor-element-51fc363 .lost_reset_password label { 
    font-size: 10px !important; 
    font-weight: 600 !important; 
    letter-spacing: 0.12em !important; 
    text-transform: uppercase !important; 
    color: #1a1a1a !important; 
    margin-bottom: 8px !important; 
    display: block !important; 
}

/* Input field styling (Bottom border only, zero radius) */
body.woocommerce-lost-password .elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-ResetPassword input.input-text,
body.woocommerce-lost-password .elementor-16 .elementor-element.elementor-element-51fc363 .lost_reset_password input.input-text { 
    border: none !important; 
    border-bottom: 1px solid #d4d4d4 !important; 
    border-radius: 0 !important; 
    background: transparent !important; 
    padding: 0 0 10px 0 !important; 
    box-shadow: none !important; 
    color: #1a1a1a !important; 
    font-size: 14px !important; 
    font-weight: 400 !important; 
    outline: none !important; 
    transition: border-color 0.2s ease !important; 
    width: 100% !important; 
    -webkit-box-shadow: 0 0 0 1000px transparent inset !important; 
    -webkit-text-fill-color: #1a1a1a !important; 
}

/* Input field focus state */
body.woocommerce-lost-password .elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-ResetPassword input.input-text:focus,
body.woocommerce-lost-password .elementor-16 .elementor-element.elementor-element-51fc363 .lost_reset_password input.input-text:focus { 
    border-bottom-color: #1a1a1a !important; 
    box-shadow: none !important; 
    -webkit-box-shadow: 0 0 0 1000px transparent inset !important; 
}

/* Button styling (Full width, solid black) */
body.woocommerce-lost-password .elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-ResetPassword button[type="submit"],
body.woocommerce-lost-password .elementor-16 .elementor-element.elementor-element-51fc363 .lost_reset_password button[type="submit"] { 
    background-color: #1a1a1a !important; 
    color: #ffffff !important; 
    width: 100% !important; 
    padding: 16px 20px !important; 
    border-radius: 0 !important; 
    border: none !important; 
    display: block !important; 
    font-size: 10px !important; 
    font-weight: 700 !important; 
    letter-spacing: 0.15em !important; 
    text-transform: uppercase !important; 
    cursor: pointer !important; 
    transition: background 0.15s ease !important; 
    margin-top: 8px !important; 
}

/* Button hover state */
body.woocommerce-lost-password .elementor-16 .elementor-element.elementor-element-51fc363 .woocommerce-ResetPassword button[type="submit"]:hover,
body.woocommerce-lost-password .elementor-16 .elementor-element.elementor-element-51fc363 .lost_reset_password button[type="submit"]:hover { 
    background-color: #323232 !important; 
}/* End custom CSS */
/* Start custom CSS *//* =====================================================
   INKYCUSTOMS — WPLOYALTY REDESIGN (FINAL UX REFINEMENT)
   ===================================================== */

/* 1. Global WPLoyalty Overrides & Cleanup */
.wlr-myaccount-page * {
    font-family: 'Wonder Unit Sans', sans-serif !important;
    box-sizing: border-box !important;
    -webkit-font-smoothing: antialiased !important;
}
.wlr-myaccount-page .wlr-heading-container { border: none !important; margin: 0 !important; padding: 0 !important; }
.wlr-myaccount-page .wlr-heading { display: none !important; } 
.wlr-myaccount-page i { display: none !important; } 

#wlr-redeemed-points, #wlr-used-rewards { display: none !important; }
.wlr-referral-copy-btn, .inky-referral-text-line { display: none !important; }
.wlr-reward-type-name { display: none !important; } 

/* 2. The Main Stack Container */
.inky-loyalty-stack {
    display: flex !important;
    flex-direction: column !important;
    gap: 40px !important;
    width: 100% !important;
    max-width: 640px !important; 
    margin: 0 0 60px 0 !important;
}

/* 3. The Hero Black Card (Contains Balance & Convert) */
.wlr-reward-card.points_conversion {
    background: #1a1a1a !important; 
    border: none !important;
    border-radius: 0 !important;
    padding: 48px 40px !important;
    margin: 0 !important;
    width: 100% !important;
}

/* Centered Balance inside Black Card */
.inky-hero-balance-centered {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    border-bottom: 1px solid #333 !important;
    padding-bottom: 40px !important;
    margin-bottom: 40px !important;
}
.inky-hero-title {
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.15em !important;
    text-transform: uppercase !important;
    color: #999999 !important;
    margin: 0 0 12px 0 !important;
}
.inky-massive-points {
    font-size: 96px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    line-height: 0.9 !important;
    letter-spacing: -0.04em !important;
}
.inky-lifetime-points {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #999999 !important;
    margin: 16px 0 0 0 !important;
}

/* Convert Points UI inside Black Card */
.inky-convert-ui .wlr-name, .inky-convert-ui .wlr-description { color: #ffffff !important; text-align: center !important; }
.inky-convert-ui .wlr-name { 
    font-size: 16px !important;
    font-weight: 700 !important; 
    letter-spacing: 0.05em !important;
    margin-bottom: 8px !important; 
}
.inky-convert-ui .wlr-description { 
    line-height: 1.5 !important; 
    font-size: 13px !important;
    color: #d4d4d4 !important;
    margin-bottom: 24px !important;
}

/* "Claim My Savings" Button */
.wlr-button-reward.wlr-button-action {
    background: #ffffff !important;
    color: #1a1a1a !important;
    border: none !important;
    padding: 16px 24px !important;
    width: 100% !important;
    text-align: center !important;
    transition: background 0.15s ease !important;
    margin-top: 16px !important;
}
.wlr-button-reward.wlr-button-action[style*="display: none"] { display: none !important; }
.wlr-button-reward.wlr-button-action:hover { background: #f8f8f8 !important; }
.wlr-button-reward .wlr-action-text::before {
    content: "REDEEM POINTS" !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    color: #1a1a1a !important;
}
.wlr-button-reward .wlr-action-text { font-size: 0 !important; }

/* Sleek Exchange Panel */
.wlr-point-conversion-section {
    background: #252525 !important; 
    border: 1px solid #333 !important;
    padding: 32px 24px 24px 24px !important;
    margin-top: 20px !important;
    position: relative !important;
}
.inky-cancel-conversion {
    position: absolute !important;
    top: 12px !important;
    right: 14px !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    color: #999999 !important;
    cursor: pointer !important;
    text-transform: uppercase !important;
}
.inky-cancel-conversion:hover { color: #ffffff !important; }
#wlr-point-conversion-section-1 { width: 100% !important; }
.wlr-input-point-section { display: flex !important; flex-direction: column !important; width: 100% !important; gap: 12px !important; }
.wlr-input-point-section::before { display: none !important; }

/* TOP HALF: POINTS INPUT */
.wlr-input-point-conversion {
    background: #1a1a1a !important; 
    border: 1px solid #333 !important;
    padding: 24px !important; 
    position: relative !important;
}
.wlr-input-point-conversion::before {
    content: "PAY WITH POINTS" !important;
    display: block !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    color: #999999 !important;
    margin-bottom: 4px !important;
    text-align: center !important;
}
.wlr-point-conversion-box { 
    color: #ffffff !important; 
    background: transparent !important;
    font-size: 40px !important; 
    font-weight: 700 !important;
    text-align: center !important;
    width: 100% !important;
    border: none !important;
    border-bottom: 2px solid #555 !important;
    outline: none !important;
    padding: 0 0 4px 0 !important;
}

/* BOTTOM HALF: GBP OUTPUT */
.wlr-point-label-content { 
    background: #1a1a1a !important; 
    border: 1px solid #333 !important; 
    padding: 24px !important; 
    text-align: center !important;
    position: relative !important;
}
.wlr-point-label-content::before {
    content: "↓" !important;
    position: absolute !important;
    top: -20px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    background: #252525 !important;
    color: #999999 !important;
    font-size: 14px !important;
    border: 1px solid #333 !important;
}
.wlr-input-point-title { 
    display: flex !important;
    flex-direction: column !important; 
    justify-content: center !important;
    align-items: center !important;
    gap: 4px !important;
    margin: 0 !important;
}
.inky-coupon-label {
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    color: #999999 !important;
    text-transform: uppercase !important;
}
.inky-coupon-value-wrapper {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    color: #258A3E !important; 
    border-bottom: 2px solid #555 !important; 
    padding: 0 0 4px 0 !important;
    width: 100% !important;
}
.inky-currency-symbol, .wlr-point-conversion-discount-label {
    font-size: 40px !important; 
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: -0.02em !important;
    color: inherit !important;
}

/* Generate Coupon Button */
#wlr_point_conversion_1_button {
    background: #ffffff !important;
    color: #1a1a1a !important;
    padding: 16px 20px !important;
    border: none !important;
    border-radius: 0 !important;
    margin-top: 20px !important;
    width: 100% !important;
    cursor: pointer !important;
}
#wlr_point_conversion_1_button .wlr-action-text::before {
    content: "GENERATE COUPON" !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    color: #1a1a1a !important;
}
#wlr_point_conversion_1_button .wlr-action-text { font-size: 0 !important; }

/* Generated coupon notification */
[style*="background: #E8FFEA;"] {
    background: #ffffff !important; 
    border: 1px dashed #cccccc !important;
    padding: 16px !important;
    display: block !important;
    margin-top: 16px !important;
    color: #1a1a1a !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-align: center !important;
}
[style*="background: #E8FFEA;"] span { color: #1a1a1a !important; }

/* 4. Tab Navigation */
.inky-coupon-manager { width: 100% !important; display: block !important; }
.wlr-your-reward { margin: 0 !important; }
.wlr-user-reward-titles {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 32px !important; 
    margin-bottom: 16px !important;
    padding: 0 0 12px 0 !important;
    border-bottom: 1px solid #ebebeb !important;
}
.wlr-my-rewards-title {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 0 12px 0 !important;
    margin-bottom: -13px !important; 
    border-bottom: 2px solid transparent !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
}
.wlr-my-rewards-title:hover, .wlr-my-rewards-title.active { border-bottom: 2px solid #1a1a1a !important; }
.wlr-my-rewards-title h4 {
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: #999999 !important;
    margin: 0 !important;
    transition: color 0.15s ease !important;
}
.wlr-my-rewards-title.active h4, .wlr-my-rewards-title:hover h4 { color: #1a1a1a !important; }

/* ── 5. DIRECT 1-LINE COUPON ROWS (BULLETPROOF) ── */
.wlr-user-reward-contents { width: 100% !important; }
.inky-coupon-manager .wlr-coupons-list,
.inky-coupon-manager .wlr-rewards-container {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important; 
}

/* Row Layout */
.inky-coupon-manager .wlr-new-coupon-card, 
.inky-coupon-manager .wlr-reward-card {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important; /* FORCES 1 LINE */
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #ebebeb !important; 
    padding: 16px 0 !important; 
    border-radius: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    gap: 12px !important;
}
.inky-coupon-manager .wlr-expired-card { opacity: 0.5 !important; }

/* Break nested divs for perfect flex row */
.inky-coupon-manager .wlr-card-container,
.inky-coupon-manager .wlr-coupon-card-header { display: contents !important; }
.inky-coupon-manager .wlr-card-icon-container,
.inky-coupon-manager .wlr-name, 
.inky-coupon-manager .wlr-description { display: none !important; }

/* Left Side: The Coupon Value Text */
.inky-coupon-manager .wlr-title-icon { flex: 1 !important; min-width: 0 !important; }
.inky-coupon-manager .wlr-title-icon p {
    font-size: 13px !important; 
    font-weight: 600 !important;
    color: #1a1a1a !important;
    margin: 0 !important;
}
.inky-coupon-manager .wlr-title-icon p .amount {
    font-weight: 700 !important;
    color: #258A3E !important;
}

/* Right Side: Code and Button wrapper */
.inky-coupon-manager .wlr-code-button {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 16px !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
}

/* --- THE SPACING & ALIGNMENT FIX --- */

/* Kill the paragraph margin inside the code container */
.inky-coupon-manager .wlr-coupon-code p {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
}

/* Dashed Code Box UX - Forced Height */
.inky-coupon-manager .wlr-code {
    border: 1px dashed #d4d4d4 !important;
    background: #f8f8f8 !important;
    height: 44px !important; /* EXACT HEIGHT */
    padding: 0 14px !important;
    cursor: pointer !important;
    text-align: center !important;
    min-width: 130px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background 0.15s ease, border-color 0.15s ease !important;
}
.inky-coupon-manager .wlr-code:hover { 
    background: #ebebeb !important; 
    border-color: #1a1a1a !important; 
}

.inky-code-prefix {
    font-size: 9px !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    color: #999999 !important;
    text-transform: uppercase !important;
}
.inky-coupon-manager .wlr-coupon-code span {
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
    color: #258A3E !important; 
    text-transform: uppercase !important;
}
.inky-copy-icon {
    font-size: 12px !important;
    color: #999999 !important;
}

/* Apply Button - Forced Height to Match */
.inky-coupon-manager .wlr-button-action,
.inky-coupon-manager .wlr-apply-coupon-btn {
    background: #000000 !important; 
    color: #ffffff !important; 
    border: 1px solid #000000 !important; 
    height: 44px !important; /* MATCHES DASHED BOX */
    padding: 0 16px !important; 
    font-size: 10px !important; 
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
    margin: 0 !important;
    white-space: nowrap !important;
    min-width: 120px !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.inky-coupon-manager .wlr-button-action:hover,
.inky-coupon-manager .wlr-apply-coupon-btn:hover { background: #323232 !important; border-color: #323232 !important; }

/* Status Badge - Forced Height to Match */
.inky-status-badge {
    background: #F8F8F8 !important;
    color: #999999 !important;
    height: 44px !important; /* MATCHES DASHED BOX */
    padding: 0 16px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    border: 1px solid #ebebeb !important;
    white-space: nowrap !important;
    min-width: 120px !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 6. Referral Box */
.wlr-referral-blog { width: 100% !important; margin: 0 !important; }
.wlr-referral-blog::before {
    content: "SHARE & EARN POINTS" !important;
    display: block !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    color: #999999 !important;
    margin-bottom: 12px !important;
}
.wlr-referral-box {
    display: flex !important;
    align-items: stretch !important; 
    background: #ffffff !important;
    border: 1px solid #ebebeb !important;
    padding: 8px !important; 
    border-radius: 0 !important;
    gap: 8px !important;
}
.wlr_referral_url {
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #1a1a1a !important;
    border: none !important;
    background: transparent !important;
    padding: 0 12px !important;
    flex: 1 !important;
    min-width: 0 !important; 
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.wlr-referral-box .input-group-append {
    background: #1a1a1a !important;
    color: #ffffff !important;
    padding: 12px 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    cursor: pointer !important;
}
.wlr-referral-box .input-group-text::before {
    content: "\2605" !important; 
    font-size: 12px !important;
    margin-right: 2px !important;
    display: inline-block !important;
}
.wlr-referral-box .input-group-text {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    font-size: 10px !important;
    font-weight: 700 !important; 
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
}

/* 7. Ways to Earn (Grid) */
.wlr-earning-options { margin-bottom: 60px !important; }
.wlr-earning-options::before {
    content: "WAYS TO EARN" !important;
    display: block !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    color: #999999 !important;
    margin-bottom: 24px !important;
    border-bottom: 1px solid #ebebeb !important;
    padding-bottom: 16px !important;
}
.wlr-campaign-container {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 16px !important;
}
.wlr-earning-option {
    background: #ffffff !important;
    border: 1px solid #ebebeb !important;
    padding: 24px !important;
    transition: border-color 0.15s ease !important;
}
.wlr-earning-option:hover { border-color: #1a1a1a !important; }
.wlr-earning-option .wlr-name { font-size: 14px !important; font-weight: 600 !important; color: #1a1a1a !important; margin-bottom: 6px !important; }
.wlr-discount-point { font-size: 11px !important; font-weight: 700 !important; color: #999999 !important; letter-spacing: 0.05em !important; text-transform: uppercase !important; margin-bottom: 12px !important; }
.wlr-earning-option .wlr-description { display: none !important; } 

/* 8. Recent Activity (Timeline) */
.wlr-transaction-blog { margin-bottom: 60px !important; }
.wlr-transaction-blog::before {
    content: "RECENT ACTIVITY" !important;
    display: block !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    color: #999999 !important;
    margin-bottom: 24px !important;
    border-bottom: 1px solid #ebebeb !important;
    padding-bottom: 16px !important;
}
.wlr-table { display: flex !important; flex-direction: column !important; gap: 12px !important; }
.inky-timeline-row { display: flex !important; align-items: center !important; justify-content: space-between !important; background: #ffffff !important; border: 1px solid #ebebeb !important; padding: 16px 24px !important; }
.inky-timeline-cell { display: block !important; border: none !important; padding: 0 !important; }
.inky-timeline-cell:nth-child(2) { font-size: 10px !important; font-weight: 700 !important; color: #999999 !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; width: 100px !important;}
.inky-timeline-cell:nth-child(3) { flex: 1 !important; font-size: 13px !important; color: #1a1a1a !important; padding: 0 20px !important; }
.inky-timeline-cell:nth-child(4) { font-size: 14px !important; font-weight: 600 !important; color: #258A3E !important; }
.inky-timeline-cell:nth-child(1), .inky-timeline-cell:nth-child(5) { display: none !important; }

/* Kill any remaining purple inline styles */
[style*="background:#4F47EB"], [style*="background: #4F47EB"] { background: #1a1a1a !important; border-radius: 0 !important; }
[style*="color:#4F47EB"], [style*="color: #4F47EB"] { color: #1a1a1a !important; }

/* Mobile Responsiveness */
@media (max-width: 992px) {
    .inky-rewards-hero-grid { grid-template-columns: 1fr !important; gap: 40px !important; } 
}
@media (max-width: 768px) {
    .inky-massive-points { font-size: 64px !important; }
    .wlr-user-reward-titles { overflow-x: auto !important; }
    .wlr-referral-box { flex-direction: column !important; align-items: stretch !important; padding: 12px !important; gap: 12px !important; }
    .wlr_referral_url { width: 100% !important; white-space: normal !important; text-align: center !important; padding: 8px !important; }
    .wlr-referral-box .input-group-append { width: 100% !important; text-align: center !important; justify-content: center !important; padding: 14px 20px !important; }
    .inky-timeline-row { flex-direction: column !important; align-items: flex-start !important; gap: 8px !important; }
    .inky-timeline-cell:nth-child(3) { padding: 0 !important; }
    
    /* Mobile table stack */
    .inky-coupon-manager .wlr-new-coupon-card, .inky-coupon-manager .wlr-reward-card { flex-direction: column !important; align-items: flex-start !important; gap: 12px !important; }
    .inky-coupon-manager .wlr-code-button { width: 100% !important; justify-content: space-between !important; }
}

/* --- SLEDGEHAMMER ALIGNMENT FIX --- */

/* 1. Force the wrapper to a specific height and make children stretch to fit it */
.inky-coupon-manager .wlr-code-button {
    display: flex !important;
    align-items: stretch !important; 
    height: 42px !important; 
}

/* 2. Strip explicit heights/padding from the children so they obey the wrapper */
.inky-coupon-manager .wlr-code,
.inky-coupon-manager .wlr-button-action,
.inky-coupon-manager .wlr-apply-coupon-btn {
    height: auto !important; 
    min-height: 0 !important; 
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    border-radius: 0 !important; /* Kills the slight rounding on the dashed box */
}

/* 3. Hide the rogue native copy icon if it's taking up invisible space */
.inky-coupon-manager .wlr-coupon-copy-icon {
    display: none !important;
}

/* --- STOP BUTTON FROM OVERFLOWING THE CONTAINER --- */

/* 1. Kill the hidden 100% width on the button wrapper so it stays inside */
.inky-coupon-manager .wlr-code-button {
    width: auto !important; 
    max-width: max-content !important;
    flex-shrink: 1 !important; /* Allows it to squeeze in if screen gets tight */
}

/* 2. Stop the left text area from hogging too much space */
.inky-coupon-manager .wlr-title-icon {
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

/* 3. Ensure the theme isn't applying absolute positioning to the button */
.inky-coupon-manager .wlr-apply-coupon-btn,
.inky-coupon-manager .wlr-button-action {
    position: static !important;
}

/* --- MAKE IT LOOK LIKE A REAL COPYABLE CODE --- */

/* 1. Hide the old 'CODE' text that was stuck inside the box */
.inky-coupon-manager .inky-code-prefix { 
    display: none !important; 
}

/* 2. Strip the box styling off the outer wrapper, turn it into a layout container */
.inky-coupon-manager .wlr-code {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    height: auto !important;
    gap: 12px !important; /* Creates the space between 'CODE' and the dashed box */
    display: flex !important;
    align-items: center !important;
}

/* 3. Write 'CODE' on the outside in grey using pure CSS */
.inky-coupon-manager .wlr-code::before {
    content: "CODE";
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    color: #999999 !important;
}

/* 4. Apply the dashed box design strictly to the inner code text */
.inky-coupon-manager .wlr-coupon-code {
    border: 1px dashed #d4d4d4 !important;
    background: #f8f8f8 !important;
    height: 44px !important;
    padding: 0 16px !important;
    border-radius: 6px !important; /* Soft corners make it look like a clickable UI tag */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.02) !important; /* Subtle depth */
}

/* Add a hover effect so the user knows they can click it */
.inky-coupon-manager .wlr-coupon-code:hover {
    background: #ebebeb !important;
    border-color: #1a1a1a !important;
}

/* 5. Force the actual code text to be green */
.inky-coupon-manager .wlr-coupon-code span:not(.inky-copy-icon) {
    color: #258A3E !important; 
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
}

/* Make expired codes dark grey instead of green */
.inky-coupon-manager .wlr-expired-card .wlr-coupon-code span:not(.inky-copy-icon) {
    color: #1a1a1a !important;
}

/* Ensure the paragraph inside doesn't warp the box height */
.inky-coupon-manager .wlr-coupon-code p {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important; /* Space between code and the little copy icon */
}/* End custom CSS */