/* style.css - تصميم مخصص لموقع شجرة آل العبيري */

.navbar {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
}

.content {
    margin-top: 50px; /* إزاحة المحتوى */
    padding: 20px;
}

.rtl-label {
    direction: rtl;
    text-align: right;
}

.navbar-logo {
    width: 100px; /* حجم الشعار - يمكنك تعديله حسب الحاجة */
    height: auto;
}

.bsc-section {
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 20px;
    background-color: #f9f9f9;
}

.bsc-header {
    background-color: #007bff;
    color: white;
    text-align: center;
    padding: 10px;
    border-radius: 10px 10px 0 0;
    margin-bottom: 20px;
}

.objective {
    margin: 10px 0;
    padding: 10px;
    background-color: #e9ecef;
    border-radius: 5px;
    direction: rtl;
}

.flatpickr-input {
    background-color: #fff !important;
    color: #000 !important;
}

/* Remove arrows for all number inputs */
input[type="number"] {
    -moz-appearance: textfield; /* Firefox */
    -webkit-appearance: none; /* Chrome, Safari, Edge */
    appearance: none;
}

    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

.week-cell {
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
}

/*
.highlight {
    background-color: #28a745;
}
    */
.highlight {
    background-color: yellow !important;
}

.range-green {
    background-color: green !important;
}

.range-red {
    background-color: red !important;
}

.current-week {
    border: 2px solid #ffcc00 !important; /* تحديد بخط أصفر */
    background-color: #fff3cd !important; /* أو خلي له لون خلفية مميز */
}

.range-light-salmon {
    background-color: lightsalmon !important;
}

.initiative-row {
    cursor: pointer;
}

table.auto-fit th {
    white-space: nowrap;
    width: 1%;
}

.custom-font-size {
    font-size: 12px;
}

.header-black {
    background-color: black !important;
    color: white !important;
}

.header-white {
    background-color: white !important;
    color: black !important;
}

.row-no-border th {
    border: 0 !important;
}

.dropdown-menu {
    direction: rtl;
    text-align: right;
}
/* Rounded border */
hr.rounded {
    border-top: 8px solid black;
    border-radius: 5px;
}

.root-select {
    width: auto;
    min-width: 150px; /* الحد الأدنى للعرض */
    display: inline-block; /* يخليها تاخذ فقط مساحة المحتوى */
}

.list-group-numbered {
    padding-right: 0; /* إزالة الحشو الزائد */
    direction: rtl; /* الاتجاه من اليمين لليسار */
    text-align: right; /* محاذاة النصوص لليمين */
}

    .list-group-numbered > li::before {
        left: auto; /* تعطيل تموضع الأرقام الافتراضي */
        right: -1.5em; /* وضع الرقم على يمين العنصر */
        text-align: right; /* الرقم نفسه بمحاذاة اليمين */
    }