﻿@charset "utf-8";
/* CSS Document */
 
/* --- 1. ბაზისური განლაგება --- */
.icom-calendar-wrapper { max-width: 1200px; margin: auto; font-family: inherit; }
.icom-main-content { display: flex; gap: 40px; align-items: flex-start; }
.icom-sidebar { width: 320px; flex-shrink: 0; }
.icom-list { flex-grow: 1; }

.icom-title-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
#calendar-month-year { font-size: 24px; margin: 0; color: #333; }

/* --- 2. FullCalendar საერთო სტილები --- */
.fc-header-toolbar { margin: 0 !important; border: none !important; padding: 0 !important; display: flex !important; gap: 5px; justify-content: space-between; }
.fc-toolbar-chunk { display: flex !important; }
.fc-button { background: transparent !important; border: 1px solid #ddd !important; color: #333 !important; padding: 4px 8px !important; box-shadow: none !important; }
.fc-button-active, .fc-button:hover { background: #f5f5f5 !important; }
.fc-icon { line-height: 1.3em; }
.fc-theme-standard td, .fc-theme-standard th, .fc-scrollgrid { border: none !important; }
.fc .fc-daygrid-day.fc-day-today {
    background-color: #0005FF18;
}
/* --- 3. თვის ხედის (Month View) სტილები --- */
.fc-daygrid-day-frame { min-height: 55px !important; position: relative; cursor: pointer; display: flex; flex-direction: column; align-items: center; }
.fc-daygrid-day-number { width: 100%; text-align: center; padding: 10px 0 !important; display: block; float: none !important; }
.fc-day-other { visibility: hidden; }
.fc .fc-day-disabled { visibility:collapse; }
.fc-daygrid-event-harness { display: none !important; }
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events { position: absolute; }

/* წერტილები კალენდრის უჯრედში */
.icom-dots-container { position: absolute; bottom: 5px; left: 0; right: 0; display: flex; justify-content: center; gap: 3px; pointer-events: none; }
.icom-event-dot { width: 7px; height: 7px; border-radius: 50%; display: inline-block; }
.selected-day { background-color: #0005FF35 !important; border: 1px solid #00a19c !important; }

/* --- 4. წლის სიის ხედის (Year List View) სტილები --- */
:root { --fc-list-event-hover-bg-color: #264a99; }
.fc-listYear-view .fc-list-event { cursor: pointer; }
.fc-listYear-view .fc-list-day-cushion { background-color: #f8f9fa !important; font-weight: bold; color: #193a85; font-family: 'BPGNM',arial; padding: 8px 12px !important; }

.fc-event { background-color: #112249; border-radius: 6px; border: 1px solid #ffffff; }
.fc-list-event-graphic { display: none; }
td.fc-list-event-title { padding-left: 5px !important; width: 100%; }

/* წლის სიის ივენთის კონტენტი */
.list-event-custom-frame { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 2px 0; }
.list-event-main-info { display: flex; align-items: flex-start; gap: 12px; }
.fc-custom-dot { width: 12px; height: 12px; border-radius: 50%; display: inline-block; flex-shrink: 0; margin-top: 4px; border: 1px solid rgba(255,255,255,0.3); }
.list-event-text-block { display: flex; flex-direction: column; line-height: 1.2; }
.list-event-title { font-weight: bold; font-size: 1em; color: #ffffff; }
.list-event-location { font-size: 0.8em; color: #adb5bd; opacity: 0.7; }
.list-event-actions { display: flex; gap: 6px; }

/* --- 5. მარჯვენა ივენთების სიის ბარათები --- */
.icom-event-card { border-bottom: 1px solid #eee; padding: 20px 0; }
.card-top-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.event-range-date { color: #888; font-size: 14px; font-family: serif; }
.badge { background: #002c77; color: white; padding: 5px 8px 4px; font-size: 11px; font-weight: bold; font-family: arial,BPGNM; letter-spacing: .8px;}
.event-img { width: 100%; border-radius: 4px; margin: 15px 0; }
.details-btn { background: #f0f2f5; padding: 8px 15px; text-decoration: none; color: #002c77; font-weight: bold; border-radius: 4px; }

/* ხატულები და ღილაკები */
.icon-btn, .icon-btn-list { display: flex; align-items: center; justify-content: center; border-radius: 4px; text-decoration: none; transition: 0.2s; }
.icon-btn { width: 32px; height: 32px; border: 1px solid #ccc; background: #fff; color: #333; }
.icon-btn:hover { border-color: #000; background: #f9f9f9; }

.icon-btn-list { width: 30px; height: 30px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); color: white; }
.icon-btn-list:hover { background: rgba(255, 255, 255, 0.2); border-color: white; }

/* --- 6. "Add to Calendar" მენიუ --- */
.add-cal-wrapper { position: relative; margin-top: 15px; }
.cal-dropdown { display: none; position: absolute; background: white; box-shadow: 0 4px 10px rgba(0,0,0,0.15); z-index: 10; min-width: 150px; border: 1px solid #ddd; }
.cal-dropdown.show { display: block; }
.cal-dropdown a { display: block; padding: 8px 12px; color: #333; text-decoration: none; font-size: 13px; }
.cal-dropdown a:hover { background: #f5f5f5; }

/* --- 7. დინამიური ხედების მართვა (:has) --- */
.icom-sidebar:has(.fc-dayGridMonth-view) .icom-title-row { display: block; }
.icom-main-content:has(.fc-listYear-view) .icom-list { display: none; }
.icom-main-content:has(.fc-listYear-view) .icom-sidebar { width: 100%; flex: 0 0 100%; }

/* --- 8. ცარიელი სიის შეტყობინება --- */
p.empty-msg { text-align: center; display: inline-block; padding: 20px 50px; background: #4482; border: 1px solid #4484; border-radius: 10px; font-family: "bpg_arial",arial; font-size: large; margin-top: 30px; }
div#event-list-container:has(p.empty-msg) { text-align: center; }
.card-main-flex {    display: flex;    justify-content: space-between;}
.icons-column {    display: flex;    gap: 5px; }
@media (max-width: 767px) {
	.row{ display: block;	}
	.icom-calendar-wrapper .col-* { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #0003; width: 100% !important; }
	}
td.fc-list-event-time {    vertical-align: middle;}


