.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{font-family:'Poppins',Arial;}

.ui-datepicker-prev span, .ui-datepicker-next span{background-image:none !important; display:none;}
.ui-datepicker-prev:before, .ui-datepicker-next:before{font-family:'Font Awesome 6 Pro'; position:absolute; top:0; right:0; bottom:0; left:0; display:flex; font-weight:normal; align-items:center; justify-content:center; z-index:9;}
.ui-datepicker-prev:before{content:"\f104";}
.ui-datepicker-next:before{content:"\f105";}

.ui-widget.ui-widget-content{border:1px solid rgba(0,0,0,0.10); border-radius:12px; background:#fff; box-shadow:0 8px 24px rgba(0,0,0,0.13),0 2px 6px rgba(0,0,0,0.06); padding:6px;}

.ui-datepicker .ui-datepicker-header{position:relative; padding:8px 10px; border-radius:8px 8px 0 0; border:none; background:#1e2d5a; color:#fff; margin:-6px -6px 8px -6px; min-height:42px; display:flex; align-items:center;}

.ui-datepicker.dp-etiketli{overflow:visible; padding-bottom:24px;}
.ui-datepicker.dp-etiketli::before{content:attr(data-dp-etiket); position:absolute; bottom:0; left:0; right:0; font-size:8px; font-weight:400; letter-spacing:6px; text-transform:uppercase; color:#94a3b8; background:#fff; padding:5px 14px; border-top:1px solid rgba(0,0,0,0.07); border-radius:0 0 11px 11px; text-align:center; z-index:10; line-height:1.35;}

.ui-datepicker .ui-datepicker-title{font-size:14px; font-weight:500; margin:0 8px; text-align:left; position:relative; z-index:1; display:flex; align-items:center; gap:4px; flex:1;}

.ui-datepicker .ui-datepicker-span{width:auto; position:relative; cursor:pointer; transition:.15s; background:rgba(255,255,255,0.10); border-radius:6px;}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{width:auto; font-size:13px; font-weight:500; background:transparent; color:#fff; border:none; border-radius:6px; text-align:left; padding:4px 6px; position:relative; cursor:pointer; z-index:2; transition:.15s; outline:none;}
.ui-datepicker select.ui-datepicker-month:hover, .ui-datepicker select.ui-datepicker-year:hover{background:rgba(255,255,255,0.16);}
.ui-datepicker select.ui-datepicker-month option, .ui-datepicker select.ui-datepicker-year option{color:#1e293b; font-size:12px;}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{position:absolute; top:50%; transform:translateY(-50%); width:26px; height:26px; color:rgba(255,255,255,0.70); border-radius:6px; cursor:pointer; z-index:9999; transition:background .15s,color .15s;}
.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover{background:rgba(255,255,255,0.14); color:#fff;}
.ui-datepicker .ui-datepicker-next{right:8px;}
.ui-datepicker .ui-datepicker-prev{right:38px; left:auto;}

.ui-datepicker th{color:#94a3b8; font-size:10px; font-weight:700; padding:8px 2px 4px; text-align:center; text-transform:uppercase; letter-spacing:0.04em;}

.ui-datepicker td{padding:1px;}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, .ui-button.ui-state-disabled:hover, .ui-button.ui-state-disabled:active{border:0; background:transparent; font-weight:500; color:#1e293b; border-radius:7px; text-align:center;}

.ui-datepicker td span, .ui-datepicker td a{width:32px; height:32px; line-height:32px; text-align:center; font-size:12px; font-weight:500; display:inline-block; border-radius:7px; transition:background .12s,color .12s;}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus{border:0; background:#eef2ff; font-weight:500; color:#2f4dbf; border-radius:7px;}
.ui-datepicker td a:hover{background:#eef2ff; color:#2f4dbf; border-radius:7px;}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{border:0; background:#2f4dbf; font-weight:600; color:#fff; border-radius:7px;}

.ui-datepicker .ui-datepicker-today a, .ui-datepicker .ui-datepicker-today span{background:#f1f5ff; color:#2f4dbf; font-weight:700; border-radius:7px; outline:2px solid #c7d4ff; outline-offset:-2px;}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{opacity:0.32;}

.ui-datepicker{width:auto; padding:6px; display:none;}
.ui-datepicker table{width:100%; font-size:0.9em; border-collapse:collapse; margin:0;}

@media screen and (max-width: 768px) {
    .ui-datepicker.dp-mobil{position:fixed !important; top:auto !important; right:auto !important; left:50% !important; bottom:16px !important; transform:translateX(-50%); width:calc(100vw - 32px); max-width:360px; max-height:72vh; overflow-y:auto; z-index:10000 !important; box-shadow:0 -8px 32px rgba(0,0,0,0.24),0 2px 8px rgba(0,0,0,0.08); border-radius:12px; padding:8px;}
    .ui-datepicker.dp-mobil td span, .ui-datepicker.dp-mobil td a{width:36px; height:36px; line-height:36px; font-size:13px;}
    .ui-datepicker.dp-mobil.dp-etiketli{padding-bottom:28px;}
}