.tkc-table-responsive { margin-bottom: 20px; font-family: inherit; }
.tkc-kids-table { width: 100%; border-collapse: collapse; text-align: center; background: #fff; border-radius: 12px; overflow: visible; box-shadow: 0 5px 20px rgba(0,0,0,0.08); font-family: inherit; }
.tkc-kids-table thead { background: linear-gradient(135deg, #4B8BE8, #6EC1E4); color: #fff; }
.tkc-kids-table th { padding: 18px 10px; font-weight: bold; }
.tkc-kids-table td { padding: 15px 10px; border-bottom: 1px solid #f1f1f1; vertical-align: middle; color: #444; }
.tkc-kids-table tbody tr:hover { background-color: #fdfbf7; }

/* گرد کردن گوشه های هدر جدول */
.tkc-kids-table thead tr th:first-child { border-top-right-radius: 12px; }
.tkc-kids-table thead tr th:last-child { border-top-left-radius: 12px; }

/* دکمه ها و دراپ داون (حالت دسکتاپ) */
.tkc-dropdown-btn-wrapper { position: relative; display: inline-block; width: 100%; max-width: 160px; }
.tkc-dropdown-menu { display: none; position: absolute; right: 0; top: 100%; background: #fff; box-shadow: 0 8px 16px rgba(0,0,0,0.2); border-radius: 8px; z-index: 100; min-width: 160px; padding: 10px; border: 1px solid #eee; margin-top: 5px; }

/* در دسکتاپ، منوی کشویی جدول به صورت ستونی است تا فشرده نشود */
.tkc-dropdown-inner { display: flex; flex-direction: column; gap: 8px; width: 100%; }
.tkc-dropdown-menu .tkc-btn { width: 100%; margin-bottom: 0; }

.tkc-btn { background: linear-gradient(135deg, #4B8BE8, #36D1DC); color: #fff; border: none; padding: 8px 12px; border-radius: 8px; cursor: pointer; transition: 0.3s; font-size: 13px; font-family: inherit; width: 100%; text-align: center; }
.tkc-btn:hover { transform: translateY(-2px); box-shadow: 0 5px 12px rgba(54, 209, 220, 0.4); }
.tkc-btn del { font-size: 11px; opacity: 0.7; margin-left: 0; color: #e0f7fa; text-decoration: line-through; }

/* Modal & Form */
.tkc-modal { display: none; position: fixed; z-index: 99999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); backdrop-filter: blur(5px); }
.tkc-modal-content { background-color: #fff; margin: 4% auto; padding: 30px; border-radius: 15px; width: 90%; max-width: 420px; box-shadow: 0 15px 40px rgba(0,0,0,0.2); border-top: 6px solid #4B8BE8; position: relative; font-family: inherit; }
.tkc-modal-content input { width: 100%; padding: 12px; margin-bottom: 12px; border: 1px solid #e0e0e0; border-radius: 8px; box-sizing: border-box; font-family: inherit; background: #fafafa; }
.tkc-modal-content input:focus { border-color: #4B8BE8; outline: none; background: #fff; }
.tkc-btn-submit { width: 100%; font-size: 16px; padding: 14px; background: linear-gradient(135deg, #61C579, #4CAF50); max-width: 100%; font-weight: bold; margin-top: 5px; }

/* Coupon */
.tkc-coupon-box { display: flex; gap: 5px; margin-bottom: 15px; background: #f9f9f9; padding: 10px; border-radius: 8px; border: 1px dashed #ccc; }
.tkc-coupon-box input { margin-bottom: 0; flex: 1; }
.tkc-coupon-box button { background: #4B8BE8; color: #fff; border: none; border-radius: 8px; padding: 0 15px; cursor: pointer; font-family: inherit; }
#tkc-coupon-message { width: 100%; font-size: 12px; margin-top: 5px; font-weight: bold; }
.tkc-close { position: absolute; top: 15px; left: 20px; font-size: 28px; cursor: pointer; color: #aaa; transition: 0.3s; }
.tkc-close:hover { color: #E85D5D; }

/* Wizard Widget (دکمه‌های ویزارد پایین صفحه در دسکتاپ به صورت افقی می‌مانند) */
.tkc-wizard-container { background: #fff; padding: 30px; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); border-top: 5px solid #4B8BE8; max-width: 600px; margin: 0 auto; font-family: inherit; }
.tkc-wiz-select { width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 8px; margin-top: 10px; font-family: inherit; font-size: 15px; }
#tkc-wiz-buttons { display: flex; flex-direction: row; gap: 10px; width: 100%; justify-content: center; }

/* Responsive Table (حالت موبایل) */
@media screen and (max-width: 768px) {
    .tkc-kids-table thead { display: none; }
    .tkc-kids-table, .tkc-kids-table tbody, .tkc-kids-table tr, .tkc-kids-table td { display: block; width: 100%; }
    .tkc-kids-table tr { margin-bottom: 20px; border: 2px solid #f0f0f0; border-radius: 15px; padding: 10px; background: #fff; }
    .tkc-kids-table td { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px dashed #e8e8e8; text-align: left; padding: 12px 5px; }
    .tkc-kids-table td::before { content: attr(data-label); font-weight: bold; color: #4B8BE8; margin-left: 10px; flex-shrink: 0; }
    .tkc-dropdown-btn-wrapper { max-width: 100%; }
    .tkc-actions { width: 100%; justify-content: flex-end; }
    
    /* افقی شدن دکمه‌ها برای همه‌ی بخش‌ها فقط در موبایل */
    .tkc-dropdown-menu { position: relative; width: 100%; right: auto; top: auto; box-shadow: none; border: none; padding: 5px 0 0 0; }
    .tkc-dropdown-inner, #tkc-wiz-buttons { flex-direction: row !important; flex-wrap: nowrap !important; gap: 5px; }
    .tkc-dropdown-menu .tkc-btn, #tkc-wiz-buttons .tkc-btn { flex: 1; padding: 6px 2px; font-size: 11px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
    .tkc-btn del { margin-left: 0; font-size: 10px; margin-bottom: 2px; }
}

/* --- رفع مشکل تداخل قالب با فرم کد تخفیف پاپ‌آپ --- */
.tkc-coupon-box { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; margin-bottom: 20px !important; background: #f9f9f9 !important; padding: 10px !important; border-radius: 8px !important; border: 1px dashed #ccc !important; width: 100% !important; box-sizing: border-box !important; }
.tkc-coupon-box input#tkc-coupon-input { width: 100% !important; flex: 1 1 auto !important; margin: 0 !important; padding: 0 15px !important; height: 48px !important; border: 1px solid #ddd !important; border-radius: 6px !important; background: #fff !important; box-sizing: border-box !important; font-size: 14px !important; }
.tkc-coupon-box button#tkc-apply-coupon-btn { width: 100px !important; height: 48px !important; margin: 0 !important; padding: 0 !important; background: #4B8BE8 !important; color: #fff !important; border: none !important; border-radius: 6px !important; font-weight: bold !important; cursor: pointer !important; flex-shrink: 0 !important; }