/* RUYA_PARENT_CALENDAR_PREMIUM_V1 */

/*
 Header ve alt navigasyona dokunulmaz.
 Bu dosya yalnızca veli Takvim içeriğini stiller.
*/

body[data-ruya-page="calendar"]
#root .role-parent
.ruyaV243Toolbar{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
}

body.ruyaParentCalendarOverlayOpen{
    overflow:hidden!important;
}

html body #root
.ruyaParentCalendarPremium{
    min-width:0!important;
    background:#fff!important;
    padding-bottom:
        calc(
            104px +
            env(safe-area-inset-bottom)
        )!important;
}

/* INTRO */

.ruyaParentCalIntro{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin:4px 0 17px;
    padding:8px 2px 0;
}

.ruyaParentCalIntro h1{
    margin:0 0 4px;
    color:#16233e;
    font-size:23px;
    line-height:1.15;
    letter-spacing:-.035em;
    font-weight:750;
}

.ruyaParentCalIntro p{
    margin:0;
    color:#8490a3;
    font-size:12.5px;
    line-height:1.45;
}

.ruyaParentCalIntro>span{
    flex:0 0 48px;
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    border:1px solid #e5ebf5;
    border-radius:16px;
    color:#4269bd;
    background:
        linear-gradient(
            145deg,
            #eef4ff,
            #fafcff
        );
}

/* CARDS */

.ruyaParentCalList{
    display:grid;
    gap:11px;
}

.ruyaParentCalCard{
    appearance:none;
    -webkit-appearance:none;
    width:100%;
    min-height:102px;
    display:grid;
    grid-template-columns:
        70px
        minmax(0,1fr)
        64px
        14px;
    align-items:center;
    gap:11px;
    margin:0;
    padding:10px;
    overflow:hidden;
    position:relative;
    text-align:left;
    border:1px solid #ebeff5;
    border-radius:19px;
    background:#fff;
    color:#17243d;
    box-shadow:
        0 7px 23px
        rgba(32,51,82,.065);
    transition:
        transform .14s ease,
        box-shadow .14s ease;
}

.ruyaParentCalCard:active{
    transform:scale(.992);
}

.ruyaParentCalCard.past{
    opacity:.78;
}

.ruyaParentCalDate{
    width:70px;
    height:79px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border-radius:15px;
    border:1px solid transparent;
    background:#eff5ff;
    color:#365f9d;
}

.ruyaParentCalCard.tone-0
.ruyaParentCalDate{
    color:#b64253;
    background:#fff0f2;
    border-color:#f9e4e7;
}

.ruyaParentCalCard.tone-1
.ruyaParentCalDate{
    color:#3560a0;
    background:#edf4ff;
    border-color:#e3ebfa;
}

.ruyaParentCalCard.tone-2
.ruyaParentCalDate{
    color:#37765f;
    background:#edf9f4;
    border-color:#e3f3ec;
}

.ruyaParentCalCard.tone-3
.ruyaParentCalDate{
    color:#a8662e;
    background:#fff5ea;
    border-color:#f8eadb;
}

.ruyaParentCalDate b{
    font-size:27px;
    line-height:1;
    font-weight:750;
    letter-spacing:-.05em;
}

.ruyaParentCalDate strong{
    margin-top:4px;
    font-size:10px;
    line-height:1;
    letter-spacing:.035em;
}

.ruyaParentCalDate small{
    margin-top:5px;
    font-size:9.5px;
    line-height:1;
    opacity:.72;
    text-transform:capitalize;
}

.ruyaParentCalCardCopy{
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}

.ruyaParentCalTitle{
    width:100%;
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    color:#17233d;
    font-size:13.5px;
    line-height:1.32;
    letter-spacing:-.012em;
    font-weight:700;
}

.ruyaParentCalMeta{
    width:100%;
    display:flex;
    align-items:center;
    gap:6px;
    margin-top:7px;
    color:#586a84;
    font-size:10.8px;
    line-height:1.3;
}

.ruyaParentCalMeta svg{
    flex:none;
    color:#5c79ae;
}

.ruyaParentCalMeta.secondary{
    margin-top:4px;
    color:#8d98a9;
}

.ruyaParentCalThumb{
    width:64px;
    height:64px;
    overflow:hidden;
    display:grid;
    place-items:center;
    border:1px solid #edf0f5;
    border-radius:14px;
    background:
        linear-gradient(
            145deg,
            #f1f4f9,
            #fafbfd
        );
}

.ruyaParentCalThumb>img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.ruyaParentCalThumbFallback{
    width:100%;
    height:100%;
    display:grid;
    place-items:center;
    color:#7890b5;
}

.ruyaParentCalArrow{
    color:#94a3b8;
    font-size:24px;
    line-height:1;
    font-weight:300;
}

/* EMPTY */

.ruyaParentCalEmpty{
    min-height:330px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:28px 24px;
    text-align:center;
}

.ruyaParentCalEmpty>span{
    width:80px;
    height:80px;
    display:grid;
    place-items:center;
    border-radius:26px;
    color:#7695c8;
    background:#eff5fc;
}

.ruyaParentCalEmpty h3{
    margin:19px 0 6px;
    color:#1d2942;
    font-size:17px;
}

.ruyaParentCalEmpty p{
    max-width:270px;
    margin:0;
    color:#8994a6;
    font-size:12.5px;
    line-height:1.55;
}

.ruyaParentCalNoUpcoming{
    margin-bottom:12px;
    padding:17px;
    border-radius:16px;
    background:#f8fafc;
    color:#7d899c;
    text-align:center;
    font-size:12px;
}

/* PAST */

.ruyaParentCalPast{
    margin-top:17px;
}

.ruyaParentCalPastToggle{
    appearance:none;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:13px 15px;
    border:1px solid #ebeff4;
    border-radius:16px;
    background:#fafbfc;
    color:#21304a;
    text-align:left;
}

.ruyaParentCalPastToggle>span{
    display:flex;
    flex-direction:column;
    gap:3px;
}

.ruyaParentCalPastToggle b{
    font-size:12.5px;
}

.ruyaParentCalPastToggle small{
    color:#929cac;
    font-size:10.5px;
}

.ruyaParentCalPastToggle i{
    font-style:normal;
    font-size:22px;
    color:#8795aa;
    transition:transform .18s ease;
}

.ruyaParentCalPastToggle i.open{
    transform:rotate(90deg);
}

.ruyaParentCalList.past{
    margin-top:10px;
}

/* DETAIL */

.ruyaParentCalDetailBack{
    position:fixed!important;
    inset:0!important;
    z-index:2147483200!important;
    display:flex!important;
    align-items:flex-end!important;
    justify-content:center!important;
    padding:
        12px
        10px
        calc(
            10px +
            env(safe-area-inset-bottom)
        )!important;
    background:
        rgba(16,26,46,.48)!important;
    backdrop-filter:
        blur(7px)!important;
    -webkit-backdrop-filter:
        blur(7px)!important;
}

.ruyaParentCalDetail{
    width:min(100%,540px)!important;
    max-height:91dvh!important;
    overflow:auto!important;
    overscroll-behavior:contain!important;
    position:relative!important;
    border-radius:27px!important;
    background:#fff!important;
    box-shadow:
        0 28px 78px
        rgba(12,22,42,.28)!important;
}

.ruyaParentCalHandle{
    width:40px!important;
    height:4px!important;
    margin:9px auto 4px!important;
    border-radius:99px!important;
    background:#d8dee8!important;
}

.ruyaParentCalClose{
    position:absolute!important;
    top:14px!important;
    right:14px!important;
    z-index:4!important;
    width:38px!important;
    height:38px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    background:#f1f4f8!important;
    color:#4e5d73!important;
    font-size:23px!important;
    line-height:1!important;
}

.ruyaParentCalDetailDate{
    width:76px!important;
    height:78px!important;
    margin:
        23px
        20px
        0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:20px!important;
    color:#3c619d!important;
    background:
        linear-gradient(
            145deg,
            #edf4ff,
            #f8fbff
        )!important;
    border:
        1px solid
        #e1eaf7!important;
}

.ruyaParentCalDetailDate b{
    font-size:28px!important;
    line-height:1!important;
    letter-spacing:-.05em!important;
}

.ruyaParentCalDetailDate span{
    margin-top:5px!important;
    font-size:10px!important;
    font-weight:750!important;
}

.ruyaParentCalDetailBody{
    padding:
        17px
        20px
        19px!important;
}

.ruyaParentCalType{
    display:inline-flex!important;
    align-items:center!important;
    min-height:25px!important;
    padding:0 9px!important;
    border-radius:99px!important;
    background:#eef3fb!important;
    color:#4c6da5!important;
    font-size:9.5px!important;
    font-weight:750!important;
}

.ruyaParentCalDetailBody h2{
    margin:
        10px
        36px
        15px
        0!important;
    color:#17243e!important;
    font-size:20px!important;
    line-height:1.27!important;
    letter-spacing:-.03em!important;
}

.ruyaParentCalDetailMeta{
    display:grid!important;
    gap:8px!important;
    padding-bottom:17px!important;
    border-bottom:
        1px solid
        #edf0f4!important;
}

.ruyaParentCalDetailMeta p{
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    margin:0!important;
    color:#586880!important;
    font-size:12.2px!important;
    line-height:1.4!important;
}

.ruyaParentCalDetailMeta svg{
    flex:none!important;
    color:#5978ad!important;
}

.ruyaParentCalDescription{
    margin:
        17px
        0
        18px!important;
    color:#59677b!important;
    font-size:13px!important;
    line-height:1.62!important;
    white-space:pre-line!important;
}

.ruyaParentCalDescription.empty{
    color:#929cab!important;
    font-style:italic!important;
}

/* FILES */

.ruyaParentCalFiles{
    margin-top:4px!important;
    padding-top:17px!important;
    border-top:
        1px solid
        #edf0f4!important;
}

.ruyaParentCalFilesHead{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    margin-bottom:8px!important;
}

.ruyaParentCalFilesHead strong{
    color:#1f2c45!important;
    font-size:13.5px!important;
}

.ruyaParentCalFilesHead>span{
    min-width:24px!important;
    height:24px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:99px!important;
    background:#eef3fb!important;
    color:#4d6da2!important;
    font-size:10.5px!important;
    font-weight:700!important;
}

.ruyaParentCalFile{
    appearance:none!important;
    width:100%!important;
    min-height:61px!important;
    display:grid!important;
    grid-template-columns:
        43px
        minmax(0,1fr)
        18px!important;
    align-items:center!important;
    gap:11px!important;
    margin-top:8px!important;
    padding:8px 10px!important;
    border:
        1px solid
        #e9edf3!important;
    border-radius:15px!important;
    background:#fafbfc!important;
    color:#23324e!important;
    text-align:left!important;
}

.ruyaParentCalFile:active{
    background:#f4f7fb!important;
}

.ruyaParentCalFile>span:nth-child(2){
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:3px!important;
}

.ruyaParentCalFile b{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:12px!important;
}

.ruyaParentCalFile small{
    color:#929cad!important;
    font-size:10px!important;
}

.ruyaParentCalFile i{
    color:#8998ad!important;
    font-style:normal!important;
    font-size:21px!important;
}

.ruyaParentCalFileIcon{
    width:43px!important;
    height:43px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:12px!important;
    font-size:9px!important;
    font-weight:800!important;
    letter-spacing:.02em!important;
}

.ruyaParentCalFileIcon.pdf{
    color:#bd4343!important;
    background:#fff0f0!important;
}

.ruyaParentCalFileIcon.image{
    color:#358168!important;
    background:#ecf8f3!important;
}

.ruyaParentCalFileIcon.file{
    color:#4e6ea5!important;
    background:#edf3fb!important;
}

.ruyaParentCalPrimary{
    appearance:none!important;
    width:100%!important;
    height:48px!important;
    margin-top:18px!important;
    border:0!important;
    border-radius:15px!important;
    background:
        linear-gradient(
            135deg,
            #416fc9,
            #315db8
        )!important;
    color:#fff!important;
    font-size:13.5px!important;
    font-weight:700!important;
    box-shadow:
        0 8px 21px
        rgba(49,93,184,.2)!important;
}

/* FULL SCREEN FILE VIEWER */

.ruyaParentCalViewer{
    position:fixed!important;
    inset:0!important;
    z-index:2147483600!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    background:#07090d!important;
    color:#fff!important;
}

.ruyaParentCalViewer>header{
    flex:none!important;
    min-height:
        calc(
            58px +
            env(safe-area-inset-top)
        )!important;
    display:grid!important;
    grid-template-columns:
        44px
        minmax(0,1fr)
        44px!important;
    align-items:end!important;
    gap:7px!important;
    padding:
        env(safe-area-inset-top)
        9px
        8px!important;
    background:
        rgba(8,10,14,.98)!important;
}

.ruyaParentCalViewer>header button{
    appearance:none!important;
    width:40px!important;
    height:40px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    background:
        rgba(255,255,255,.1)!important;
    color:#fff!important;
    font-size:26px!important;
    line-height:1!important;
}

.ruyaParentCalViewer>header div{
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    padding-bottom:4px!important;
}

.ruyaParentCalViewer>header b{
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:12px!important;
    font-weight:650!important;
}

.ruyaParentCalViewer>header small{
    margin-top:2px!important;
    color:#8e98a8!important;
    font-size:9px!important;
}

.ruyaParentCalPdf{
    flex:1!important;
    width:100%!important;
    min-height:0!important;
    border:0!important;
    background:#eef0f3!important;
}

.ruyaParentCalPdfHint{
    position:absolute!important;
    left:50%!important;
    bottom:
        calc(
            18px +
            env(safe-area-inset-bottom)
        )!important;
    transform:
        translateX(-50%)!important;
    z-index:4!important;
    max-width:90%!important;
    padding:
        8px
        12px!important;
    border-radius:99px!important;
    background:
        rgba(18,21,27,.78)!important;
    color:#fff!important;
    font-size:10.5px!important;
    white-space:nowrap!important;
    backdrop-filter:
        blur(8px)!important;
    -webkit-backdrop-filter:
        blur(8px)!important;
}

.ruyaParentCalZoomStage{
    flex:1!important;
    min-height:0!important;
    position:relative!important;
    overflow:hidden!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    touch-action:none!important;
    background:#050609!important;
}

.ruyaParentCalZoomStage>img{
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    user-select:none!important;
    -webkit-user-select:none!important;
    -webkit-user-drag:none!important;
    transform-origin:center center!important;
    transition:
        transform .06s linear!important;
    will-change:transform!important;
}

.ruyaParentCalZoomHint{
    position:absolute!important;
    left:50%!important;
    bottom:
        calc(
            20px +
            env(safe-area-inset-bottom)
        )!important;
    transform:
        translateX(-50%)!important;
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    max-width:90%!important;
    padding:
        8px
        12px!important;
    border-radius:99px!important;
    background:
        rgba(18,21,27,.78)!important;
    color:#fff!important;
    font-size:10.5px!important;
    white-space:nowrap!important;
    backdrop-filter:
        blur(8px)!important;
    -webkit-backdrop-filter:
        blur(8px)!important;
}

/* SMALL PHONES */

@media(max-width:430px){

    .ruyaParentCalIntro h1{
        font-size:21px;
    }

    .ruyaParentCalCard{
        grid-template-columns:
            63px
            minmax(0,1fr)
            56px
            12px;
        gap:8px;
        min-height:92px;
        padding:8px;
        border-radius:17px;
    }

    .ruyaParentCalDate{
        width:63px;
        height:71px;
        border-radius:14px;
    }

    .ruyaParentCalDate b{
        font-size:24px;
    }

    .ruyaParentCalThumb{
        width:56px;
        height:56px;
        border-radius:12px;
    }

    .ruyaParentCalTitle{
        font-size:12.5px;
    }

    .ruyaParentCalMeta{
        margin-top:5px;
        font-size:9.8px;
    }

    .ruyaParentCalDetailBody{
        padding:
            16px
            16px
            16px!important;
    }

    .ruyaParentCalDetailDate{
        margin-left:16px!important;
    }

    .ruyaParentCalDetailBody h2{
        font-size:18.5px!important;
    }
}

/* RUYA_PARENT_CALENDAR_BUTTON_NAVY_V2 */
.ruyaParentCalPrimary{
    background:#17307A!important;
    color:#fff!important;
    box-shadow:0 8px 20px rgba(23,48,122,.20)!important;
}

.ruyaParentCalPrimary:active{
    background:#122866!important;
}

/* =====================================================
   RUYA_PARENT_CALENDAR_LAYOUT_FIX_V3
   SADECE VELI TAKVIM ANA LISTESI
   ===================================================== */

html body #root
.ruyaParentCalendarPremium
.ruyaParentCalIntro{
    width:auto!important;
    margin:8px 16px 18px!important;
    padding:0!important;
    box-sizing:border-box!important;
}

html body #root
.ruyaParentCalendarPremium
.ruyaParentCalIntro h1{
    margin:0 0 4px!important;
    padding:0!important;
    font-size:22px!important;
    line-height:1.18!important;
    font-weight:750!important;
    letter-spacing:-.035em!important;
    color:#172d64!important;
}

html body #root
.ruyaParentCalendarPremium
.ruyaParentCalIntro p{
    margin:0!important;
    padding:0!important;
    font-size:12.5px!important;
    line-height:1.4!important;
    color:#8792a4!important;
}

html body #root
.ruyaParentCalendarPremium
.ruyaParentCalIntro>span{
    width:46px!important;
    min-width:46px!important;
    height:46px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border-radius:15px!important;
    background:#f0f5fd!important;
    border:1px solid #e2e9f5!important;
    color:#17307A!important;
    flex:none!important;
}

/* LIST */

html body #root
.ruyaParentCalendarPremium
.ruyaParentCalList{
    display:grid!important;
    width:auto!important;
    margin:0 14px!important;
    padding:0!important;
    gap:10px!important;
    box-sizing:border-box!important;
}

/* GLOBAL BUTTON CSS'LERINI EZ */

html body #root
.ruyaParentCalendarPremium
button.ruyaParentCalCard{
    appearance:none!important;
    -webkit-appearance:none!important;

    display:grid!important;
    grid-template-columns:
        64px
        minmax(0,1fr)
        58px
        18px!important;

    grid-auto-flow:column!important;

    align-items:center!important;
    justify-items:stretch!important;
    justify-content:stretch!important;

    flex-direction:initial!important;

    direction:ltr!important;

    width:100%!important;
    min-width:0!important;
    max-width:100%!important;

    min-height:92px!important;
    height:auto!important;

    gap:10px!important;

    margin:0!important;
    padding:10px 11px!important;

    box-sizing:border-box!important;

    overflow:hidden!important;

    position:relative!important;

    border:1px solid #e8edf4!important;
    border-radius:18px!important;

    background:#fff!important;

    text-align:left!important;

    box-shadow:
        0 5px 18px
        rgba(30,48,79,.055)!important;

    color:#172d64!important;
}

/* DIRECT CHILD RESET */

html body #root
.ruyaParentCalendarPremium
button.ruyaParentCalCard
>span{
    margin:0!important;
    padding:0!important;
    position:static!important;
    inset:auto!important;
    transform:none!important;
    float:none!important;
    flex:none!important;
    min-width:0!important;
    max-width:none!important;
}

/* DATE */

html body #root
.ruyaParentCalendarPremium
.ruyaParentCalDate{
    grid-column:1!important;

    width:64px!important;
    min-width:64px!important;
    max-width:64px!important;

    height:68px!important;
    min-height:68px!important;

    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;

    border-radius:15px!important;

    text-align:center!important;

    box-sizing:border-box!important;
}

html body #root
.ruyaParentCalendarPremium
.ruyaParentCalDate b{
    display:block!important;
    margin:0!important;
    padding:0!important;

    font-size:25px!important;
    line-height:1!important;
    font-weight:750!important;
    letter-spacing:-.04em!important;
}

html body #root
.ruyaParentCalendarPremium
.ruyaParentCalDate strong{
    display:block!important;
    margin:5px 0 0!important;
    padding:0!important;

    font-size:10px!important;
    line-height:1!important;
    font-weight:750!important;
}

html body #root
.ruyaParentCalendarPremium
.ruyaParentCalDate small{
    display:block!important;
    margin:5px 0 0!important;
    padding:0!important;

    font-size:9.5px!important;
    line-height:1!important;
    font-weight:500!important;
}

/* TEXT */

html body #root
.ruyaParentCalendarPremium
.ruyaParentCalCardCopy{
    grid-column:2!important;

    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;

    width:100%!important;
    min-width:0!important;

    margin:0!important;
    padding:0!important;

    text-align:left!important;
}

html body #root
.ruyaParentCalendarPremium
.ruyaParentCalTitle{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;

    width:100%!important;
    max-width:100%!important;

    margin:0!important;
    padding:0!important;

    overflow:hidden!important;

    color:#172d64!important;

    font-size:13.5px!important;
    line-height:1.28!important;
    font-weight:700!important;
    letter-spacing:-.012em!important;

    text-align:left!important;

    word-break:normal!important;
    overflow-wrap:anywhere!important;
}

html body #root
.ruyaParentCalendarPremium
.ruyaParentCalMeta{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;

    width:100%!important;
    min-width:0!important;

    gap:6px!important;

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

    color:#66768f!important;

    font-size:10.5px!important;
    line-height:1.2!important;

    text-align:left!important;
}

html body #root
.ruyaParentCalendarPremium
.ruyaParentCalMeta.secondary{
    margin-top:4px!important;
    color:#929cab!important;
}

/* THUMB */

html body #root
.ruyaParentCalendarPremium
.ruyaParentCalThumb{
    grid-column:3!important;

    display:grid!important;
    place-items:center!important;

    width:58px!important;
    min-width:58px!important;
    max-width:58px!important;

    height:58px!important;
    min-height:58px!important;

    margin:0!important;
    padding:0!important;

    overflow:hidden!important;

    border-radius:14px!important;

    background:#f4f7fb!important;
    border:1px solid #edf0f5!important;
}

html body #root
.ruyaParentCalendarPremium
.ruyaParentCalThumb img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    display:block!important;
}

html body #root
.ruyaParentCalendarPremium
.ruyaParentCalThumbFallback{
    width:100%!important;
    height:100%!important;

    display:grid!important;
    place-items:center!important;

    color:#8ca0bf!important;
}

/* ARROW */

html body #root
.ruyaParentCalendarPremium
.ruyaParentCalArrow{
    grid-column:4!important;

    display:grid!important;
    place-items:center!important;

    width:18px!important;
    min-width:18px!important;

    height:100%!important;

    margin:0!important;
    padding:0!important;

    color:#a0adbf!important;

    font-size:23px!important;
    line-height:1!important;

    text-align:center!important;
}

/* PAST */

html body #root
.ruyaParentCalendarPremium
.ruyaParentCalPast{
    margin:16px 14px 0!important;
}

html body #root
.ruyaParentCalendarPremium
.ruyaParentCalPast
.ruyaParentCalList{
    margin:10px 0 0!important;
}

/* SMALL PHONES */

@media(max-width:390px){

    html body #root
    .ruyaParentCalendarPremium
    button.ruyaParentCalCard{
        grid-template-columns:
            60px
            minmax(0,1fr)
            52px
            16px!important;

        gap:8px!important;

        padding:9px!important;
    }

    html body #root
    .ruyaParentCalendarPremium
    .ruyaParentCalDate{
        width:60px!important;
        min-width:60px!important;
        max-width:60px!important;
        height:65px!important;
        min-height:65px!important;
    }

    html body #root
    .ruyaParentCalendarPremium
    .ruyaParentCalThumb{
        width:52px!important;
        min-width:52px!important;
        max-width:52px!important;
        height:52px!important;
        min-height:52px!important;
    }

    html body #root
    .ruyaParentCalendarPremium
    .ruyaParentCalTitle{
        font-size:12.5px!important;
    }
}


/* =====================================================
   RUYA_PARENT_CALENDAR_V5_FINAL_POLISH
   ===================================================== */

/* HERO / INTRO TEMIZLIK */
html body #root
.ruyaParentCalendarPremium
.ruyaParentCalIntro{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 52px!important;
    align-items:center!important;
    gap:14px!important;
    margin:8px 14px 16px!important;
    padding:0!important;
    background:#fff!important;
    border:0!important;
    box-shadow:none!important;
    position:relative!important;
    isolation:isolate!important;
}

html body #root
.ruyaParentCalendarPremium
.ruyaParentCalIntro::before,
html body #root
.ruyaParentCalendarPremium
.ruyaParentCalIntro::after{
    content:none!important;
    display:none!important;
}

html body #root
.ruyaParentCalendarPremium
.ruyaParentCalIntro h1{
    margin:0 0 4px!important;
    color:#17307A!important;
    font-size:22px!important;
    line-height:1.16!important;
    letter-spacing:-.035em!important;
    font-weight:750!important;
}

html body #root
.ruyaParentCalendarPremium
.ruyaParentCalIntro p{
    margin:0!important;
    color:#8a95a8!important;
    font-size:12.5px!important;
    line-height:1.42!important;
}

html body #root
.ruyaParentCalendarPremium
.ruyaParentCalIntro>span{
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    display:grid!important;
    place-items:center!important;
    margin:0!important;
    padding:0!important;
    border-radius:16px!important;
    border:1px solid #e3e9f4!important;
    background:#f4f7fc!important;
    color:#17307A!important;
}

/* LISTE */
html body #root
.ruyaParentCalendarPremium
.ruyaParentCalList{
    display:grid!important;
    gap:10px!important;
    margin:0 14px!important;
    padding:0!important;
}

/* KART */
html body #root
.ruyaParentCalendarPremium
button.ruyaParentCalCard{
    appearance:none!important;
    -webkit-appearance:none!important;
    display:grid!important;
    grid-template-columns:64px minmax(0,1fr)!important;
    align-items:center!important;
    gap:12px!important;
    width:100%!important;
    min-height:88px!important;
    margin:0!important;
    padding:10px 12px!important;
    border:1px solid #e8edf4!important;
    border-radius:18px!important;
    background:#fff!important;
    text-align:left!important;
    box-shadow:0 5px 16px rgba(27,45,79,.045)!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    position:relative!important;
    color:#172d64!important;
}

html body #root
.ruyaParentCalendarPremium
button.ruyaParentCalCard.past{
    opacity:.78!important;
}

/* ONEMLI */
html body #root
.ruyaParentCalendarPremium
button.ruyaParentCalCard.important{
    box-shadow:
        inset 3px 0 0 #e54a59,
        0 5px 16px rgba(27,45,79,.045)!important;
}

/* SAĞ OKLAR KALKSIN */
html body #root
.ruyaParentCalendarPremium
.ruyaParentCalArrow{
    display:none!important;
}

/* BOS TAKVIM ICONU KALKSIN */
html body #root
.ruyaParentCalendarPremium
.ruyaParentCalThumb{
    display:none!important;
}

/* GERCEK GORSEL VARSA GOSTER */
html body #root
.ruyaParentCalendarPremium
button.ruyaParentCalCard:has(.ruyaParentCalThumb img){
    grid-template-columns:64px minmax(0,1fr) 58px!important;
}

html body #root
.ruyaParentCalendarPremium
button.ruyaParentCalCard:has(.ruyaParentCalThumb img)
.ruyaParentCalThumb{
    display:grid!important;
    width:58px!important;
    min-width:58px!important;
    height:58px!important;
    place-items:center!important;
    overflow:hidden!important;
    border-radius:14px!important;
    border:1px solid #edf0f5!important;
    background:#f4f7fb!important;
}

html body #root
.ruyaParentCalendarPremium
button.ruyaParentCalCard:has(.ruyaParentCalThumb img)
.ruyaParentCalThumb img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    display:block!important;
}

/* ETKINLIK YAZISI KALKSIN */
html body #root
.ruyaParentCalendarPremium
.ruyaParentCalMeta.secondary{
    display:none!important;
}

/* TEXT */
html body #root
.ruyaParentCalendarPremium
.ruyaParentCalCardCopy{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
}

html body #root
.ruyaParentCalendarPremium
.ruyaParentCalTitle{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
    width:100%!important;
    margin:0!important;
    color:#172d64!important;
    font-size:13.4px!important;
    line-height:1.28!important;
    font-weight:700!important;
    letter-spacing:-.012em!important;
}

html body #root
.ruyaParentCalendarPremium
.ruyaParentCalMeta{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    width:100%!important;
    margin:6px 0 0!important;
    color:#66768f!important;
    font-size:10.6px!important;
    line-height:1.2!important;
}

/* TARIH KUTUSU ORTAK */
html body #root
.ruyaParentCalendarPremium
.ruyaParentCalDate{
    width:64px!important;
    min-width:64px!important;
    max-width:64px!important;
    height:68px!important;
    min-height:68px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:15px!important;
    text-align:center!important;
    border:1px solid transparent!important;
}

html body #root
.ruyaParentCalendarPremium
.ruyaParentCalDate b{
    display:block!important;
    margin:0!important;
    font-size:25px!important;
    line-height:1!important;
    font-weight:750!important;
    letter-spacing:-.04em!important;
}

html body #root
.ruyaParentCalendarPremium
.ruyaParentCalDate strong{
    display:block!important;
    margin-top:5px!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:750!important;
}

html body #root
.ruyaParentCalendarPremium
.ruyaParentCalDate small{
    display:block!important;
    margin-top:5px!important;
    font-size:9.5px!important;
    line-height:1!important;
}

/* AY RENKLERI */
html body #root .ruyaParentCalendarPremium button.ruyaParentCalCard.month-1 .ruyaParentCalDate{background:#eef4ff!important;color:#3e63ad!important;border-color:#dce7fb!important}
html body #root .ruyaParentCalendarPremium button.ruyaParentCalCard.month-2 .ruyaParentCalDate{background:#f4efff!important;color:#7056bc!important;border-color:#e7defb!important}
html body #root .ruyaParentCalendarPremium button.ruyaParentCalCard.month-3 .ruyaParentCalDate{background:#eef8f1!important;color:#347a55!important;border-color:#def0e4!important}
html body #root .ruyaParentCalendarPremium button.ruyaParentCalCard.month-4 .ruyaParentCalDate{background:#fff4e8!important;color:#b56b20!important;border-color:#f6e5d2!important}
html body #root .ruyaParentCalendarPremium button.ruyaParentCalCard.month-5 .ruyaParentCalDate{background:#eef9f7!important;color:#2e8576!important;border-color:#ddf0eb!important}
html body #root .ruyaParentCalendarPremium button.ruyaParentCalCard.month-6 .ruyaParentCalDate{background:#fff0f4!important;color:#c45379!important;border-color:#f6dce5!important}
html body #root .ruyaParentCalendarPremium button.ruyaParentCalCard.month-7 .ruyaParentCalDate{background:#fff7e8!important;color:#b67712!important;border-color:#f7e8c7!important}
html body #root .ruyaParentCalendarPremium button.ruyaParentCalCard.month-8 .ruyaParentCalDate{background:#eef3ff!important;color:#4c67bf!important;border-color:#dfe8fb!important}
html body #root .ruyaParentCalendarPremium button.ruyaParentCalCard.month-9 .ruyaParentCalDate{background:#edf5ff!important;color:#3d669d!important;border-color:#dce8fa!important}
html body #root .ruyaParentCalendarPremium button.ruyaParentCalCard.month-10 .ruyaParentCalDate{background:#edf8f2!important;color:#38785b!important;border-color:#dff0e6!important}
html body #root .ruyaParentCalendarPremium button.ruyaParentCalCard.month-11 .ruyaParentCalDate{background:#fff3ea!important;color:#b16d3b!important;border-color:#f4e2d5!important}
html body #root .ruyaParentCalendarPremium button.ruyaParentCalCard.month-12 .ruyaParentCalDate{background:#f5efff!important;color:#7755bf!important;border-color:#e5dcfb!important}

/* ONEMLI KAYITLAR HER ZAMAN KIRMIZI */
html body #root
.ruyaParentCalendarPremium
button.ruyaParentCalCard.important
.ruyaParentCalDate{
    background:#fff1f3!important;
    color:#cf4154!important;
    border-color:#f3cfd6!important;
}

/* PAST */
html body #root
.ruyaParentCalendarPremium
.ruyaParentCalPast{
    margin:16px 14px 0!important;
}

html body #root
.ruyaParentCalendarPremium
.ruyaParentCalPast
.ruyaParentCalList{
    margin:10px 0 0!important;
}

/* KUCUK TELEFON */
@media(max-width:390px){
    html body #root
    .ruyaParentCalendarPremium
    button.ruyaParentCalCard{
        grid-template-columns:60px minmax(0,1fr)!important;
        gap:10px!important;
        padding:9px 10px!important;
    }

    html body #root
    .ruyaParentCalendarPremium
    button.ruyaParentCalCard:has(.ruyaParentCalThumb img){
        grid-template-columns:60px minmax(0,1fr) 52px!important;
    }

    html body #root
    .ruyaParentCalendarPremium
    .ruyaParentCalDate{
        width:60px!important;
        min-width:60px!important;
        max-width:60px!important;
        height:65px!important;
        min-height:65px!important;
    }

    html body #root
    .ruyaParentCalendarPremium
    .ruyaParentCalTitle{
        font-size:12.6px!important;
    }
}

/* =====================================================
   RUYA_REPUBLIC_DAY_SPECIAL_V8
   Gercek ucurtma senligi gorseli + Ataturk
   ===================================================== */

/* Kart: yalniz 29 Ekim */
html body #root .ruyaParentCalendarPremium button.ruyaParentCalCard.republic-day-v8{
    position:relative!important;
    isolation:isolate!important;
    overflow:hidden!important;
    border-color:#f1c6cc!important;
    background:#fff!important;
    box-shadow:inset 4px 0 0 #e30a17,0 7px 20px rgba(188,35,48,.07)!important;
}

html body #root .ruyaParentCalendarPremium button.ruyaParentCalCard.republic-day-v8::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    background-image:url('/assets/ruya-29-ekim-ucurtma-poster.jpg?v=20260923-v8')!important;
    background-size:cover!important;
    background-position:center 72%!important;
    opacity:.115!important;
    filter:saturate(1.15) contrast(1.02)!important;
    pointer-events:none!important;
}

html body #root .ruyaParentCalendarPremium button.ruyaParentCalCard.republic-day-v8::after{
    content:""!important;
    position:absolute!important;
    top:-65%!important;
    left:-45%!important;
    width:24%!important;
    height:230%!important;
    z-index:1!important;
    transform:rotate(17deg)!important;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.76),transparent)!important;
    animation:ruyaRepublicV8Shine 7s ease-in-out infinite!important;
    pointer-events:none!important;
}

html body #root .ruyaParentCalendarPremium button.ruyaParentCalCard.republic-day-v8>*{
    position:relative!important;
    z-index:2!important;
}

html body #root .ruyaParentCalendarPremium button.ruyaParentCalCard.republic-day-v8 .ruyaParentCalTitle{
    color:#1d1d1f!important;
}

html body #root .ruyaParentCalendarPremium button.ruyaParentCalCard.republic-day-v8 .ruyaParentCalDate{
    background:linear-gradient(145deg,#fff5f6,#ffe7ea)!important;
    color:#d92d3f!important;
    border-color:#f2c7cd!important;
}

@keyframes ruyaRepublicV8Shine{
    0%,70%{left:-45%;opacity:0}
    78%{opacity:.75}
    94%,100%{left:120%;opacity:0}
}

/* Modal */
.ruyaParentCalDetail.republic-day-v8{
    background:linear-gradient(180deg,#fff,#fff 70%,#fffafb)!important;
}

.ruyaParentCalDetail.republic-day-v8 .ruyaParentCalType{
    display:none!important;
}

.ruyaParentCalDetail.republic-day-v8 .ruyaParentCalDetailDate{
    color:#d92d3f!important;
    background:linear-gradient(145deg,#fff4f6,#ffe7eb)!important;
    border-color:#f2c8ce!important;
}

.ruyaParentCalDetail.republic-day-v8 .ruyaParentCalDetailBody h2{
    color:#1d1d1f!important;
}

.ruyaRepublicBadgeV8{
    width:max-content!important;
    max-width:100%!important;
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    margin:0 0 11px!important;
    padding:5px 10px 5px 6px!important;
    border:1px solid #ee6874!important;
    border-radius:999px!important;
    background:#fff6f7!important;
    color:#d51f31!important;
    animation:ruyaRepublicV8Enter .42s ease both!important;
}

.ruyaRepublicBadgeV8 b{
    font-size:9.8px!important;
    line-height:1!important;
    font-weight:800!important;
}

.ruyaRepublicBadgeFlagV8{
    width:27px!important;
    height:27px!important;
    flex:0 0 27px!important;
    border-radius:50%!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Ccircle cx='40' cy='40' r='40' fill='%23E30A17'/%3E%3Ccircle cx='34' cy='40' r='18' fill='white'/%3E%3Ccircle cx='40' cy='40' r='14' fill='%23E30A17'/%3E%3Cpolygon fill='white' points='53,40 60,42 64,37 63,45 70,49 61,49 58,57 55,49 47,49 54,45'/%3E%3C/svg%3E")!important;
    background-size:cover!important;
}

.ruyaRepublicPhotoHeroV8{
    height:235px!important;
    position:relative!important;
    overflow:hidden!important;
    margin:3px -3px 17px!important;
    border:1px solid #e8edf4!important;
    border-radius:22px!important;
    background:#eaf4fc!important;
    box-shadow:0 7px 22px rgba(29,50,82,.06)!important;
    animation:ruyaRepublicV8Enter .5s ease both!important;
}

.ruyaRepublicPhotoPosterV8{
    position:absolute!important;
    inset:0!important;
    background-image:url('/assets/ruya-29-ekim-ucurtma-poster.jpg?v=20260923-v8')!important;
    background-size:cover!important;
    /* Alt yaridaki cocuklar / bayraklar: poster yazilarini göstermiyoruz. */
    background-position:center 78%!important;
    transform:scale(1.04)!important;
}

.ruyaRepublicPhotoShadeV8{
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    background:
        linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.66) 34%,rgba(255,255,255,.08) 63%,rgba(255,255,255,0) 100%),
        linear-gradient(0deg,rgba(204,19,36,.14),transparent 46%)!important;
}

.ruyaRepublicAtaturkV8{
    position:absolute!important;
    z-index:2!important;
    right:17px!important;
    bottom:-18px!important;
    width:145px!important;
    height:auto!important;
    display:block!important;
    filter:grayscale(1) contrast(1.08) drop-shadow(0 8px 12px rgba(16,26,43,.16))!important;
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 78%,transparent 100%)!important;
    mask-image:linear-gradient(to bottom,#000 0%,#000 78%,transparent 100%)!important;
}

.ruyaRepublicHeroCopyV8{
    position:absolute!important;
    z-index:3!important;
    left:17px!important;
    bottom:18px!important;
    max-width:49%!important;
}

.ruyaRepublicHeroCopyV8 small{
    display:block!important;
    margin-bottom:5px!important;
    color:#d62839!important;
    font-size:8.4px!important;
    line-height:1.2!important;
    font-weight:800!important;
    letter-spacing:.075em!important;
}

.ruyaRepublicHeroCopyV8 strong{
    display:block!important;
    color:#1d1d1f!important;
    font-size:17px!important;
    line-height:1.12!important;
    font-weight:750!important;
    font-style:italic!important;
}

.ruyaRepublicCelebrationV8{
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr)!important;
    align-items:center!important;
    gap:11px!important;
    margin:16px 0 0!important;
    padding:12px!important;
    border:1px solid #f2d5da!important;
    border-radius:17px!important;
    background:linear-gradient(135deg,#fff8f9,#fff0f2)!important;
}

.ruyaRepublicCelebrationFlagV8{
    width:48px!important;
    height:35px!important;
    border-radius:7px!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 80'%3E%3Crect width='120' height='80' rx='8' fill='%23E30A17'/%3E%3Ccircle cx='47' cy='40' r='22' fill='white'/%3E%3Ccircle cx='54' cy='40' r='17' fill='%23E30A17'/%3E%3Cpolygon fill='white' points='72,40 80,43 85,37 84,46 92,51 82,51 79,60 76,51 66,51 74,46'/%3E%3C/svg%3E")!important;
    background-size:cover!important;
}

.ruyaRepublicCelebrationV8 b{
    display:block!important;
    color:#d32033!important;
    font-size:11.2px!important;
    line-height:1.3!important;
}

.ruyaRepublicCelebrationV8 small{
    display:block!important;
    margin-top:4px!important;
    color:#95555d!important;
    font-size:9.8px!important;
    line-height:1.35!important;
}

.ruyaParentCalDetail.republic-day-v8 .ruyaParentCalPrimary{
    background:#17307A!important;
}

@keyframes ruyaRepublicV8Enter{
    from{opacity:0;transform:translateY(6px) scale(.99)}
    to{opacity:1;transform:none}
}

@media(prefers-reduced-motion:reduce){
    html body #root .ruyaParentCalendarPremium button.ruyaParentCalCard.republic-day-v8::after,
    .ruyaRepublicBadgeV8,
    .ruyaRepublicPhotoHeroV8{
        animation:none!important;
    }
}

@media(max-width:390px){
    .ruyaRepublicPhotoHeroV8{height:215px!important}
    .ruyaRepublicAtaturkV8{width:128px!important;right:12px!important}
    .ruyaRepublicHeroCopyV8 strong{font-size:15.5px!important}
}

/* =====================================================
   RUYA_29EKIM_EXACT_V9
   29 EKIM KART + MODAL USER-APPROVED EXACT LOOK
   ===================================================== */

/* CARD: exact approved image */
html body #root
.ruyaParentCalendarPremium
button.ruyaParentCalCard.republic-day{
    position:relative!important;
    display:block!important;
    width:100%!important;
    aspect-ratio:880/245!important;
    min-height:0!important;
    height:auto!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:28px!important;
    overflow:hidden!important;
    box-shadow:none!important;
    background:
        url("/assets/ruya-29ekim-card-exact.png?v=20260923-v9")
        center/100% 100% no-repeat!important;
}

html body #root
.ruyaParentCalendarPremium
button.ruyaParentCalCard.republic-day::before,
html body #root
.ruyaParentCalendarPremium
button.ruyaParentCalCard.republic-day::after{
    content:none!important;
    display:none!important;
}

html body #root
.ruyaParentCalendarPremium
button.ruyaParentCalCard.republic-day > *{
    display:none!important;
}

/* MODAL: exact approved image */
.ruyaParentCalDetail.republic-day{
    position:relative!important;
    width:min(96vw,640px)!important;
    max-width:640px!important;
    aspect-ratio:1024/1536!important;
    max-height:92dvh!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    border-radius:34px!important;
    overflow:hidden!important;
    background:
        url("/assets/ruya-29ekim-modal-exact.png?v=20260923-v9")
        center/100% 100% no-repeat!important;
}

.ruyaParentCalDetail.republic-day .ruyaParentCalDetailHandle,
.ruyaParentCalDetail.republic-day .ruyaParentCalDetailDate{
    display:none!important;
}

.ruyaParentCalDetail.republic-day .ruyaParentCalDetailBody{
    display:block!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
}

.ruyaParentCalDetail.republic-day .ruyaParentCalDetailBody > *:not(.ruyaParentCalPrimary){
    display:none!important;
}

/* Invisible but functional close icon button over the image */
.ruyaParentCalDetail.republic-day .ruyaParentCalClose{
    position:absolute!important;
    top:14px!important;
    right:16px!important;
    width:74px!important;
    height:74px!important;
    margin:0!important;
    padding:0!important;
    z-index:5!important;
    opacity:.01!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}

/* Invisible but functional bottom button over the image */
.ruyaParentCalDetail.republic-day .ruyaParentCalPrimary{
    position:absolute!important;
    left:30px!important;
    right:30px!important;
    bottom:42px!important;
    width:auto!important;
    height:78px!important;
    margin:0!important;
    padding:0!important;
    z-index:5!important;
    opacity:.01!important;
    color:transparent!important;
    font-size:0!important;
    line-height:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}

@media(max-width:430px){
    html body #root
    .ruyaParentCalendarPremium
    button.ruyaParentCalCard.republic-day{
        border-radius:24px!important;
    }

    .ruyaParentCalDetail.republic-day{
        width:95vw!important;
        border-radius:30px!important;
    }

    .ruyaParentCalDetail.republic-day .ruyaParentCalClose{
        top:12px!important;
        right:12px!important;
        width:66px!important;
        height:66px!important;
    }

    .ruyaParentCalDetail.republic-day .ruyaParentCalPrimary{
        left:28px!important;
        right:28px!important;
        bottom:38px!important;
        height:74px!important;
    }
}

/* =========================================================
   RUYA_PARENT_CALENDAR_DETAIL_V10_20260926
   Veli Takvim - kompakt premium etkinlik detayı
========================================================= */

.ruyaParentCalendarDetailBack{
  position:fixed!important;
  inset:0!important;
  z-index:2147482500!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  padding:
    max(18px,env(safe-area-inset-top,0px))
    16px
    max(18px,env(safe-area-inset-bottom,0px))!important;

  background:rgba(27,36,57,.48)!important;

  -webkit-backdrop-filter:blur(8px)!important;
  backdrop-filter:blur(8px)!important;

  overflow:hidden!important;
}

.ruyaParentCalendarDetailWrap{
  position:relative!important;

  width:min(100%,470px)!important;
  max-width:470px!important;

  margin:0!important;
  padding:0!important;

  max-height:calc(
    100dvh -
    max(36px,env(safe-area-inset-top,0px)) -
    max(36px,env(safe-area-inset-bottom,0px))
  )!important;
}

.ruyaParentCalendarDetailIcon{
  position:absolute!important;
  z-index:4!important;

  top:-18px!important;
  left:18px!important;

  width:46px!important;
  height:46px!important;

  display:grid!important;
  place-items:center!important;

  margin:0!important;

  border:5px solid #fff!important;
  border-radius:15px!important;

  background:#eef3ff!important;
  color:#24458b!important;

  box-shadow:0 7px 18px rgba(31,48,85,.13)!important;

  transform:none!important;
}

.ruyaParentCalendarDetailIcon .monoIcon,
.ruyaParentCalendarDetailIcon svg{
  width:21px!important;
  height:21px!important;
}

.ruyaParentCalendarDetailModal{
  box-sizing:border-box!important;

  width:100%!important;
  max-width:none!important;

  max-height:calc(100dvh - 48px)!important;

  margin:0!important;

  padding:
    40px
    17px
    calc(15px + env(safe-area-inset-bottom,0px))!important;

  overflow-y:auto!important;
  overscroll-behavior:contain!important;

  border:1px solid rgba(224,229,239,.96)!important;
  border-radius:25px!important;

  background:#fff!important;

  box-shadow:
    0 22px 65px rgba(18,28,50,.24),
    0 3px 12px rgba(18,28,50,.08)!important;

  text-align:left!important;

  -webkit-overflow-scrolling:touch!important;
}

.ruyaParentCalendarDetailModal .modalTopClose{
  position:absolute!important;

  top:12px!important;
  right:12px!important;

  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;

  padding:0!important;

  display:grid!important;
  place-items:center!important;

  border:1px solid #e6eaf1!important;
  border-radius:12px!important;

  background:#f7f8fb!important;
  color:#68758b!important;

  font-size:22px!important;
  font-weight:500!important;
  line-height:1!important;
}

.ruyaParentCalendarDetailModal>small{
  display:block!important;

  margin:2px 46px 7px 0!important;

  color:#7a879c!important;

  font-size:10.5px!important;
  font-weight:750!important;
  line-height:1.3!important;
  letter-spacing:.045em!important;

  text-transform:uppercase!important;
}

.ruyaParentCalendarDetailModal>h3{
  margin:0 42px 14px 0!important;

  color:#192b52!important;

  font-size:clamp(19px,5vw,23px)!important;
  font-weight:790!important;
  line-height:1.16!important;
  letter-spacing:-.022em!important;

  text-align:left!important;
  text-wrap:balance!important;
}


/* Parent meta zaten JS tarafında kaldırıldı */
.ruyaParentCalendarDetailModal .ruyaCalendarDetailMeta{
  display:none!important;
}


/* Açıklama */
.ruyaParentCalendarDetailModal .ruyaCalendarDetailContent{
  margin:0!important;
  padding:13px 14px!important;

  border:1px solid #e9edf4!important;
  border-radius:16px!important;

  background:#f8f9fc!important;
}

.ruyaParentCalendarDetailModal
.ruyaCalendarDetailContent>small{
  display:block!important;

  margin:0 0 7px!important;

  color:#8994a7!important;

  font-size:9.5px!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:.08em!important;
}

.ruyaParentCalendarDetailModal
.ruyaCalendarDetailDescription{
  min-height:0!important;

  margin:0!important;
  padding:0!important;

  border:0!important;
  background:transparent!important;

  color:#34435e!important;

  font-size:13.5px!important;
  font-weight:500!important;
  line-height:1.48!important;

  text-align:left!important;
}

.ruyaParentCalendarDetailModal
.ruyaCalendarDetailDescription.empty{
  color:#8a94a7!important;
  font-style:italic!important;
}


/* Dosyalar */
.ruyaParentCalendarDetailModal
.ruyaCalendarDetailFiles{
  margin:11px 0 0!important;
  padding:12px 13px!important;

  border:1px solid #e9edf4!important;
  border-radius:16px!important;

  background:#fff!important;
}

.ruyaParentCalendarDetailModal
.ruyaCalendarDetailFiles>small{
  display:block!important;

  margin-bottom:7px!important;

  color:#8994a7!important;

  font-size:9.5px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
}


/* Alt alan: veli için yalnız Kapat */
.ruyaParentCalendarDetailModal
.ruyaCalendarDetailFooter{
  display:block!important;

  margin-top:13px!important;
  padding:13px 0 0!important;

  border-top:1px solid #edf0f5!important;
}

.ruyaParentCalendarDetailModal
.ruyaCalendarDetailFooter>button{
  width:100%!important;

  min-height:45px!important;

  margin:0!important;
  padding:10px 14px!important;

  border:0!important;
  border-radius:14px!important;

  background:#203d86!important;
  color:#fff!important;

  font-size:13.5px!important;
  font-weight:750!important;

  box-shadow:none!important;
}


/* Küçük telefon */
@media (max-width:380px){

  .ruyaParentCalendarDetailBack{
    padding-left:12px!important;
    padding-right:12px!important;
  }

  .ruyaParentCalendarDetailModal{
    padding-left:14px!important;
    padding-right:14px!important;
    border-radius:22px!important;
  }

  .ruyaParentCalendarDetailModal>h3{
    font-size:19px!important;
  }
}


/* Tablet */
@media (min-width:700px){

  .ruyaParentCalendarDetailWrap{
    width:min(100%,520px)!important;
    max-width:520px!important;
  }

  .ruyaParentCalendarDetailModal{
    padding:
      44px
      22px
      18px!important;
  }

  .ruyaParentCalendarDetailModal>h3{
    font-size:24px!important;
  }
}