.my-mail-page-heading {
    font-size: 14px !important;
    color: #64748b !important;
    font-style: italic !important;
    font-weight: 300 !important;
    line-height: 1.6 !important;
}
/* ── TOOLBAR ── */
.toolbar{background:#fff;border-bottom:1px solid #f1f5f9;position:sticky;top:0;z-index:10}
.toolbar .container{padding-top:1.5rem;padding-bottom:1.5rem}
.toolbar-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}
.section-title{font-family:"Arial Black",sans-serif;font-weight:900;font-size:1.25rem;color:#0f172a}
.doc-count{font-size:0.75rem;color:#94a3b8;font-weight:300;margin-top:0.1rem}
.btn-primary{background:#eb5c23;color:#fff;border:none;border-radius:0.75rem;padding:0.5rem 1rem;font-size:0.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:0.375rem;transition:background 0.2s,box-shadow 0.2s;box-shadow:0 1px 3px rgba(0,0,0,0.1)}
.btn-primary:hover{background:#d14e1a;box-shadow:0 4px 12px rgba(235,92,35,0.3)}
.toolbar-filters{display:flex;align-items:center;gap:0.75rem;flex-wrap:wrap}
.search-wrap{position:relative;flex:1;max-width:32rem}
.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);pointer-events:none}
.search-input{width:100% !important;padding:0.625rem 1rem 0.625rem 2.75rem !important;background:#fff !important;border:1px solid #e2e8f0 !important;border-radius:1rem;font-size:0.875rem !important;outline:none;transition:box-shadow 0.2s,border-color 0.2s}
.search-input:focus{border-color:#eb5c23;box-shadow:0 0 0 3px rgba(235,92,35,0.12)}
.filter-wrap{display:flex;align-items:center;gap:0.375rem;background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:0.5rem 0.75rem}
.filter-wrap select{font-size:0.875rem;color:#475569;background:transparent;border:none;outline:none;cursor:pointer}
.view-toggle{display:flex;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:0.25rem;gap:0.25rem}
.toggle-btn{padding:0.5rem;border:none;background:transparent;border-radius:0.75rem;cursor:pointer;color:#94a3b8;transition:background 0.2s,color 0.2s;display:flex;align-items:center;justify-content:center}
.toggle-btn:hover{color:#475569}
.toggle-btn.active{background:#eb5c23;color:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.15)}

/* ── MAIN ── */
.main-content{padding:2.5rem 0}

/* ── LIST VIEW ── */
.list-view{display:flex;flex-direction:column;gap:0.75rem}
.card-list{position:relative;background:#fff;border-radius:1rem;border:1px solid rgba(226,232,240,0.6);transition:box-shadow 0.3s,transform 0.2s}
.card-list:hover{box-shadow:0 10px 25px rgba(0,0,0,0.1);}
.card-list-stripe{position:absolute;left:0;top:0;bottom:0;width:4px}
.card-list-inner{display:flex;align-items:flex-start;padding:1.5rem;gap:1.25rem}
.card-icon{flex-shrink:0;width:3.5rem;height:3.5rem;border-radius:0.75rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 1px 4px rgba(0,0,0,0.1);transition:transform 0.2s}
.card-icon:hover{transform:scale(1.1) rotate(5deg)}
.card-body{flex:1;min-width:0}
.card-header-row{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:0.25rem;gap:1rem}
.card-title{font-size:1rem;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}
.badge{flex-shrink:0;padding:0.375rem 0.875rem;border-radius:9999px;font-size:0.75rem;font-weight:500}
.card-date{display:flex;align-items:center;gap:0.375rem;font-size:0.75rem;color:#64748b;font-weight:300;margin-bottom:1.25rem}
.card-actions{display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap}
.btn-orange{background:#eb5c23;color:#fff;border:none;border-radius:0.75rem;padding:0.4rem 0.875rem;font-size:0.8rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:0.375rem;transition:background 0.2s,box-shadow 0.2s}
.btn-orange:hover{background:#d14e1a;box-shadow:0 4px 12px rgba(235,92,35,0.3)}
.btn-blue{background:transparent;color:#357bbf;border:1px solid #357bbf;border-radius:0.75rem;padding:0.4rem 0.875rem;font-size:0.8rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:0.375rem;transition:background 0.2s,color 0.2s}
.btn-blue:hover{background:#357bbf;color:#fff; text-decoration: none !important;}
.btn-more{background:transparent;color:#357bbf;border:1px solid #357bbf;border-radius:0.75rem;padding:0.4rem 0.6rem;cursor:pointer;display:flex;align-items:center;transition:background 0.2s,color 0.2s;position:relative}
.btn-more:hover{background:#357bbf;color:#fff}
.btn-destruct{background:transparent;color:#f9a8d4;border:none;border-radius:0.75rem;padding:0.4rem 0.75rem;font-size:0.8rem;cursor:pointer;display:flex;align-items:center;gap:0.375rem;transition:background 0.2s;margin-left:auto}
.btn-destruct:hover{background:rgba(249,168,212,0.1)}

/* Dropdown */
.dropdown{position:relative;display:inline-flex}
.dropdown-menu{display:none;position:absolute;top:calc(100% + 6px);right:0;background:#fff;border:1px solid #e2e8f0;border-radius:0.75rem;box-shadow:0 10px 25px rgba(0,0,0,0.12);min-width:180px;z-index:100;overflow:hidden}
.dropdown-menu.open{display:block}
.dropdown-item{display:flex;align-items:center;gap:0.5rem;padding:0.625rem 1rem;font-size:0.875rem;color:#374151;cursor:pointer;transition:background 0.15s}
.dropdown-item:hover{background:#f8fafc}
.dropdown-item.red{color:#ef4444}
.dropdown-item.red:hover{background:#fef2f2}

/* ── GRID VIEW ── */
#gridView {
    flex-wrap: wrap;
    gap: 20px;
}
.card-grid{background:#fff;border-radius:1rem;border:1px solid rgba(226,232,240,0.6);width:23%;transition:box-shadow 0.3s,transform 0.2s}
.card-grid:hover{box-shadow:0 10px 25px rgba(0,0,0,0.1);}
.card-grid-header{padding:1.5rem 1.25rem 2rem;display:flex;flex-direction:column;align-items:center;position:relative}
.card-grid-badge{position:absolute;top:0.75rem;right:0.75rem;padding:0.25rem 0.75rem;border-radius:9999px;font-size:0.7rem;font-weight:500}
.card-grid-icon{width:4rem;height:4rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 1px 4px rgba(0,0,0,0.1)}
.card-grid-body{padding:1rem;position:relative}
.card-grid-stripe{position:absolute;left:0;top:0;bottom:0;width:4px}
.card-grid-title{font-size:0.875rem;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:0.5rem;margin-bottom:0.25rem}
.card-grid-date{display:flex;align-items:center;gap:0.375rem;font-size:0.75rem;color:#94a3b8;margin-bottom:0.75rem;padding-left:0.5rem}
.card-grid-actions{display:flex;gap:0.375rem}
.btn-grid-main{flex:1;background:#eb5c23;color:#fff;border:none;border-radius:0.75rem;padding:0.375rem 0;font-size:0.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:0.25rem;transition:background 0.2s}
.btn-grid-main:hover{background:#d14e1a}
.btn-grid-dl{background:transparent;color:#357bbf;border:1px solid #357bbf;border-radius:0.75rem;padding:0.375rem 0.5rem;cursor:pointer;display:flex;align-items:center;transition:background 0.2s,color 0.2s}
.btn-grid-dl:hover{background:#357bbf;color:#fff}
.btn-grid-more{background:transparent;color:#64748b;border:1px solid #e2e8f0;border-radius:0.75rem;padding:0.375rem 0.5rem;cursor:pointer;display:flex;align-items:center;transition:background 0.2s;position:relative}
.btn-grid-more:hover{background:#f8fafc}

/* ── EMPTY STATE ── */
.empty-state{text-align:center;padding:6rem 2rem;background:#fff;border-radius:1rem;border:1px solid rgba(226,232,240,0.6)}
.empty-icon{width:5rem;height:5rem;margin:0 auto 1rem;background:#fff7ed;border-radius:50%;display:flex;align-items:center;justify-content:center}
.empty-state p{color:#94a3b8;font-size:1.125rem;font-weight:300}

/* ── MODAL ── */
.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.4);backdrop-filter:blur(4px);z-index:200;align-items:center;justify-content:center;padding:1rem}
.modal-overlay.open{display:flex}
.modal{background:#fff;border-radius:1rem;overflow:hidden;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 60px rgba(0,0,0,0.25);animation:modalIn 0.2s ease}
@keyframes modalIn{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}
.modal-header{position:relative;padding:2rem}
.modal-header-content{display:flex;align-items:flex-start;gap:1rem}
.modal-icon{width:3.5rem;height:3.5rem;background:rgba(255,255,255,0.2);backdrop-filter:blur(4px);border-radius:0.75rem;display:flex;align-items:center;justify-content:center;font-size:1.75rem;flex-shrink:0}
.modal-title{font-family:"Arial Black",sans-serif;font-size:1.5rem;font-weight:300;color:#fff;margin-bottom:0.5rem}
.modal-meta{display:flex;align-items:center;gap:1rem;color:rgba(255,255,255,0.9);font-size:0.875rem}
.modal-date{display:flex;align-items:center;gap:0.375rem}
.modal-badge{padding:0.25rem 0.75rem;background:rgba(255,255,255,0.2);border-radius:9999px;font-size:0.75rem}
.modal-close{position:absolute;top:1rem;right:1rem;background:rgba(255,255,255,0.2);border:none;border-radius:9999px;width:2.25rem;height:2.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s}
.modal-close:hover{background:rgba(255,255,255,0.35)}
.modal-body{padding:2rem;background:rgba(248,247,235,0.3)}
.modal-preview{background:#fff;border-radius:0.75rem;padding:4rem 2rem;text-align:center;border:1px solid rgba(226,232,240,0.3)}
.modal-preview-icon{width:5rem;height:5rem;border-radius:0.75rem;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center}
.modal-preview-title{color:#475569;font-size:1.125rem;font-weight:300;margin-bottom:0.5rem}
.modal-preview-subtitle{color:#94a3b8;font-size:0.875rem;font-weight:300}

/* ── TOAST ── */
.toast{position:fixed;bottom:1.5rem;right:1.5rem;background:#1e293b;color:#fff;padding:0.75rem 1.25rem;border-radius:0.75rem;font-size:0.875rem;opacity:0;transform:translateY(1rem);transition:opacity 0.3s,transform 0.3s;pointer-events:none;z-index:300;max-width:320px}
.toast.show{opacity:1;transform:translateY(0)}

.card-icon,
.card-grid-icon{
display:flex;
align-items:center;
justify-content:center;
border-radius:8px;
}

.card-icon img,
.card-grid-icon img{
width:18px;
height:18px;
object-fit:contain;
display:block;
}
.tagdiv-type img{
margin-bottom: 0 !important;
}

.mjb-variation-cards{
display:flex;
gap:15px;
flex-wrap:wrap;
}

.mjb-card{
padding:10px 15px;
    border: 2px solid #ebebeb;
    border-radius: 14px;
    background: #ffffff;
cursor:pointer;
min-width:240px;
display: flex;
    flex-direction: column;
    justify-content: center;
min-height: 60px;
transition: transform 0.3s ease, border-color 0.3s ease;
}

.mjb-card.active{
    border-color: #EB5C23;
    background: #fef0e5;
}

.mjb-card-title p {
    margin: 0;
font-size: 16px;
line-height: 20px;
font-family: 'Lexend';
    font-weight: bold;
color: #EB5C23;
}

.mjb-card-desc p {
 margin: 2px 0 0 0;
    font-size: 12px;
    color: #777;
    line-height: 12px;
    font-family: 'Lexend';
    font-weight: bold;
}
.mjb-price-row{
display:flex;
align-items:center;
gap:15px;
}

.mjb-price-label{
font-size:21px;
font-weight:700;
text-transform:uppercase;
color:#999;
margin-bottom:5px;

}

.mjb-price-value{
font-size:42px;
font-weight:800;
color:#f26522;
}

.mjb-price-desc{
font-size:14px;
color:#555;
}
.variations th.label{
display:none;
}
.reset_variations{
display:none !important;
}
.single_variation{
display:none !important;
}
.single_variation_wrap{
display:none;
}
.mjb-price-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 0;
    gap: 15px;
width: 100%;
}

.mjb-price-value  .woocommerce-Price-amount {
    color: #EB5C23 !important;
}
.price-box-wrapper {
    display: flex;
    gap: 10px;
    align-items: center;
}
.variation-price-value {
    margin: 0;
    font-size: 16px;
    line-height: 16px;
}

.variation-save-text {
    margin: 5px 0 0 0;
    font-size: 14px;
    line-height: 14px;
    color: green;
    font-weight: 600;
}
.mjb-attribute-title {
    color: #8a8b8b;
    font-weight: 600;
    font-size: 16px;
}
.main-variaton-title h3 {
    color: #EB5C23;
    font-weight: 700;
    font-size: 20px;
}
.product_meta {
    display: none;
}

.quantity {
    display: none !important;
}
.single_add_to_cart_button, .wc-variation-selection-needed {
    width: 100% !important;
    background: #EB5C23 !important;
    padding: 15px 0 !important;
    border: 1px solid transparent !important;
    border-radius: 25px !important;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover,.single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed{
background: rgb(209, 78, 26) !important; 

}
.mjb-card:hover {
    transform: scale(1.07);
    border-color: #EB5C23;
}
.mjb-card-image img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.mjb-card-inner {
    display: flex;
    justify-content: space-between;
}
@media (max-width: 767px) {
.card-grid {
    width: 45%;
}
.card-grid-actions{
flex-wrap: wrap;
}
  }