/* ==========================================
   استایل یکپارچه تب‌های محصول
   Product Tabs Unified Styles
   نسخه: 1.1
   مسیر: /extension/subsystems/catalog/view/stylesheet/product_tabs.css
   ========================================== */

/* === DIRECTION === */
.product-tab-content[dir="rtl"] { 
    direction: rtl; 
    text-align: right; 
}

.product-tab-content[dir="ltr"] { 
    direction: ltr; 
    text-align: left; 
}

/* === جداول === */
.product-tab-content table {
    width: 100% !important;
    border-collapse: collapse !important;
    table-layout: auto !important;
    font-size: 14px !important;
    line-height: 26px !important;
    margin: 0 !important;
    border: none !important;
    color: #666 !important;
}

.product-tab-content div:has(> table),
.product-tab-content .table-responsive {
    overflow-x: auto !important;
    max-width: 100% !important;
    -webkit-overflow-scrolling: touch;
}

.product-tab-content table thead td,
.product-tab-content table thead th,
.product-tab-content table th {
    padding: 10px 12px !important;
    font-weight: 700 !important;
    vertical-align: middle !important;
    border-top: 0 !important;
    border-bottom: 2px solid #ddd !important;
    background-color: #f5f5f5 !important;
    color: #333 !important;
    font-size: 13px !important;
    white-space: nowrap;
}

.product-tab-content table thead td span,
.product-tab-content table thead th span,
.product-tab-content table th span {
    color: #333 !important;
}

.product-tab-content table td {
    padding: 10px 12px !important;
    vertical-align: middle !important;
    font-size: 14px !important;
    line-height: 26px !important;
    border-bottom: 1px solid #eee !important;
    background-color: #ffffff !important;
    color: #666 !important;
    white-space: normal !important;
    text-align: justify !important;
    text-justify: inter-word !important;
}

/* ردیف‌های زوج و فرد */
.product-tab-content table tbody tr:nth-child(even) td {
    background-color: #f0f0f0 !important;
}

.product-tab-content table tbody tr:nth-child(odd) td {
    background-color: #ffffff !important;
}

/* ⭐ hover با زمینه کم‌رنگ */
.product-tab-content table tbody tr:hover td {
    background-color: #f0f4f0  !important;
}

.product-tab-content table tbody tr:nth-child(even):hover td {
    background-color: #f0f4f0 !important;
}

.product-tab-content table tbody tr:nth-child(odd):hover td {
    background-color: #f0f4f0 !important;
}

.product-tab-content table tfoot td {
    font-weight: 700 !important;
    padding: 10px 12px !important;
    background-color: #f5f5f5 !important;
    border-top: 2px solid #ddd !important;
    font-size: 14px !important;
    line-height: 26px !important;
}

/* دکمه‌ها داخل جدول */
.product-tab-content table .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 4px 8px !important;
    font-size: 12px !important;
}

.product-tab-content table .btn-primary {
    background-color: #0d6efd !important;
    color: #fff !important;
}

.product-tab-content table .btn-danger {
    background-color: #dc3545 !important;
    color: #fff !important;
}

/* input داخل جدول */
.product-tab-content table input[type="text"] {
    width: 40px !important;
    height: 30px !important;
    text-align: center !important;
    padding: 0 !important;
    font-size: 13px !important;
    border: 1px solid #ced4da !important;
    border-radius: 4px !important;
}


.product-tab-content table small {
    color: #666 !important;
    font-size: 14px !important;
    line-height: 26px !important;
}

/* لینک‌ها داخل جدول */
.product-tab-content table a {
    color: #0099d6 !important;
    text-decoration: none !important;
}

.product-tab-content table a:hover {
    color: #0077b3 !important;
    text-decoration: underline !important;
}

/* === پاراگراف === */
.product-tab-content p {
    margin-bottom: 1em !important;
    line-height: 26px !important;
    color: #666 !important;
    font-size: 14px !important;
    text-align: justify !important;
    text-justify: inter-word !important;
}

/* === نرمال‌سازی پاراگراف‌های اسکرپ شده === */
/* حذف جهت‌های متناقض و اعمال یکنواخت */
.product-tab-content p[style*="direction"],
.product-tab-content p[style*="text-align"],
.product-tab-content p[dir] {
    /* حذف استایل‌های inline متناقض */
    direction: inherit !important;
    text-align: justify !important;
    text-justify: inter-word !important;
}

/* برای حالت RTL */
.product-tab-content[dir="rtl"] p,
.product-tab-content[dir="rtl"] p[style*="direction"],
.product-tab-content[dir="rtl"] p[style*="text-align"],
.product-tab-content[dir="rtl"] p[dir] {
    direction: rtl !important;
    text-align: justify !important;
    text-justify: inter-word !important;
}

/* برای حالت LTR */
.product-tab-content[dir="ltr"] p,
.product-tab-content[dir="ltr"] p[style*="direction"],
.product-tab-content[dir="ltr"] p[style*="text-align"],
.product-tab-content[dir="ltr"] p[dir] {
    direction: ltr !important;
    text-align: justify !important;
    text-justify: inter-word !important;
}

/* استثنا: عناصر با کلاس english-numbers یا ltr-content */
.product-tab-content p .english-numbers,
.product-tab-content p .ltr-content,
.product-tab-content p code,
.product-tab-content p pre,
.product-tab-content p .technical-term {
    direction: ltr !important;
    text-align: left !important;
    display: inline-block;
    unicode-bidi: isolate;
}

/* استثنا: عناصر با کلاس rtl-content */
.product-tab-content p .rtl-content {
    direction: rtl !important;
    text-align: right !important;
    display: inline-block;
    unicode-bidi: isolate;
}

/* === تیترها === */
.product-tab-content h1,
.product-tab-content h2,
.product-tab-content h3,
.product-tab-content h4,
.product-tab-content h5,
.product-tab-content h6 {
    margin-top: 1.2em !important;
    margin-bottom: 0.6em !important;
    font-weight: 700 !important;
    line-height: 26px !important;
    color: #333 !important;
}

.product-tab-content h3 {
    font-size: 14px !important;
    margin-bottom: 15px !important;
}

.product-tab-content h1 { font-size: 1.5em !important; }
.product-tab-content h2 { font-size: 1.3em !important; }

/* === لیست === */
.product-tab-content ul,
.product-tab-content ol {
    padding-right: 1.5em !important;
    padding-left: 0 !important;
    margin-bottom: 1em !important;
    color: #666 !important;
    font-size: 14px !important;
    line-height: 26px !important;
}

.product-tab-content[dir="ltr"] ul,
.product-tab-content[dir="ltr"] ol {
    padding-left: 1.5em !important;
    padding-right: 0 !important;
}

.product-tab-content li {
    margin-bottom: 0.4em !important;
    color: #666 !important;
    font-size: 14px !important;
    line-height: 26px !important;
    text-align: justify !important;
    text-justify: inter-word !important;
}

/* === لینک === */
.product-tab-content a {
    color: #0099d6 !important;
    text-decoration: none !important;
}

.product-tab-content a:hover {
    color: #0077b3 !important;
    text-decoration: underline !important;
}

.product-tab-content a:visited {
    color: #0099d6 !important;
}

/* === bold و strong === */
.product-tab-content strong,
.product-tab-content b,
.product-tab-content strong *,
.product-tab-content b * {
    font-weight: 700 !important;
    color: #333 !important;
}

/* === italic و em === */
.product-tab-content em,
.product-tab-content i {
    font-style: italic !important;
}

/* === underline و u === */
.product-tab-content u {
    text-decoration: underline !important;
}

/* === span عمومی === */
.product-tab-content span {
    color: #666 !important;
    font-size: 14px !important;
    line-height: 26px !important;
}

/* === تصاویر === */
.product-tab-content img {
    max-width: 100% !important;
    height: auto !important;
}

/* === نقل قول === */
.product-tab-content blockquote {
    border-right: 4px solid #0099d6 !important;
    background: #f5f5f5 !important;
    padding: 1em 1.5em !important;
    margin: 1.5em 0 !important;
    border-radius: 4px !important;
    color: #666 !important;
    font-size: 14px !important;
    line-height: 26px !important;
    text-align: justify !important;
    text-justify: inter-word !important;
}

.product-tab-content[dir="ltr"] blockquote {
    border-left: 4px solid #0099d6 !important;
    border-right: none !important;
}

/* === خط افقی === */
.product-tab-content hr {
    border: none !important;
    border-top: 1px solid #eee !important;
    margin: 2em 0 !important;
}

/* === sup و sub === */
.product-tab-content sup {
    color: #666 !important;
    font-size: 12px !important;
    top: -4px !important;
    vertical-align: super !important;
}

.product-tab-content sub {
    color: #666 !important;
    font-size: 12px !important;
    bottom: -2px !important;
    vertical-align: sub !important;
}

/* === کد و pre === */
.product-tab-content code {
    background: #f5f5f5 !important;
    padding: 2px 6px !important;
    border-radius: 3px !important;
    font-size: 13px !important;
    color: #333 !important;
    font-family: monospace !important;
}

.product-tab-content pre {
    background: #f5f5f5 !important;
    padding: 15px !important;
    border-radius: 4px !important;
    overflow-x: auto !important;
    margin-bottom: 1em !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
}

/* === تاریخ بروزرسانی === */
.product-tab-content .update-date,
.product-tab-content > p:first-child {
    color: #666 !important;
    font-size: 14px !important;
    line-height: 26px !important;
    margin: 10px 0 !important;
    padding: 5px 0 !important;
    background: none !important;
    border: none !important;
}

/* ⭐ تاریخ بروزرسانی - برعکس جهت کانتینر */
.product-tab-content[dir="rtl"] .update-date {
    direction: ltr !important;
    text-align: left !important;
    unicode-bidi: isolate;
    display: block;
}

.product-tab-content[dir="ltr"] .update-date {
    direction: rtl !important;
    text-align: right !important;
    unicode-bidi: isolate;
    display: block;
}