/* Remove the old direct DROP order button from product pages. */
.md-bulk-actions button[name="md_bulk_mode"][value="drop"],
.md-bulk-actions input[name="md_bulk_mode"][value="drop"]{
    display:none!important;
}

/* Майстерня вбудовується у праву колонку Native Cabinet.
   Існуюче ліве меню WooCommerce не приховується. */
body.nm-drop-workshop-page .woocommerce-MyAccount-content{
    min-width:0;
}
.nm-drop-account-shell{
    display:grid;
    grid-template-columns:250px minmax(0,1fr);
    gap:22px;
    margin:20px auto 55px;
}
.nm-drop-account-side{
    position:sticky;
    top:94px;
    align-self:start;
    padding:14px;
    border:1px solid #dfe9e6;
    border-radius:22px;
    background:#fff;
    box-shadow:0 10px 30px rgba(6,55,44,.05);
}
.nm-drop-account-brand{
    display:flex;
    align-items:center;
    gap:10px;
    padding:8px 8px 15px;
    margin-bottom:8px;
    border-bottom:1px solid #e8efed;
}
.nm-drop-account-brand>span{
    display:grid;
    width:40px;
    height:40px;
    place-items:center;
    border-radius:12px;
    background:#0b3d2e;
    color:#fff;
    font-weight:800;
}
.nm-drop-account-brand strong,
.nm-drop-account-brand small{
    display:block;
}
.nm-drop-account-brand small{
    color:#7a8b87;
    font-size:10px;
    text-transform:uppercase;
}
.nm-drop-account-side nav{
    display:grid;
    gap:4px;
}
.nm-drop-account-side nav a{
    display:flex;
    align-items:center;
    gap:9px;
    padding:10px 12px;
    border-radius:12px;
    color:#253631;
    font-weight:650;
    text-decoration:none!important;
}
.nm-drop-account-side nav a.is-active,
.nm-drop-account-side nav a:hover{
    background:#eaf5f1;
    color:#0b3d2e;
}
.nm-drop-account-main{
    min-width:0;
}

.nm-drop-workshop-root{
    color:#152125;
}
.nm-drop-workshop-hero{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:22px;
    padding:24px;
    margin-bottom:14px;
    border-radius:22px;
    background:linear-gradient(135deg,#062f38,#0e5664 58%,#62b6b7);
    color:#fff;
}
.nm-drop-workshop-hero span{
    color:#d5edeb;
    font-size:12px;
    font-weight:800;
    letter-spacing:.09em;
}
.nm-drop-workshop-hero h2{
    margin:4px 0 8px;
    color:#fff;
    font-size:30px;
}
.nm-drop-workshop-hero p{
    max-width:760px;
    margin:0;
    color:#e3f2ef;
}
.nm-drop-hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
.nm-drop-workshop-tabs{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    margin-bottom:18px;
    padding:7px;
    border:1px solid #dbe8e4;
    border-radius:16px;
    background:#fff;
}
.nm-drop-workshop-tabs a{
    padding:11px 12px;
    border-radius:11px;
    color:#44625a;
    font-weight:800;
    text-align:center;
    text-decoration:none!important;
}
.nm-drop-workshop-tabs a.is-active{
    background:#0b3d2e;
    color:#fff;
}
.nm-drop-workshop-tabs a.is-disabled{
    opacity:.45;
    cursor:not-allowed;
}

.nm-drop-product-list{
    display:grid;
    gap:16px;
}
.nm-drop-product-card{
    overflow:hidden;
    border:1px solid #dfe9e6;
    border-radius:22px;
    background:#fff;
    box-shadow:0 10px 28px rgba(8,62,53,.05);
}
.nm-drop-card-toggle{
    display:grid;
    width:100%;
    grid-template-columns:108px minmax(0,1fr) auto auto;
    gap:16px;
    align-items:center;
    padding:15px;
    border:0;
    background:#fff;
    color:#152125;
    text-align:left;
    cursor:pointer;
}
.nm-drop-card-toggle:hover{
    background:#f8fbfa;
}
.nm-drop-product-image{
    display:flex;
    width:108px;
    height:92px;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border-radius:15px;
    background:#f5f8f7;
}
.nm-drop-product-image img{
    width:100%;
    height:100%;
    object-fit:contain;
}
.nm-drop-product-title{
    min-width:0;
}
.nm-drop-product-title>strong{
    display:block;
    margin:6px 0 4px;
    font-size:21px;
    line-height:1.15;
}
.nm-drop-product-title>small{
    display:block;
    color:#74857f;
}
.nm-drop-badge{
    display:inline-flex;
    padding:4px 8px;
    border-radius:999px;
    background:#e3f7ed;
    color:#176c45;
    font-size:10px;
    font-weight:850;
    text-transform:uppercase;
}
.nm-drop-card-price{
    display:grid;
    grid-template-columns:auto auto;
    gap:2px 8px;
    min-width:135px;
}
.nm-drop-card-price small{
    color:#74857f;
}
.nm-drop-card-price b{
    text-align:right;
}
.nm-drop-card-open{
    padding:8px 10px;
    border-radius:10px;
    background:#edf5f2;
    color:#0b3d2e;
    font-size:12px;
    font-weight:800;
    white-space:nowrap;
}
.nm-drop-card-toggle[aria-expanded="true"] .nm-drop-card-open{
    background:#0b3d2e;
    color:#fff;
}
.nm-drop-card-details{
    padding:0 18px 18px;
    border-top:1px solid #e8efed;
}
.nm-drop-product-overview{
    display:grid;
    grid-template-columns:minmax(280px,.8fr) minmax(320px,1.2fr);
    gap:18px;
    padding:18px 0;
}
.nm-drop-gallery{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
}
.nm-drop-gallery>div{
    display:flex;
    min-height:105px;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border-radius:13px;
    background:#f6f9f8;
}
.nm-drop-gallery img{
    width:100%;
    height:100%;
    max-height:160px;
    object-fit:contain;
}
.nm-drop-description{
    color:#50655f;
    line-height:1.6;
}
.nm-drop-description>*:first-child{
    margin-top:0;
}
.nm-drop-parent-attrs{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:14px;
}
.nm-drop-parent-attrs span,
.nm-drop-attrs span{
    min-width:95px;
    padding:7px 9px;
    border-radius:10px;
    background:#f2f7f5;
}
.nm-drop-parent-attrs small,
.nm-drop-parent-attrs strong,
.nm-drop-attrs small,
.nm-drop-attrs strong{
    display:block;
}
.nm-drop-parent-attrs small,
.nm-drop-attrs small{
    color:#758680;
    font-size:10px;
}
.nm-drop-variation-table-wrap{
    overflow:auto;
}
.nm-drop-variation-table{
    width:100%;
    min-width:700px;
    border-collapse:collapse;
}
.nm-drop-variation-table th,
.nm-drop-variation-table td{
    padding:12px;
    border-top:1px solid #e8efed;
    text-align:left;
    vertical-align:middle;
}
.nm-drop-attrs{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
.nm-drop-qty{
    width:85px!important;
    min-height:42px;
    padding:7px 9px!important;
    border:1px solid #cadbd6!important;
    border-radius:10px!important;
}
.nm-drop-simple-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:16px 0;
    border-top:1px solid #e8efed;
}
.nm-drop-simple-row label{
    display:flex;
    align-items:center;
    gap:10px;
    font-weight:750;
}
.nm-drop-product-actions{
    display:flex;
    justify-content:flex-end;
    gap:14px;
    padding-top:14px;
    border-top:1px solid #e8efed;
}
.nm-drop-product-actions a{
    color:#0b3d2e;
    font-weight:750;
}
.nm-drop-product-actions a.danger{
    color:#b83d3d;
}
.nm-drop-workshop-footer{
    position:sticky;
    bottom:10px;
    z-index:30;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-top:20px;
    padding:16px 18px;
    border:1px solid #d4e4df;
    border-radius:18px;
    background:#fff;
    box-shadow:0 12px 32px rgba(0,0,0,.14);
}
.nm-drop-workshop-footer strong,
.nm-drop-workshop-footer small{
    display:block;
}
.nm-drop-workshop-footer small{
    max-width:710px;
    margin-top:3px;
    color:#687975;
}
.nm-drop-primary-btn,
.nm-drop-secondary-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:13px 18px;
    border:0;
    border-radius:14px;
    font-weight:800;
    text-decoration:none!important;
    cursor:pointer;
}
.nm-drop-primary-btn{
    background:#0b3d2e;
    color:#fff!important;
}
.nm-drop-secondary-btn{
    border:1px solid rgba(255,255,255,.36);
    background:rgba(255,255,255,.12);
    color:#fff!important;
}
.nm-drop-empty{
    padding:32px;
    border:1px dashed #bfd2cc;
    border-radius:20px;
    background:#fff;
    text-align:center;
}
.nm-drop-empty strong{
    font-size:22px;
}
.nm-drop-empty p{
    color:#687975;
}

.nm-drop-checkout-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 360px;
    gap:20px;
}
.nm-drop-checkout-card,
.nm-drop-order-summary{
    padding:20px;
    border:1px solid #dfe9e6;
    border-radius:22px;
    background:#fff;
    box-shadow:0 10px 28px rgba(8,62,53,.05);
}
.nm-drop-checkout-card h3,
.nm-drop-order-summary h3{
    margin:0 0 16px;
}
.nm-drop-form-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:13px;
}
.nm-drop-form-grid label{
    font-weight:700;
}
.nm-drop-form-grid label.full{
    grid-column:1/-1;
}
.nm-drop-form-grid input,
.nm-drop-form-grid textarea{
    display:block;
    width:100%;
    margin-top:6px;
    padding:11px 12px;
    border:1px solid #cadbd6;
    border-radius:12px;
    background:#f9fcfb;
}
.nm-drop-payment-choice{
    display:grid;
    gap:10px;
    margin-bottom:16px;
}
.nm-drop-payment-choice label{
    display:flex;
    gap:10px;
    align-items:flex-start;
    padding:13px;
    border:1px solid #d9e5e1;
    border-radius:14px;
    cursor:pointer;
}
.nm-drop-payment-choice strong,
.nm-drop-payment-choice small{
    display:block;
}
.nm-drop-payment-choice small{
    color:#687975;
}
.nm-drop-mandatory-delivery{
    padding:15px;
    margin:16px 0;
    border-left:4px solid #d8eb42;
    border-radius:14px;
    background:#fbffe7;
}
.nm-drop-mandatory-delivery p{
    margin:5px 0 0;
}
.nm-drop-wide-btn{
    width:100%;
}
.nm-drop-summary-item{
    display:grid;
    grid-template-columns:58px minmax(0,1fr) auto;
    gap:10px;
    align-items:center;
    padding:10px 0;
    border-bottom:1px solid #e8efed;
}
.nm-drop-summary-item img{
    width:58px;
    height:58px;
    object-fit:contain;
}
.nm-drop-summary-item p{
    margin:0;
}
.nm-drop-summary-item strong,
.nm-drop-summary-item small{
    display:block;
}
.nm-drop-summary-item small{
    color:#687975;
}
.nm-drop-summary-total{
    display:grid;
    grid-template-columns:1fr auto;
    gap:10px;
    padding-top:16px;
}
.nm-drop-summary-total small{
    grid-column:1/-1;
    color:#687975;
}

@media(max-width:980px){
    .nm-drop-account-shell{
        grid-template-columns:1fr;
    }
    .nm-drop-account-side{
        position:static;
    }
    .nm-drop-account-side nav{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .nm-drop-product-overview{
        grid-template-columns:1fr;
    }
    .nm-drop-checkout-layout{
        grid-template-columns:1fr;
    }
}
@media(max-width:760px){
    .nm-drop-workshop-hero,
    .nm-drop-workshop-footer{
        display:block;
    }
    .nm-drop-hero-actions{
        margin-top:14px;
    }
    .nm-drop-workshop-footer .nm-drop-primary-btn{
        width:100%;
        margin-top:14px;
    }
    .nm-drop-card-toggle{
        grid-template-columns:78px minmax(0,1fr);
    }
    .nm-drop-product-image{
        width:78px;
        height:75px;
    }
    .nm-drop-card-price,
    .nm-drop-card-open{
        grid-column:1/-1;
    }
    .nm-drop-card-price{
        grid-template-columns:1fr auto;
    }
    .nm-drop-card-open{
        text-align:center;
    }
    .nm-drop-workshop-tabs{
        grid-template-columns:1fr;
    }
}
@media(max-width:560px){
    .nm-drop-account-side nav{
        grid-template-columns:1fr;
    }
    .nm-drop-workshop-hero h2{
        font-size:24px;
    }
    .nm-drop-gallery{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .nm-drop-form-grid{
        grid-template-columns:1fr;
    }
    .nm-drop-form-grid label.full{
        grid-column:auto;
    }
}


/* =========================
   3.0.2 cabinet layout fix
   ========================= */

/*
 * Майстерня має власну оболонку:
 * 250 px — бокове меню, решта — контент.
 * Жодних глобальних змін display для .woocommerce.
 */
body.nm-drop-workshop-page .woocommerce-MyAccount-navigation{
    display:none !important;
}

body.nm-drop-workshop-page .woocommerce-MyAccount-content{
    width:100% !important;
    max-width:none !important;
    float:none !important;
    min-width:0 !important;
}

body.nm-drop-workshop-page .nm-drop-account-shell{
    display:grid !important;
    grid-template-columns:250px minmax(0,1fr) !important;
    width:100% !important;
    max-width:1320px !important;
    min-width:0 !important;
    gap:22px !important;
    margin:0 auto 55px !important;
    padding:16px !important;
    box-sizing:border-box !important;
}

body.nm-drop-workshop-page .nm-drop-account-side,
body.nm-drop-workshop-page .nm-drop-account-main,
body.nm-drop-workshop-page .nm-drop-workshop-root,
body.nm-drop-workshop-page .nm-drop-workshop-hero,
body.nm-drop-workshop-page .nm-drop-product-list,
body.nm-drop-workshop-page .nm-drop-product-card,
body.nm-drop-workshop-page .nm-dsp-embedded,
body.nm-drop-workshop-page .nm-dsp-hero,
body.nm-drop-workshop-page .nm-dsp-card{
    min-width:0 !important;
    box-sizing:border-box !important;
}

body.nm-drop-workshop-page .nm-drop-account-main,
body.nm-drop-workshop-page .nm-drop-workshop-root,
body.nm-drop-workshop-page .nm-dsp-embedded{
    width:100% !important;
    max-width:none !important;
}

body.nm-drop-workshop-page .nm-drop-workshop-hero{
    width:100% !important;
}

body.nm-drop-workshop-page .nm-drop-card-toggle{
    width:100% !important;
    min-width:0 !important;
}

body.nm-drop-workshop-page .nm-drop-product-title,
body.nm-drop-workshop-page .nm-drop-product-copy,
body.nm-drop-workshop-page .nm-drop-description{
    min-width:0 !important;
    overflow-wrap:anywhere;
}

body.nm-drop-workshop-page .nm-dsp-shell{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
}

body.nm-drop-workshop-page .nm-dsp-main{
    width:100% !important;
    min-width:0 !important;
}

@media(max-width:980px){
    body.nm-drop-workshop-page .nm-drop-account-shell{
        grid-template-columns:1fr !important;
        padding:10px !important;
    }

    body.nm-drop-workshop-page .nm-drop-account-side{
        position:static !important;
    }
}


/* =========================
   3.0.3 — вирівнювання кабінету лівіше
   WoodMart залишав 25% місця під приховане стандартне меню.
   ========================= */
body.nm-drop-workshop-page .woocommerce-my-account-wrapper{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
}

body.nm-drop-workshop-page .woocommerce{
    display:block !important;
    width:100% !important;
    max-width:none !important;
}

body.nm-drop-workshop-page .woocommerce-MyAccount-content{
    display:block !important;
    flex:0 0 100% !important;
    flex-basis:100% !important;
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
}

body.nm-drop-workshop-page .nm-drop-account-shell{
    width:calc(100% - 32px) !important;
    max-width:1380px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

/* Додаткові селектори WoodMart, які можуть резервувати ліву колонку. */
body.nm-drop-workshop-page .wd-my-account-sidebar,
body.nm-drop-workshop-page .wd-my-account-navigation{
    display:none !important;
}

body.nm-drop-workshop-page .wd-my-account-content{
    flex:0 0 100% !important;
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
}

@media(min-width:981px){
    body.nm-drop-workshop-page .nm-drop-account-shell{
        transform:translateX(-18px);
    }
}

@media(max-width:980px){
    body.nm-drop-workshop-page .nm-drop-account-shell{
        width:calc(100% - 20px) !important;
        transform:none !important;
    }
}


/* =========================
   3.0.4 — центрування під контейнер теми / футер
   ========================= */
body.nm-drop-workshop-page .woocommerce-my-account-wrapper,
body.nm-drop-workshop-page .woocommerce,
body.nm-drop-workshop-page .woocommerce-MyAccount-content,
body.nm-drop-workshop-page .wd-my-account-content{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
}

body.nm-drop-workshop-page .nm-drop-account-shell{
    width:min(calc(100% - 32px), var(--wd-container-w, 1222px)) !important;
    max-width:var(--wd-container-w, 1222px) !important;
    margin:0 auto 55px !important;
    padding:16px 0 !important;
    transform:none !important;
}

@media(max-width:980px){
    body.nm-drop-workshop-page .nm-drop-account-shell{
        width:calc(100% - 20px) !important;
        padding:10px 0 !important;
        transform:none !important;
    }
}


/* =========================
   3.0.5 — точне центрування відносно сторінки
   ========================= */
@media(min-width:981px){
    body.nm-drop-workshop-page .nm-drop-account-shell{
        position:relative !important;
        left:calc(50vw - 50%) !important;
        width:min(calc(100vw - 40px), var(--wd-container-w, 1222px)) !important;
        max-width:var(--wd-container-w, 1222px) !important;
        margin-left:auto !important;
        margin-right:auto !important;
        transform:none !important;
    }
}

@media(max-width:980px){
    body.nm-drop-workshop-page .nm-drop-account-shell{
        position:relative !important;
        left:auto !important;
        width:calc(100% - 20px) !important;
        margin-left:auto !important;
        margin-right:auto !important;
        transform:none !important;
    }
}