:root{
 --navy:#071d49;--navy2:#0d2c64;--blue:#1d4ed8;--light:#f5f7fb;
 --text:#18243b;--muted:#667085;--border:#e6eaf1;--white:#fff;
}
*{box-sizing:border-box} body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:#fff}
a{text-decoration:none;color:inherit}.topbar{background:var(--navy);color:#fff;font-size:.9rem}
.navbar{background:#fff;border-bottom:1px solid var(--border)}.navbar-brand img{width:58px;height:58px;object-fit:contain}
.brand-title{font-weight:800;letter-spacing:.02em;color:var(--navy);line-height:1}.brand-sub{font-size:.72rem;color:#64748b}
.nav-link{font-weight:650;font-size:.9rem;padding:1.6rem .8rem!important}.nav-link.active,.nav-link:hover{color:var(--blue)!important}
.btn-brand{background:var(--navy);color:#fff;border:0}.btn-brand:hover{background:var(--navy2);color:#fff}
.hero{background:linear-gradient(110deg,rgba(7,29,73,.97),rgba(13,44,100,.82)),url('../../yuklenen/animasyonlar/1/b-catkale-koyu-17679090313176.jpg') center/cover;color:#fff;padding:90px 0}
.hero h1{font-size:clamp(2.4rem,5vw,4.5rem);font-weight:800}.hero p{max-width:680px;color:#dbe5f7;font-size:1.1rem}
.section{padding:80px 0}.section-sm{padding:55px 0}.section-title{font-weight:800;color:var(--navy)}.section-lead{color:var(--muted)}
.card-modern{border:1px solid var(--border);border-radius:18px;overflow:hidden;background:#fff;transition:.25s;height:100%;box-shadow:0 8px 30px rgba(15,23,42,.04)}
.card-modern:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(15,23,42,.10)}
.event-img,.news-img{height:220px;object-fit:cover;width:100%}.event-body,.news-body{padding:22px}
.date-badge{position:absolute;top:16px;left:16px;background:#fff;color:var(--navy);border-radius:12px;padding:8px 12px;text-align:center;font-weight:800;box-shadow:0 8px 20px rgba(0,0,0,.12)}.date-badge strong{display:block;font-size:1.4rem;line-height:1}.date-badge small{font-size:.68rem}
.tag{display:inline-block;background:#eaf1ff;color:#1747a6;border-radius:50px;padding:5px 10px;font-size:.72rem;font-weight:750}
.meta{color:#68758a;font-size:.86rem}.meta i{color:var(--blue);width:20px}
.filter-btn{border:1px solid var(--border);background:#fff;color:#46536a;border-radius:10px;padding:10px 16px;font-weight:650}.filter-btn.active,.filter-btn:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.side-box{border:1px solid var(--border);border-radius:18px;padding:24px;background:#fff}.upcoming-item{display:flex;gap:14px;padding:15px 0;border-bottom:1px solid var(--border)}.upcoming-item:last-child{border-bottom:0}
.mini-date{min-width:58px;height:58px;border:1px solid var(--border);border-radius:10px;text-align:center;padding:7px;color:var(--navy);font-weight:800}.mini-date strong{font-size:1.2rem;display:block;line-height:1}
.newsletter{background:linear-gradient(135deg,var(--navy),#123d89);color:#fff;border-radius:22px;padding:34px}.newsletter p{color:#cbd8ed}
.feature{padding:22px;border-top:1px solid var(--border)}.feature-icon{width:46px;height:46px;border-radius:12px;background:#edf3ff;color:var(--blue);display:grid;place-items:center;font-size:1.2rem}
.footer{background:var(--navy);color:#dbe5f7;padding:65px 0 25px}.footer h6{color:#fff;font-weight:800}.footer a{color:#c6d2e6;display:block;margin:9px 0}.footer a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:35px;padding-top:20px}
.breadcrumb-wrap{background:#e79c92;padding:14px 0}.breadcrumb{margin:0}
.detail-cover{height:470px;width:100%;object-fit:cover;border-radius:20px}.gallery-img{height:240px;width:100%;object-fit:cover;border-radius:16px}.profile-card{border:1px solid var(--border);border-radius:20px;padding:28px;background:#fff}.avatar{width:92px;height:92px;border-radius:50%;background:linear-gradient(135deg,#dce8ff,#fff);display:grid;place-items:center;color:var(--navy);font-size:2rem;font-weight:800}
.login-page{min-height:100vh;background:linear-gradient(135deg,#071d49,#173e83);display:flex;align-items:center;padding:30px 0}.login-card{max-width:460px;margin:auto;background:#fff;border-radius:22px;padding:38px;box-shadow:0 25px 70px rgba(0,0,0,.2)}
.form-control,.form-select{border-radius:10px;padding:.75rem 1rem;border-color:#dfe5ee}.form-control:focus,.form-select:focus{box-shadow:0 0 0 .2rem rgba(29,78,216,.12);border-color:#7ea0e8}
@media(max-width:991px){.nav-link{padding:.75rem!important}.hero{padding:65px 0}.section{padding:60px 0}}

/* Ana sayfa ek bileşenleri */
.calendar-card{border:1px solid var(--border);border-radius:22px;padding:24px;background:#fff;box-shadow:0 10px 35px rgba(15,23,42,.05)}
.calendar-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}
.calendar-weekdays>div{text-align:center;font-weight:750;color:#718096;font-size:.82rem;padding:8px}
.calendar-day{min-height:95px;border:1px solid var(--border);border-radius:12px;padding:9px;background:#fff;position:relative;cursor:pointer;transition:.2s}
.calendar-day:hover{border-color:#9bb4e7;box-shadow:0 5px 15px rgba(15,23,42,.06)}
.calendar-day.muted{background:#fafbfc;color:#b5bdc9}.calendar-day.today{border:2px solid var(--blue)}
.day-number{font-weight:800;color:var(--navy)}.calendar-event{display:block;margin-top:7px;background:#edf3ff;color:#1747a6;border-radius:7px;padding:4px 6px;font-size:.7rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.calendar-legend{display:flex;gap:20px;color:#667085;font-size:.8rem}.legend-dot,.legend-today{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:5px;background:#1d4ed8}.legend-today{background:#fff;border:2px solid #1d4ed8}
.heritage-card{height:100%;background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:0 8px 25px rgba(15,23,42,.04);transition:.2s}.heritage-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px rgba(15,23,42,.1)}
.heritage-card img{width:100%;height:210px;object-fit:cover}.heritage-body{padding:20px}.heritage-body h4{font-weight:800;color:var(--navy);margin-top:12px}.heritage-body p{color:#667085;font-size:.9rem;line-height:1.7}
.village-gallery img{width:100%;height:245px;object-fit:cover;border-radius:16px;display:block;transition:.25s}.village-gallery img:hover{transform:scale(1.015)}
.video-card{background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:0 8px 25px rgba(15,23,42,.05)}.video-card iframe{border:0}
@media(max-width:767px){.calendar-day{min-height:72px;padding:6px}.calendar-event{font-size:.62rem}.calendar-weekdays>div{font-size:.7rem}.village-gallery img{height:190px}}

/* Pastel tema ve ana sayfa son düzenlemeleri */
:root{
 --navy:#304a6e;
 --navy2:#405f87;
 --blue:#6e91bd;
 --light:#f7f8f6;
 --text:#344054;
 --muted:#7a8797;
 --border:#e5e9ee;
 --pastel-blue:#eaf1f7;
 --pastel-green:#eaf3ee;
 --pastel-peach:#fbf0e8;
 --pastel-yellow:#faf4df;
}
body{background:#fff;color:var(--text)}
.topbar{background:#304a6e}
.navbar{background:#fff}
.nav-link.active,.nav-link:hover{color:#6e91bd!important}
.btn-brand{background:#304a6e}.btn-brand:hover{background:#405f87}
.btn-pastel-primary{background:#eaf1f7;color:#304a6e;border:1px solid #d6e1ec;font-weight:700}
.btn-pastel-primary:hover{background:#dce8f3;color:#304a6e}
.hero{background:linear-gradient(110deg,rgba(48,74,110,.93),rgba(89,120,151,.78)),url('../../yuklenen/animasyonlar/1/b-catkale-koyu-17679090313176.jpg') center/cover}
.tag{background:#eaf1f7;color:#526f91}
.section-title{color:#304a6e}
.events-section{background:#f8fafb}
.calendar-card{padding:26px;background:#fff;border-color:#e2e7ed;box-shadow:0 12px 35px rgba(48,74,110,.07)}
.calendar-nav{border:1px solid #dce4eb;background:#f5f8fa;color:#526f91;width:42px;height:42px;border-radius:11px}
.calendar-nav:hover{background:#eaf1f7}
.calendar-day{background:#fff;border-color:#e7ebef;min-height:88px}
.calendar-day:hover{border-color:#bfd0df}
.calendar-day.today{border:2px solid #9bb7cf}
.calendar-event{background:#edf4f8;color:#526f91}
.monthly-events-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,.85fr);gap:24px}
.month-events-panel{background:#fff;border:1px solid #e2e7ed;border-radius:22px;padding:25px;box-shadow:0 12px 35px rgba(48,74,110,.06)}
.month-event-cards{display:flex;flex-direction:column;gap:12px;margin-top:20px}
.month-event-card{display:flex;gap:15px;align-items:center;padding:14px;border-radius:15px;border:1px solid #e7ebef;background:#fbfcfc;transition:.2s}
.month-event-card:hover{transform:translateX(3px);background:#f4f8fa;border-color:#d8e2ea}
.month-event-date{min-width:62px;height:62px;border-radius:14px;background:#eaf1f7;color:#526f91;display:grid;place-items:center;text-align:center;font-weight:800}
.month-event-date strong{display:block;font-size:1.35rem;line-height:1}
.month-event-date small{font-size:.65rem}
.month-event-card h5{font-weight:800;color:#304a6e;margin:0 0 4px}
.month-event-card p{margin:0;color:#7a8797;font-size:.8rem}
.no-events{padding:25px;border-radius:15px;background:#f8fafb;color:#7a8797;text-align:center}
.heritage-card{box-shadow:0 8px 25px rgba(48,74,110,.05);border-color:#e5e9ee}
.heritage-card img{filter:saturate(.85)}
.village-section{background:#fff}
.village-gallery a{display:block;overflow:hidden;border-radius:16px}
.village-gallery img{transition:transform .35s,filter .35s;filter:saturate(.88)}
.village-gallery a:hover img{transform:scale(1.035);filter:saturate(1)}
.lightbox-content{background:transparent;border:0;position:relative}
.lightbox-content img{width:100%;max-height:85vh;object-fit:contain;border-radius:12px}
.lightbox-close{position:absolute;right:10px;top:10px;z-index:3;background-color:rgba(0,0,0,.55);border-radius:50%;padding:12px}
.video-card{box-shadow:0 8px 25px rgba(48,74,110,.05);border-color:#e5e9ee}
.newsletter{background:linear-gradient(135deg,#eaf1f7,#f2f6f4);color:#304a6e;border:1px solid #dfe7ec}
.newsletter p{color:#6d7c8d}
.newsletter .btn-light{background:#304a6e;color:#fff;border:0}
.footer{background:#304a6e}
@media(max-width:991px){.monthly-events-layout{grid-template-columns:1fr}.month-events-panel{margin-top:0}}
@media(max-width:575px){.calendar-day{min-height:68px}.calendar-event{display:none}.calendar-weekdays{gap:3px}.calendar-grid{gap:4px}}

/* CANLI KIRMIZI / TURUNCU TEMA */
:root{--navy:#8f2d1f;--navy2:#b63b25;--blue:#e4572e;--light:#fff8f4;--text:#3f3a38;--muted:#776f6a;--border:#eee0da}
.topbar{background:#8f2d1f}.navbar{background:#fffdfb}.nav-link.active,.nav-link:hover{color:#c93b27!important}
.btn-brand{background:linear-gradient(135deg,#c93b27,#e4572e);border:0}.btn-brand:hover{background:linear-gradient(135deg,#a82f20,#d94625)}
.btn-pastel-primary{background:linear-gradient(135deg,#fff0e3,#fde9e5);color:#9b3324;border:1px solid #f2d4c8;font-weight:750}.btn-pastel-primary:hover{background:#f9d8cb;color:#85271b}
.hero{background:linear-gradient(110deg,rgba(143,45,31,.94),rgba(224,87,46,.78)),url('../../yuklenen/animasyonlar/1/b-catkale-koyu-17679090313176.jpg') center/cover}
.tag{background:#fff0e3;color:#b44725}.section-title{color:#8f2d1f}.events-section{background:linear-gradient(180deg,#fff9f5,#fffdfb)}
.calendar-card{border-color:#eeddd6;box-shadow:0 12px 35px rgba(143,45,31,.08)}.calendar-nav{border-color:#efd8ce;background:#fff5ef;color:#a83a25}.calendar-nav:hover{background:#fde7dd}
.calendar-day:hover{border-color:#e8b8a9;box-shadow:0 5px 15px rgba(143,45,31,.07)}.calendar-day.today{border:2px solid #e4572e}.calendar-event{background:#fff0e3;color:#a83a25}
.month-events-panel{border-color:#eeddd6;box-shadow:0 12px 35px rgba(143,45,31,.07)}.month-event-card{border-color:#f0dfd8;background:#fffaf7}.month-event-card:hover{background:#fff1ea;border-color:#edc2b3}.month-event-date{background:linear-gradient(135deg,#fde9e5,#fff0e3);color:#a83a25}.month-event-card h5{color:#8f2d1f}
.heritage-card{border-color:#eee0da;box-shadow:0 8px 25px rgba(143,45,31,.05)}.heritage-card:hover{box-shadow:0 16px 35px rgba(143,45,31,.11)}
.video-card{border-color:#eee0da}.newsletter{background:linear-gradient(135deg,#fff0e3,#fde9e5);color:#8f2d1f;border-color:#efd9d0}.newsletter .btn-light{background:#c93b27;color:#fff}.footer{background:#8f2d1f}
a{color:#c93b27}.text-primary{color:#c93b27!important}.bg-light{background:#fff8f4!important}

/* Takvim tarih seçimi */
.calendar-day.has-event{cursor:pointer}
.calendar-day.selected{border:2px solid #c93b27!important;background:#fff4ee;box-shadow:0 5px 18px rgba(201,59,39,.12)}
.selected-event-box{margin-top:20px;padding:18px;border-radius:17px;background:linear-gradient(135deg,#fff4ed,#fde9e4);border:1px solid #efd1c6;min-height:122px}
.selected-event-empty{min-height:85px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#a25a49;text-align:center}
.selected-event-empty i{font-size:1.7rem}
.selected-event-box .event-date-badge{display:inline-block;padding:5px 10px;border-radius:8px;background:#c93b27;color:#fff;font-size:.72rem;font-weight:800;margin-bottom:8px}
.selected-event-box h4{font-size:1.05rem;color:#8f2d1f;font-weight:800;margin:0 0 5px}
.selected-event-box p{font-size:.82rem;color:#75645f;margin:0 0 12px;line-height:1.55}
.selected-event-box .event-detail-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:9px;background:#c93b27;color:#fff;text-decoration:none;font-size:.76rem;font-weight:700}
.selected-event-box .event-detail-btn:hover{background:#a92f20;color:#fff}

/* Mavi tonları kaldır: kırmızı/turuncu tema */
:root{--blue:#c93b27;--navy:#8f2d1f;--navy2:#b63b25}
.btn-outline-primary{--bs-btn-color:#c93b27;--bs-btn-border-color:#c93b27;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#c93b27;--bs-btn-hover-border-color:#c93b27}
.btn-primary{--bs-btn-bg:#c93b27;--bs-btn-border-color:#c93b27;--bs-btn-hover-bg:#a92f20;--bs-btn-hover-border-color:#a92f20}
.badge.bg-primary{background-color:#c93b27!important}
.progress-bar{background-color:#c93b27}

/* FINAL: kırmızı-turuncu tema ve takvim seçimi */
:root{
  --navy:#8f2d1f;--navy2:#b63b25;--blue:#c93b27;
  --light:#fff8f4;--text:#3f3a38;--muted:#776f6a;
  --border:#eee0da;
}
.selected-event-box{margin-top:20px;padding:18px;border-radius:17px;background:linear-gradient(135deg,#fff4ed,#fde9e4);border:1px solid #efd1c6;min-height:122px}
.selected-event-empty{min-height:85px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#a25a49;text-align:center}
.selected-event-empty i{font-size:1.7rem}
.selected-event-box .event-date-badge{display:inline-block;padding:5px 10px;border-radius:8px;background:#c93b27;color:#fff;font-size:.72rem;font-weight:800;margin-bottom:8px}
.selected-event-box h4{font-size:1.05rem;color:#8f2d1f;font-weight:800;margin:0 0 5px}
.selected-event-box p{font-size:.82rem;color:#75645f;margin:0 0 12px;line-height:1.55}
.selected-event-box .event-detail-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:9px;background:#c93b27;color:#fff;text-decoration:none;font-size:.76rem;font-weight:700}
.selected-event-box .event-detail-btn:hover{background:#a92f20;color:#fff}
.calendar-day.selected{border:2px solid #c93b27!important;background:#fff4ee;box-shadow:0 5px 18px rgba(201,59,39,.12)}
.calendar-day.has-event{cursor:pointer}
.btn-outline-primary{--bs-btn-color:#c93b27;--bs-btn-border-color:#c93b27;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#c93b27;--bs-btn-hover-border-color:#c93b27}
.btn-primary{--bs-btn-bg:#c93b27;--bs-btn-border-color:#c93b27;--bs-btn-hover-bg:#a92f20;--bs-btn-hover-border-color:#a92f20}
.text-primary{color:#c93b27!important}
.bg-primary{background-color:#c93b27!important}

/* FINAL HOMEPAGE LAYOUT SAFETY */
.monthly-events-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,.85fr);gap:24px}
.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.calendar-weekdays>div{text-align:center;font-weight:750;color:#8f2d1f;font-size:.8rem}
.calendar-day{min-height:88px;border:1px solid #eee0da;border-radius:12px;padding:9px;background:#fff;position:relative}
.calendar-day.muted{opacity:.38;background:#faf7f5}
.calendar-day .day-number{font-weight:800;color:#6d554f}
.calendar-day.today{border:2px solid #e4572e}
.calendar-event{display:block;margin-top:6px;padding:4px 6px;border-radius:7px;background:#fff0e3;color:#a83a25;font-size:.67rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:991px){.monthly-events-layout{grid-template-columns:1fr}}


/* =========================================================
   MOBİL ETKİNLİK TAKVİMİ - KESİN DÜZELTME
   Uzun etkinlik adı grid sütununu genişletmesin.
   ========================================================= */

.calendar-card,
.monthly-events-layout,
.month-events-panel {
    min-width: 0 !important;
    max-width: 100% !important;
}

.calendar-weekdays,
.calendar-grid {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    gap: 8px !important;
}

.calendar-weekdays > div {
    min-width: 0 !important;
    width: auto !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-align: center;
}

.calendar-day {
    min-width: 0 !important;
    width: auto !important;
    max-width: 100% !important;
    overflow: hidden !important;
}

.calendar-event {
    display: block !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

@media (max-width: 575px) {

    .calendar-card {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: hidden !important;
        padding: 14px !important;
    }

    .calendar-weekdays,
    .calendar-grid {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
        gap: 4px !important;
    }

    .calendar-weekdays > div {
        min-width: 0 !important;
        padding: 5px 1px !important;
        font-size: .68rem !important;
        white-space: nowrap;
    }

    .calendar-day {
        min-width: 0 !important;
        width: auto !important;
        min-height: 68px !important;
        padding: 6px 4px !important;
        overflow: hidden !important;
    }

    .calendar-day .day-number {
        font-size: .78rem !important;
    }

    .calendar-event {
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 3px 4px !important;
        font-size: .55rem !important;
        line-height: 1.2 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .calendar-head {
        min-width: 0 !important;
        flex-wrap: wrap;
        gap: 8px;
    }

    .calendar-head > * {
        min-width: 0 !important;
    }
}

/* Çok küçük telefonlar */
@media (max-width: 400px) {

    .calendar-card {
        padding: 10px !important;
    }

    .calendar-weekdays,
    .calendar-grid {
        gap: 3px !important;
    }

    .calendar-day {
        min-height: 60px !important;
        padding: 5px 3px !important;
        border-radius: 8px !important;
    }

    .calendar-weekdays > div {
        font-size: .62rem !important;
    }

    .calendar-day .day-number {
        font-size: .72rem !important;
    }

    .calendar-event {
        font-size: .50rem !important;
        padding: 2px 3px !important;
    }
}


/* =========================================================
   MOBİL ETKİNLİK YAZISI - 2 SATIR
   ========================================================= */

@media (max-width: 575px) {
    .calendar-event {
        display: -webkit-box !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        white-space: normal !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
        line-height: 1.2 !important;
        max-height: 2.4em !important;
        padding: 3px 4px !important;
        font-size: .55rem !important;
    }
}

@media (max-width: 400px) {
    .calendar-event {
        font-size: .50rem !important;
        line-height: 1.2 !important;
        max-height: 2.4em !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
        padding: 2px 3px !important;
    }
}
.map-container {
    width: 700px;
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    aspect-ratio: 16 / 9;
}

.map-container iframe {
    width: 100% !important;
    height: 100% !important;
    min-height: 300px;
    border: 0;
    display: block;
}
@media (max-width: 767px) {
    .map-container {
        aspect-ratio: 4 / 3;
        border-radius: 12px;
    }

    .map-container iframe {
        min-height: 280px;
    }
}
.register-alert {
    display: none;
    width: 100%;
    padding: 12px 15px;
    margin-bottom: 15px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 1.4;
}

.register-alert.success {
    display: block;
    background: #d1e7dd;
    color: #0f5132;
    border: 1px solid #badbcc;
}

.register-alert.error {
    display: block;
    background: #f8d7da;
    color: #842029;
    border: 1px solid #f5c2c7;
}

.register-alert.warning {
    display: block;
    background: #fff3cd;
    color: #664d03;
    border: 1px solid #ffecb5;
}
.login-alert {
    display: none;
    width: 100%;
    padding: 12px 15px;
    margin-bottom: 15px;
    border-radius: 6px;
    font-size: 14px;
}

.login-alert.success {
    background: #d1e7dd;
    color: #0f5132;
    border: 1px solid #badbcc;
}

.login-alert.error {
    background: #f8d7da;
    color: #842029;
    border: 1px solid #f5c2c7;
}
.table-action-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    width: 36px;
    height: 36px;

    padding: 0 !important;
    margin: 0 3px;

    border-radius: 8px;

    background: #fff !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.table-edit-btn {
    color: #0d6efd !important;
    border: 1px solid #0d6efd !important;
}

.table-delete-btn {
    color: #dc3545 !important;
    border: 1px solid #dc3545 !important;
}

.table-action-btn:hover {
    color: #fff !important;
}

.table-edit-btn:hover {
    background: #0d6efd !important;
}

.table-delete-btn:hover {
    background: #dc3545 !important;
}