/* ================================
   Custom Bootstrap Overrides
   برای سایت استخر
   ================================ */

/* :root {
    --bs-primary: #00828e;
    --bs-secondary: #5cdfc2;
    --bs-success: #22b2ea;
    --bs-warning: #fdc008;
    --bs-danger: #ac1457;
    --bs-info: #00bbd3;
    --bs-light: #f4f4f4;
    --bs-dark: #707070;
    --bs-danger: #015a66;  صورتی-قرمز خاموش (کم استفاده) 

} */
:root {
    --bs-primary: #00828e;
    /* سبز آبی */
    --bs-secondary: #5cdfc2;
    /* سبز روشن */
    --bs-success: #22b2ea;
    /* آبی آسمانی */
    --bs-warning: #fdc008;
    /* زرد ملایم */
    --bs-info: #00bbd3;
    /* آبی فیروزه‌ای */
    --bs-light: #f4f4f4;
    /* خاکستری آبی روشن */
    --bs-dark: #707070;
    /* مشکی تقریبا */
    --bs-danger: #ac1457;
}

:root {
    --bs-primary: #0097a7;
    /* آبی سبز درخشان (رنگ اصلی آب) */
    --bs-secondary: #4dd0e1;
    /* آبی فیروزه‌ای روشن برای جزئیات */
    --bs-success: #26c6da;
    /* آبی آسمانی شفاف */
    --bs-warning: #ffb300;
    /* زرد/نارنجی آفتابی انرژی‌بخش */
    --bs-info: #80deea;
    /* آبی ملایم‌تر برای پس‌زمینه */
    --bs-light: #f9f9f9;
    /* سفید مایل به آبی خیلی روشن */
    --bs-dark: #37474f;
    /* خاکستری آبی تیره (مدرن‌تر از #707070) */
    --bs-danger: #d81b60; /* صورتی-قرمز مدرن برای هشدار */
}
:root {
    --bs-primary: #015a66; /* آبی نفتی - رنگ برند اصلی */
    --bs-secondary: #5cdfc2; /* سبز-فیروزه‌ای روشن برای هارمونی با آب */
    --bs-success: #22b2ea; /* آبی آسمانی - حس شفافیت آب */
    --bs-warning: #fdc008; /* زرد خورشیدی - انرژی و کنتراست */
    --bs-info: #00bbd3; /* آبی فیروزه‌ای - مکمل روشن‌تر برای آب */
    --bs-light: #f5fafa; /* خاکستری آبی خیلی روشن - پس‌زمینه خنک */
    --bs-dark: #263238; /* خاکستری-آبی تیره مدرن به‌جای #707070 */
    --bs-danger: #d72638; /* قرمز مایل به کارمینی - هشدار واضح و شیک */
}

:root {
    /* ==== Palette اصلی ==== */
    --bs-primary: #015a66 !important;
    --bs-secondary: #5cdfc2 !important;
    --bs-success: #22b2ea !important;
    --bs-warning: #fdc008 !important;
    --bs-info: #00bbd3 !important;
    --bs-light: #f5fafa !important;
    --bs-dark: #263238 !important;
    --bs-danger: #d72638 !important;

    /* ==== Gray scale ==== */
    --bs-gray-100: #f5fafa !important;
    --bs-gray-200: #e0f0f2 !important;
    --bs-gray-300: #c2e1e6 !important;
    --bs-gray-400: #99d1d9 !important;
    --bs-gray-500: #66c2cc !important;
    --bs-gray-600: #33b3bf !important;
    --bs-gray-700: #269799 !important;
    --bs-gray-800: #1a6d6f !important;
    --bs-gray-900: #014244 !important;

    /* ==== دکمه‌های غیرفعال ==== */
    --bs-btn-disabled-bg: var(--bs-gray-400) !important;
    --bs-btn-disabled-border: var(--bs-gray-400) !important;
    --bs-btn-disabled-color: var(--bs-light) !important;

    /* ==== دکمه‌های hover و active ==== */
    --bs-primary-hover: #014a52 !important;
    --bs-primary-active: #01383c !important;
    --bs-secondary-hover: #4cd9b3 !important;
    --bs-secondary-active: #38caa1 !important;
    --bs-success-hover: #1aa6d5 !important;
    --bs-success-active: #138cb7 !important;
    --bs-warning-hover: #e6b800 !important;
    --bs-warning-active: #c99900 !important;
    --bs-info-hover: #00a3ba !important;
    --bs-info-active: #008894 !important;
    --bs-danger-hover: #c51f33 !important;
    --bs-danger-active: #9f1929 !important;

    /* ==== Alerts, badges, spinner ==== */
    --bs-alert-bg: var(--bs-light) !important;
    --bs-alert-color: var(--bs-dark) !important;
    --bs-badge-bg: var(--bs-primary) !important;
    --bs-badge-color: var(--bs-light) !important;
    --bs-spinner-border-color: var(--bs-primary) !important;
    --bs-spinner-border-color-secondary: var(--bs-secondary) !important;
}

/* ==== دکمه‌های disabled (نسخه fallback) ==== */
.btn:disabled,
.btn.disabled {
    background-color: var(--bs-btn-disabled-bg) !important;
    border-color: var(--bs-btn-disabled-border) !important;
    color: var(--bs-btn-disabled-color) !important;
    opacity: 1 !important; /* برای جلوگیری از نیمه شفاف شدن */
}

/* دکمه‌های فعال */
.btn-primary {
    background-color: #015a66 !important;
    border-color: #015a66 !important;
    color: #fff !important;
}
.btn-secondary {
    background-color: #5cdfc2 !important;
    border-color: #5cdfc2 !important;
    color: #fff !important;
}
/* سایر btn-* مشابه بالا قابل اضافه کردن هستند */

/* دکمه‌های disabled */
.btn:disabled,
.btn.disabled {
    /* همان رنگ دکمه فعال با opacity کم */
    background-color: rgba(1, 90, 102, 0.65) !important; /* برای btn-primary */
    border-color: rgba(1, 90, 102, 0.65) !important; /* برای btn-primary */
    color: rgba(255, 255, 255, 0.65) !important; /* متن دکمه */
    pointer-events: none;
}

/* اگر میخوای برای btn-secondary هم همین کار بشه */
.btn-secondary:disabled,
.btn-secondary.disabled {
    background-color: rgba(92, 223, 194, 0.65) !important;
    border-color: rgba(92, 223, 194, 0.65) !important;
    color: rgba(255, 255, 255, 0.65) !important;
}

.text-dark {
    color: var(--bs-bs-dark) !important;
}

/* تغییر رنگ متن و پس‌زمینه */
body {
    background-color: var(--bs-light);
    color: var(--bs-dark);
    font-family: "Tahoma", sans-serif;
}

/* ================================
   Navbar Custom
   ================================ */

/* حالت دسکتاپ */
.navbar-custom {
    /* background-color: var(--bs-primary);  */
    color: var(--bs-primary);
    /* رنگ اصلی دسکتاپ */
    border-radius: 1rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    border: 1px solid var(--bs-dark); /* دور کارت‌ها */
}

.navbar-custom .navbar-brand,
.navbar-custom .nav-link {
    /* color: #fff; */
    color: var(--bs-primary);
}

.navbar-custom .nav-link:hover {
    color: var(--bs-warning);
}

@media (max-width: 991.98px) {
    .navbar-custom {
        background-color: #fff; /* رنگ card-header */
        border: 1px solid var(--bs-dark); /* همان دور کارت‌ها */
        border-radius: 1rem;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    }

    .navbar-custom .container-fluid {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 0.5rem;
        flex-wrap: nowrap;
    }

    .navbar-custom .navbar-brand {
        color: var(--bs-primary);
        font-weight: bold;
        display: inline-block; /* مهم: جلوگیری از پر شدن عرض کامل */
        margin: 0; /* حذف margin پیش‌فرض */
    }

    .navbar-logo {
        max-height: 38px;
    }
}

/* دکمه‌ها */
.btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}
.btn-primary:hover {
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
}

/* کارت‌ها */
.card {
    border-radius: 1rem;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

/* فوتر */
footer {
    background-color: var(--bs-dark);
    color: #fff;
    padding: 2rem 0;
    text-align: center;
}

/* ================================
   Custom Bootstrap Extra Overrides
   برای سایت استخر
   ================================ */

/* دکمه‌های دیگر */
.btn-secondary {
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
    color: #000;
}
.btn-success {
    background-color: var(--bs-success);
    border-color: var(--bs-success);
    color: #fff;
}
.btn-danger {
    background-color: var(--bs-danger);
    border-color: var(--bs-danger);
    color: #fff;
}
.btn-warning {
    background-color: var(--bs-warning);
    border-color: var(--bs-warning);
    color: #000;
}
.btn-info {
    background-color: var(--bs-info);
    border-color: var(--bs-info);
    color: #fff;
}
.btn-light {
    background-color: var(--bs-light);
    border-color: var(--bs-light);
    color: var(--bs-dark);
}
.btn-dark {
    background-color: var(--bs-dark);
    border-color: var(--bs-dark);
    color: #fff;
}

/* لینک‌ها */
a {
    color: var(--bs-primary);
}
a:hover {
    color: var(--bs-warning);
}

/* هشدارها */
.alert-primary {
    background-color: var(--bs-primary);
    color: #fff;
    border-color: var(--bs-primary);
}
.alert-secondary {
    background-color: var(--bs-secondary);
    color: #000;
    border-color: var(--bs-secondary);
}
.alert-success {
    background-color: var(--bs-success);
    color: #fff;
    border-color: var(--bs-success);
}
.alert-danger {
    background-color: var(--bs-danger);
    color: #fff;
    border-color: var(--bs-danger);
}
.alert-warning {
    background-color: var(--bs-warning);
    color: #000;
    border-color: var(--bs-warning);
}
.alert-info {
    background-color: var(--bs-info);
    color: #fff;
    border-color: var(--bs-info);
}
.alert-light {
    background-color: var(--bs-light);
    color: var(--bs-dark);
    border-color: var(--bs-light);
}
.alert-dark {
    background-color: var(--bs-dark);
    color: #fff;
    border-color: var(--bs-dark);
}

/* بَج‌ها */
.badge.bg-primary {
    background-color: var(--bs-primary) !important;
}
.badge.bg-secondary {
    background-color: var(--bs-secondary) !important;
}
.badge.bg-success {
    background-color: var(--bs-success) !important;
}
.badge.bg-danger {
    background-color: var(--bs-danger) !important;
}
.badge.bg-warning {
    background-color: var(--bs-warning) !important;
    color: #000;
}
.badge.bg-info {
    background-color: var(--bs-info) !important;
}
.badge.bg-light {
    background-color: var(--bs-light) !important;
    color: var(--bs-dark);
}
.badge.bg-dark {
    background-color: var(--bs-dark) !important;
}

/* Progress */
.progress-bar {
    background-color: var(--bs-success);
}

/* جدول‌ها */
.table thead {
    background-color: var(--bs-primary);
    color: #fff;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: var(--bs-light);
}
.table-hover tbody tr:hover {
    background-color: var(--bs-secondary);
    color: #000;
}

/* Pagination */
.page-link {
    color: var(--bs-primary);
}
.page-link:hover {
    background-color: var(--bs-primary);
    color: #fff;
}
.page-item.active .page-link {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    color: #fff;
}

/* Accordion */
.accordion-button {
    background-color: var(--bs-light);
    color: var(--bs-dark);
}
.accordion-button:not(.collapsed) {
    background-color: var(--bs-secondary);
    color: #fff;
}

/* Tooltip */
.tooltip-inner {
    background-color: var(--bs-dark);
    color: #fff;
}

/* Modal */
.modal-header {
    background-color: var(--bs-primary);
    color: #fff;
}
.modal-footer {
    background-color: var(--bs-light);
}

/* ================================
   سفارشی‌سازی کامل جدول‌ها با پالت رنگ
   ================================ */

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: var(--bs-dark);
    vertical-align: middle;
    background-color: #fff;
    border-color: var(--bs-dark);
}

/* caption جدول */
.table caption {
    padding: 0.5rem;
    color: var(--bs-dark);
    background-color: var(--bs-light);
    caption-side: top;
    text-align: center;
    font-weight: bold;
}

/* هدر و فوتر جدول */
.table thead {
    background-color: var(--bs-primary);
    color: #fff;
}
.table thead th {
    border-color: var(--bs-dark);
}
.table tfoot {
    background-color: var(--bs-dark);
    color: #fff;
}
.table tfoot th {
    border-color: var(--bs-dark);
}

/* سطرها */
.table tbody tr {
    border-color: var(--bs-dark);
}
.table tbody tr:hover {
    background-color: var(--bs-secondary);
    color: #000;
}

/* جدول راه‌راه */
.table-striped > tbody > tr:nth-of-type(odd) > * {
    background-color: var(--bs-light);
}

/* جدول با بوردر */
.table-bordered > :not(caption) > * {
    border: 1px solid var(--bs-dark);
}

/* جدول بدون بوردر */
.table-borderless > :not(caption) > * {
    border: 0;
}

/* جدول hover */
/* .table-hover > tbody > tr:hover > * {
  background-color: var(--bs-secondary);
  color: #000;
} */

/* سطر فعال */
.table-active {
    background-color: var(--bs-secondary) !important;
    color: #000 !important;
}

/* اندازه کوچک */
.table-sm > :not(caption) > * > * {
    padding: 0.3rem;
}

/* تفکیک جنسیت */
/* .gender-men {
  color: var(--bs-primary) !important;
  font-weight: 600 !important;
  background-color: rgba(0, 130, 142, 0.1); */
/* پس‌زمینه ملایم برای آقایان */
/* } */

/* .gender-women {
  color: var(--bs-danger) !important;
  font-weight: 600 !important;
  background-color: rgba(172, 20, 87, 0.1);  */
/* پس‌زمینه ملایم برای بانوان */
/* } */

/* دیگه به text-primary دست نزن */
.text-primary {
    color: var(--bs-primary) !important;
}

/* تفکیک جنسیت با اولویت بالاتر */
.table td.gender-men {
    color: var(--bs-primary) !important;
    font-weight: 600 !important;
    background-color: rgba(0, 130, 142, 0.1) !important;
}

.table td.gender-women {
    color: var(--bs-danger) !important;
    font-weight: 600 !important;
    background-color: rgba(172, 20, 87, 0.1) !important;
}

/* وقتی روی سطر hover شد، نذار رنگ متن gender ها خراب بشه */
/* .table tbody tr:hover td.gender-men {
  color: var(--bs-primary) !important;
}
.table tbody tr:hover td.gender-women {
  color: var(--bs-danger) !important;
} */

/* کپشن اصلی جدول */
.table caption {
    color: var(--bs-primary) !important;
    background-color: #fff !important;
    caption-side: top;
    text-align: center;
    font-weight: bold;
}

/* ردیف‌های کپشن داخلی (مثل بخش اول، دوم، سوم) */
.table .section-divider td {
    background-color: #fff !important;
    color: var(--bs-primary) !important;
    font-weight: bold;
    text-align: center;
}

/* ردیف‌های داده (غیرکپشن) */
.table .inner-row-men td {
    /* خاکستری روشن + کمی رنگ اصلی آبی */
    background-color: rgba(0, 130, 142, 0.05); /* 5% رنگ اصلی روی خاکستری */
    color: var(--bs-primary) !important;
}

.table .inner-row-women td {
    /* خاکستری روشن + کمی رنگ اصلی آبی */
    background-color: rgba(
        172,
        20,
        87,
        0.1
    ) !important; /* 5% رنگ اصلی روی خاکستری */
    color: var(--bs-danger) !important;
}

/* برای هماهنگی hover */
/* .table tbody tr.inner-row:hover td {
  background-color: rgba(0, 130, 142, 0.2) !important;
} */

/* جدول عمومی */
.table {
    border-collapse: collapse; /* تا خطوط مشترک به هم بچسبند */
}

/* خطوط بین سلول‌ها */
.table,
.table th,
.table td {
    border: 1px solid #fff !important; /* سفید */
}

/* کپشن جدول */
.table caption {
    color: var(--bs-primary); /* رنگ اصلی */
    background-color: #fff; /* پس‌زمینه سفید */
    font-weight: bold;
    text-align: center;
    caption-side: top;
}

/* سطرهای غیرکپشن */
.table tbody tr.inner-row td {
    color: var(--bs-primary) !important; /* متن رنگ اصلی */
}

/* سطر کپشن بخش‌ها */
.table tbody tr.section-divider td {
    background-color: #fff !important; /* پس‌زمینه سفید */
    color: var(--bs-dark) !important; /* متن تیره */
    font-weight: bold;
}

/* حذف کل border از دور جدول */
.table {
    border: none !important;
    border-collapse: collapse;
}

/* کپشن جدول */
.table caption {
    color: var(--bs-primary); /* رنگ متن آقایان */
    background-color: #fff; /* پس‌زمینه سفید */
    font-weight: bold;
    text-align: center;
    caption-side: top;
    font-size: 1.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 3px solid var(--bs-primary); /* خط زیر کپشن */
}

/* سطرهای غیر کپشن */
.table tbody tr.inner-row td {
    background-color: rgba(0, 130, 142, 0.1) !important; /* پس‌زمینه ملایم */
    color: var(--bs-primary) !important; /* متن رنگ اصلی */
    border: 1px solid #fff; /* خطوط بین سلول‌ها سفید */
}

/* سطر کپشن بخش‌ها */
.table tbody tr.section-divider td {
    background-color: #fff !important; /* پس‌زمینه سفید */
    color: var(--bs-dark) !important; /* متن تیره */
    font-weight: bold;
    border: 1px solid #fff; /* خطوط بین سلول‌ها سفید */
}

/* حذف تمام borderهای دور caption و فقط خط پایین */
.table {
    border-collapse: collapse !important;
}

.table caption {
    display: table-caption !important;
    caption-side: top !important;
    text-align: center !important;
    font-weight: bold !important;
    font-size: 1.5rem !important;
    padding-bottom: 0.5rem !important;

    /* فقط خط پایین */
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 3px solid var(--bs-primary) !important;

    background-color: #fff !important;
    color: var(--bs-primary) !important;
}

.caption-wrapper {
    text-align: center;
}

.caption-wrapper .caption-text {
    display: inline-block;
    font-weight: bold;
    font-size: 1.5rem;
    color: var(--bs-primary);
    border-bottom: 3px solid var(--bs-primary); /* فقط خط پایین */
    padding-bottom: 0.5rem;
}

/* جلوگیری از تغییر رنگ hover روی تمام ردیف‌ها */
.table tbody tr:hover,
.table-hover tbody tr:hover,
.table tbody tr.inner-row:hover,
.table-hover tbody tr.inner-row:hover,
.table tbody tr.section-divider:hover,
.table-hover tbody tr.section-divider:hover {
    background-color: inherit !important; /* نگه داشتن پس‌زمینه اصلی */
    color: inherit !important; /* نگه داشتن رنگ متن اصلی */
}

/* کپشن آقایان */
.table caption.caption-men {
    font-weight: 500 !important; /* کمتر از bold */
    font-size: 1.2rem !important; /* کمی کوچکتر */
    border-bottom: 2px solid var(--bs-primary) !important; /* ضخامت کمتر خط */
    color: var(--bs-primary);
    padding-bottom: 0.4rem;
}

/* کپشن بانوان */
.table caption.caption-women {
    font-weight: 500 !important; /* کمتر از bold */
    font-size: 1.2rem !important; /* کمی کوچکتر */
    border-bottom: 2px solid var(--bs-primary) !important; /* ضخامت کمتر خط */
    color: var(--bs-danger);
    padding-bottom: 0.4rem;
}

/* آیکن کنار کپشن آقایان*/
.table caption.caption-men i {
    color: var(--bs-primary);
    font-size: 1.5rem;
    vertical-align: middle;
}

/* آیکن کنار کپشن بانوان*/
.table caption.caption-women i {
    color: var(--bs-danger);
    font-size: 1.5rem;
    vertical-align: middle;
}

/* متن داخل کپشن */
.table caption.caption-men .caption-text {
    color: var(--bs-primary);
}

/* آیکن داخل کپشن */
.table caption.caption-men .caption-icon svg {
    vertical-align: middle !important;
}

/* کارت درباره ما */
.about-card {
    background-color: #fff;
    border-radius: 1rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

/* متن پاراگراف */
.about-card p {
    text-align: justify;
    line-height: 1.9;
    text-indent: 1.5rem; /* تورفتگی خط اول */
}

/* آیتم‌های لیست */
.about-card .list-group-item {
    background-color: transparent;
    border: none;
    padding-left: 0;
    padding-right: 0;
    font-size: 0.95rem;
}

/* آیکن‌ها */
.about-card .list-group-item i {
    font-size: 1rem;
    vertical-align: middle;
}

.info-box i {
    flex-shrink: 0;
}

.license-box {
    background-color: var(--bs-light);
    border: 1px solid var(--bs-secondary);
    border-radius: 0.75rem;
    padding: 2rem 0;
    font-weight: bold;
    color: var(--bs-primary);
    transition: all 0.3s ease;
}

.license-box:hover {
    background-color: var(--bs-secondary);
    color: #fff;
    transform: translateY(-2px);
}

/* متن‌های Justify */
.text-justify {
    text-align: justify;
}

/* تورفتگی خط اول پاراگراف */
.paragraph-indent {
    text-indent: 1.5em; /* می‌تونی عدد رو تغییر بدی */
}