.wc-product-form {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    background: #f9f9f9;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.wc-product-form .form-section {
    margin-bottom: 30px;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #ddd;
}

.wc-product-form h3 {
    margin-top: 0;
    color: #333;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.wc-product-form .form-group {
    margin-bottom: 15px;
}

.wc-product-form label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

.wc-product-form input[type="text"],
.wc-product-form input[type="number"],
.wc-product-form input[type="datetime-local"],
.wc-product-form textarea,
.wc-product-form select {
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: border-color 0.3s ease;
}

.wc-product-form input[type="text"]:focus,
.wc-product-form input[type="number"]:focus,
.wc-product-form input[type="datetime-local"]:focus,
.wc-product-form textarea:focus,
.wc-product-form select:focus {
    border-color: #4CAF50;
    outline: none;
    box-shadow: 0 0 5px rgba(76, 175, 80, 0.2);
}

.wc-product-form input[type="file"] {
    display: block;
    margin-top: 5px;
}

.wc-product-form .dimensions-fields {
    display: flex;
    gap: 10px;
}

.wc-product-form .dimensions-fields input {
    flex: 1;
}

.wc-product-form .attribute-group {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
    align-items: flex-start;
}

.wc-product-form .attribute-group .form-group {
    flex: 1;
    margin-bottom: 0;
}

.wc-product-form .remove-attribute-btn {
    background: #ff6b6b;
    color: white;
    border: none;
    padding: 8px 12px;
    border-radius: 3px;
    cursor: pointer;
    transition: background 0.3s ease;
    margin-top: 2px;
}

.wc-product-form .remove-attribute-btn:hover {
    background: #e05555;
}

.wc-product-form .submit-btn {
    background: #4CAF50;
    color: white;
    border: none;
    padding: 12px 30px;
    font-size: 16px;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.3s ease;
}

.wc-product-form .submit-btn:hover {
    background: #45a049;
}

.wc-product-form .submit-btn:disabled {
    background: #ccc;
    cursor: not-allowed;
}

.wc-product-form-success {
    padding: 15px;
    background: #dff0d8;
    color: #3c763d;
    border: 1px solid #d6e9c6;
    border-radius: 4px;
    margin-bottom: 20px;
}

.wc-product-form-error {
    padding: 15px;
    background: #f2dede;
    color: #a94442;
    border: 1px solid #ebccd1;
    border-radius: 4px;
    margin-bottom: 20px;
}

/* دکمه ویرایش در برگه محصول */
.wc-edit-btn {
    display: inline-block;
    padding: 12px 24px;
    background: #4CAF50;
    color: white !important;
    border-radius: 4px;
    text-decoration: none !important;
    font-weight: bold;
    transition: background 0.3s ease;
}

.wc-edit-btn:hover {
    background: #45a049;
    color: white !important;
    text-decoration: none !important;
}

/* استایل گالری تصاویر */
.gallery-image-item {
    position: relative;
    display: inline-block;
    margin: 5px;
}

.gallery-image-item .remove-gallery-image {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #ff6b6b;
    color: white;
    border: none;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    transition: background 0.3s ease;
}

.gallery-image-item .remove-gallery-image:hover {
    background: #e05555;
}

/* ریسپانسیو */
@media (max-width: 768px) {
    .wc-product-form .attribute-group {
        flex-direction: column;
    }
    
    .wc-product-form .dimensions-fields {
        flex-direction: column;
    }
    
    .wc-product-form .form-submit {
        text-align: center;
    }
    
    .wc-product-form .form-submit .button {
        display: block;
        margin: 10px 0;
    }
}

/* انیمیشن‌ها */
.wc-product-form .attribute-group {
    transition: all 0.3s ease;
}

.wc-product-form .stock-fields {
    transition: all 0.3s ease;
}
.wcpf-help{color:#667085;margin:-4px 0 14px}.wcpf-global-attribute{border:1px solid #e1e5ea;border-radius:10px;padding:12px;margin:10px 0;background:#fff}.wcpf-attr-title{display:flex;justify-content:space-between;gap:10px;align-items:center}.wcpf-attr-body{padding-top:12px}.wcpf-term-grid{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px}.wcpf-term-chip{border:1px solid #d8dde3;border-radius:8px;padding:7px 10px;background:#fafafa}.wcpf-attr-flags{display:flex;gap:18px;flex-wrap:wrap}.wcpf-var-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.variation-item.wcpf-invalid{border-color:#d92d20!important;box-shadow:0 0 0 1px #d92d20}.variation-image-field img{display:block;margin-top:8px;border-radius:8px}
@media(max-width:640px){.wcpf-attr-title,.wcpf-var-head{align-items:stretch;flex-direction:column}.wcpf-term-chip{flex:1 1 calc(50% - 8px)}.variation-item .variation-fields,.variation-item .variation-attributes{grid-template-columns:1fr!important}}

.wcpf-separator{border:0;border-top:1px solid #e5e7eb;margin:22px 0}.wcpf-custom-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.wcpf-custom-attribute{border:1px dashed #cfd5dc;border-radius:10px;padding:12px;margin:10px 0;background:#fcfcfd}.wcpf-field-error{border-color:#d92d20!important;box-shadow:0 0 0 1px #d92d20!important}.wcpf-inline-error{display:block;color:#b42318;margin-top:5px}.wcpf-preserved{padding:10px 12px;border-radius:8px;background:#fff7e6;color:#8a5700;margin:10px 0}.wcpf-jalali-date{cursor:pointer;background:#fff}.wcpf-jcal{position:absolute;z-index:1000000;width:290px;background:#fff;border:1px solid #d8dde3;border-radius:12px;padding:10px;box-shadow:0 14px 35px #0002;direction:rtl}.jhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.jhead button{border:0;background:#f3f4f6;border-radius:7px;width:34px;height:34px;cursor:pointer}.jdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.jdays b,.jdays i,.jdays button{height:34px;display:flex;align-items:center;justify-content:center}.jdays button{border:0;background:#f8fafc;border-radius:7px;cursor:pointer}.jdays button:hover{background:#e8f1fb}.variation-item .wcpf-field-error{background:#fff5f5}
@media(max-width:640px){.wcpf-custom-head{align-items:stretch;flex-direction:column}.wcpf-custom-head .button{width:100%}.wcpf-jcal{width:min(290px,calc(100vw - 24px));left:12px!important}}

.wcpf-jcal .jdays button.is-today{font-weight:800!important;outline:2px solid currentColor!important;background:#eef6ff!important}
.wcpf-alt-field{margin-top:8px}.wcpf-gallery-alt{width:100%!important;margin-top:6px!important;font-size:12px!important}
.wp-editor-wrap{direction:rtl}.wp-editor-area{direction:rtl;font-family:inherit!important}
#generate-all-variations{margin-inline-start:8px}

.wc-product-form{max-width:1100px!important}
.wcpf-jcal{box-sizing:border-box!important;overflow:hidden!important;width:310px!important;max-width:calc(100vw - 24px)!important}
.wcpf-jcal .jdays{width:100%!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:3px!important}
.wcpf-jcal .jdays button,.wcpf-jcal .jdays b,.wcpf-jcal .jdays i{box-sizing:border-box!important;min-width:0!important;width:100%!important;max-width:100%!important;padding:0!important;margin:0!important}
.wcpf-jcal .jdays button.is-today{font-weight:900!important;border:2px solid currentColor!important;outline:0!important}
.wcpf-alt-field{display:block!important;width:100%!important;margin-top:10px!important}.wcpf-alt-field input{width:100%!important}
.wcpf-gallery-card{width:160px;display:flex;flex-direction:column;gap:6px}.wcpf-gallery-card img{align-self:center}.wcpf-gallery-alt{width:100%!important}
.wcpf-defaults-box{padding:12px;border:1px solid #e1e5ea;border-radius:10px;background:#fafafa;margin-bottom:15px}.wcpf-defaults-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}

#wcpf-new-gallery-alt{display:grid;gap:10px;margin-top:10px}.wcpf-new-gallery-row{display:grid;grid-template-columns:72px 1fr;gap:10px;align-items:center;padding:8px;border:1px solid #e1e5ea;border-radius:9px;background:#fafafa}.wcpf-new-gallery-row img{width:72px;height:72px;object-fit:cover;border-radius:7px}.wcpf-new-gallery-row input{width:100%!important;margin-top:6px!important}.wcpf-stock-allocation{margin-top:10px;padding:10px 12px;border-radius:8px;background:#eef8f1;border:1px solid #b9dfc3}.wcpf-stock-allocation.is-error{background:#fff1f1;border-color:#ef9a9a;color:#a30000}


/* 4.5.8 beta: presentation-only mobile/tablet refinement. Desktop remains unchanged. */
@media (max-width: 1024px) {
  .wc-product-form, .wc-product-form *, .wc-product-form *::before, .wc-product-form *::after { box-sizing: border-box; }
  .wc-product-form { width:100%; max-width:100%!important; min-width:0; margin-inline:auto; padding:clamp(12px,2.3vw,22px); overflow-wrap:anywhere; }
  .wc-product-form .form-section { min-width:0; padding:clamp(12px,2vw,20px); }
  .wc-product-form .form-group, .wc-product-form .attribute-group .form-group { min-width:0; }
  .wc-product-form input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
  .wc-product-form select, .wc-product-form textarea { max-width:100%; min-width:0; }
  .wc-product-form input[type=file] { width:100%; }
  .wc-product-form .dimensions-fields > *, .wc-product-form .attribute-group > * { min-width:0; }
  .wc-product-form .wp-editor-wrap, .wc-product-form .wp-editor-container,
  .wc-product-form .mce-tinymce, .wc-product-form .mce-container,
  .wc-product-form .quicktags-toolbar { max-width:100%; min-width:0; }
  .wc-product-form .wp-editor-container iframe { max-width:100%; }
  .wc-product-form .wp-editor-tools { display:flex; flex-wrap:wrap; align-items:end; gap:4px; }
  .wc-product-form .wp-media-buttons, .wc-product-form .wp-editor-tabs { max-width:100%; }
  .wc-product-form .variation-item { min-width:0; }
  .wc-product-form .variation-item .variation-fields,
  .wc-product-form .variation-item .variation-attributes { grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr)); }
  .wc-product-form .wcpf-defaults-fields { grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr)); }
  .wc-product-form .wcpf-var-head, .wc-product-form .wcpf-custom-head,
  .wc-product-form .wcpf-attr-title { flex-wrap:wrap; min-width:0; }
  .wc-product-form .wcpf-gallery-card { max-width:100%; }
  .wc-product-form .wcpf-new-gallery-row { grid-template-columns:64px minmax(0,1fr); }
  .wc-product-form .wcpf-new-gallery-row img { width:64px;height:64px; }
  .wc-product-form .wcpf-jcal { max-width:min(310px,calc(100vw - 32px))!important; }
  .wc-product-form .form-submit { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
  .wc-product-form .form-submit > * { max-width:100%; }
}
@media (max-width: 767px) {
  .wc-product-form { padding:10px; border-radius:8px; }
  .wc-product-form .form-section { padding:13px 11px; margin-bottom:15px; }
  .wc-product-form h3 { font-size:clamp(16px,4.5vw,20px); line-height:1.5; }
  .wc-product-form .form-group { margin-bottom:13px; }
  .wc-product-form input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
  .wc-product-form select, .wc-product-form textarea { font-size:16px; }
  .wc-product-form .dimensions-fields, .wc-product-form .attribute-group { flex-direction:column; align-items:stretch; }
  .wc-product-form .dimensions-fields > *, .wc-product-form .attribute-group > * { width:100%; }
  .wc-product-form .attribute-group .remove-attribute-btn { margin-top:4px; min-height:42px; }
  .wc-product-form .variation-item { padding:12px 10px; }
  .wc-product-form .variation-item .variation-fields,
  .wc-product-form .variation-item .variation-attributes { grid-template-columns:minmax(0,1fr)!important; }
  .wc-product-form .variation-item .wcpf-var-head { padding-inline-end:0; }
  .wc-product-form .variation-item .remove-variation { position:static; min-height:40px; }
  .wc-product-form .wcpf-attr-title, .wc-product-form .wcpf-custom-head,
  .wc-product-form .wcpf-var-head { flex-direction:column; align-items:stretch; }
  .wc-product-form .wcpf-term-chip { flex:1 1 min(100%,170px); min-width:0; }
  .wc-product-form .wcpf-attr-flags { gap:10px; }
  .wc-product-form .wcpf-defaults-fields { grid-template-columns:minmax(0,1fr); }
  .wc-product-form .wcpf-gallery-card { width:min(160px,100%); }
  .wc-product-form .wcpf-new-gallery-row { grid-template-columns:54px minmax(0,1fr); gap:8px; }
  .wc-product-form .wcpf-new-gallery-row img { width:54px;height:54px; }
  .wc-product-form .form-submit { flex-direction:column; align-items:stretch; }
  .wc-product-form .form-submit .submit-btn,
  .wc-product-form .form-submit .button { display:block; width:100%; margin:0!important; min-height:46px; text-align:center; }
  .wc-product-form .wcpf-jcal { width:min(310px,calc(100vw - 24px))!important; }
  .wc-product-form .wp-editor-tabs { margin-inline-start:0; }
  .wc-product-form .wp-media-buttons .button { white-space:normal; }
}
@media (max-width: 360px) {
  .wc-product-form { padding:7px; }
  .wc-product-form .form-section { padding:10px 8px; }
  .wc-product-form .wcpf-term-chip { flex-basis:100%; }
}

/* 4.5.9: Make variation form controls clearly visible on mobile and tablet only. */
@media (max-width: 1024px) {
  .wc-product-form .variation-item .variation-fields input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]),
  .wc-product-form .variation-item .variation-fields select,
  .wc-product-form .variation-item .variation-fields textarea {
    background-color: #fff !important;
    border: 1.5px solid #aab8c8 !important;
    border-radius: 8px;
    color: #172b4d !important;
    box-shadow: none !important;
    min-height: 42px;
    width: 100%;
  }
  .wc-product-form .variation-item .variation-fields input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):focus,
  .wc-product-form .variation-item .variation-fields select:focus,
  .wc-product-form .variation-item .variation-fields textarea:focus {
    border-color: #1769aa !important;
    outline: 2px solid rgba(23,105,170,.18) !important;
    outline-offset: 0;
  }
  .wc-product-form .variation-item .variation-fields input::placeholder { color: #778697; opacity: 1; }
}

/* 4.6.0 — Consistent field visibility on desktop, tablet and mobile.
   Keep editor toolbar controls and native checkboxes/radios outside this rule. */
.wc-product-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]),
.wc-product-form select,
.wc-product-form textarea:not(.wp-editor-area) {
  background-color: #fff !important;
  border: 1.5px solid #aab8c8 !important;
  border-radius: 7px;
  color: #203247 !important;
  box-shadow: none !important;
}
.wc-product-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):focus,
.wc-product-form select:focus,
.wc-product-form textarea:not(.wp-editor-area):focus {
  border-color: #1769aa !important;
  outline: 2px solid rgba(23,105,170,.16) !important;
  outline-offset: 0;
}
.wc-product-form .wp-editor-container { border: 1px solid #aab8c8 !important; }
.wc-product-form .wp-editor-area { background: #fff !important; color: #203247 !important; }

/* WordPress classic editor: neutralize theme's overly saturated blue buttons.
   These selectors only affect the two editors inside this plugin form. */
.wc-product-form .mce-toolbar .mce-btn,
.wc-product-form .mce-toolbar .mce-btn button,
.wc-product-form .quicktags-toolbar input.ed_button {
  background: #f5f7fa !important;
  background-image: none !important;
  color: #263b50 !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
.wc-product-form .mce-toolbar .mce-btn .mce-ico,
.wc-product-form .mce-toolbar .mce-btn .mce-caret,
.wc-product-form .mce-toolbar .mce-btn .mce-txt,
.wc-product-form .mce-toolbar .mce-btn button span {
  color: #263b50 !important;
  text-shadow: none !important;
}
.wc-product-form .mce-toolbar .mce-btn:hover,
.wc-product-form .mce-toolbar .mce-btn:hover button,
.wc-product-form .quicktags-toolbar input.ed_button:hover {
  background: #e7eff7 !important;
  border-color: #8da8c1 !important;
}
.wc-product-form .mce-toolbar .mce-btn.mce-active,
.wc-product-form .mce-toolbar .mce-btn.mce-active button {
  background: #dceaf7 !important;
  border-color: #7da7cb !important;
}
.wc-product-form .mce-toolbar .mce-btn.mce-disabled,
.wc-product-form .mce-toolbar .mce-btn.mce-disabled button {
  opacity: .55;
}

/* 4.6.2: Keep TinyMCE's own toolbar layout; scroll the toolbar, never the page. */
@media(max-width:1024px){
 .wc-product-form .wp-editor-wrap,.wc-product-form .wp-editor-container,.wc-product-form .mce-tinymce{min-width:0;max-width:100%;box-sizing:border-box}
 .wc-product-form .mce-toolbar-grp{max-width:100%;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch}
 .wc-product-form .mce-toolbar-grp .mce-toolbar{width:max-content!important;max-width:none!important}
 .wc-product-form .mce-toolbar-grp .mce-toolbar .mce-container-body,
 .wc-product-form .mce-toolbar-grp .mce-btn-group .mce-container-body{display:block!important;flex-wrap:initial!important;width:max-content!important;max-width:none!important}
 .wc-product-form .quicktags-toolbar{display:flex;flex-wrap:wrap;gap:4px;max-width:100%;box-sizing:border-box}
 .wc-product-form .quicktags-toolbar input.ed_button{width:auto!important;margin:0!important;padding:4px 7px!important}
 .wc-product-form .wp-editor-container iframe{max-width:100%!important;width:100%!important}
}
/* Link dialog is mounted outside the form to avoid theme/form scroll interference. */
#wcpf-link-overlay{position:fixed;inset:0;z-index:2147483000;background:rgba(10,25,45,.48);display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}
#wcpf-link-overlay[hidden]{display:none!important}
#wcpf-link-dialog{direction:rtl;text-align:right;width:min(420px,100%);max-height:calc(100vh - 32px);overflow:auto;background:#fff;color:#203247;border-radius:12px;box-shadow:0 15px 55px rgba(0,0,0,.25);padding:20px;box-sizing:border-box;font:inherit}
#wcpf-link-dialog label{display:block;margin:10px 0 5px;font-weight:600}
#wcpf-link-dialog input{width:100%;height:40px;box-sizing:border-box;border:1px solid #aab8c8!important;background:#fff!important;border-radius:7px;padding:7px 10px;color:#203247!important;direction:ltr;text-align:left}
#wcpf-link-dialog .wcpf-link-actions{display:flex;gap:8px;justify-content:flex-start;margin-top:16px}
#wcpf-link-dialog button{border:1px solid #b6c8d9;border-radius:7px;padding:8px 15px;background:#f3f6fa;color:#173650;cursor:pointer}
#wcpf-link-dialog button[type=submit]{background:#1269a8;color:#fff;border-color:#1269a8}
/* Hub 1.0.4 action controls */
.wmh-product-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:center!important;justify-content:flex-start!important}
.wmh-product-actions>a,.wmh-product-actions>button{display:inline-flex!important;align-items:center;justify-content:center;min-height:41px;padding:10px 17px!important;border-radius:7px!important;box-sizing:border-box;text-decoration:none!important;margin:0!important;font-size:13px!important;font-weight:700!important;line-height:1.3!important}
.wmh-product-actions .wmh-action-trash{background:#cf2f44!important;border:1px solid #b71c35!important;color:#fff!important}
.wmh-product-actions .wmh-action-copy{background:#edf5ff!important;border:1px solid #b3d1f1!important;color:#175b93!important}
@media(max-width:600px){.wmh-product-actions>a,.wmh-product-actions>button{flex:1 1 42%;min-width:0}}
