/* YabancıDizi V2.31: narrow, last-loaded visual fixes. V1 is untouched. */

/* Recent episodes: restore the whole card surface, especially on mobile.
   Earlier theme.css removed border/background on ALL breakpoints. */
body.frontend-v2 section.v2-recent-episodes .v2-recent-grid {
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    align-items:stretch!important;
    gap:12px!important;
}
body.frontend-v2 section.v2-recent-episodes .v2-recent-grid > a.v2-recent-card {
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:11px!important;
    box-sizing:border-box!important;
    min-width:0!important;
    min-height:94px!important;
    margin:0!important;
    padding:10px!important;
    background:var(--v2-panel,#191e26)!important;
    border:1px solid #353e4c!important;
    border-radius:13px!important;
    box-shadow:none!important;
    color:var(--v2-text,#f7f7f7)!important;
    overflow:hidden!important;
    text-decoration:none!important;
    transform:none!important;
    transition:border-color .15s ease!important;
}
body.frontend-v2 section.v2-recent-episodes .v2-recent-grid > a.v2-recent-card:hover,
body.frontend-v2 section.v2-recent-episodes .v2-recent-grid > a.v2-recent-card:focus-visible {
    border-color:#687588!important;
    background:var(--v2-panel,#191e26)!important;
}
body.frontend-v2 section.v2-recent-episodes .v2-recent-card > .v2-recent-art {
    display:block!important;
    position:relative!important;
    flex:0 0 104px!important;
    width:104px!important;
    max-width:104px!important;
    min-width:0!important;
    aspect-ratio:16/10!important;
    border-radius:9px!important;
    overflow:hidden!important;
}
body.frontend-v2 section.v2-recent-episodes .v2-recent-art img {
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
}
body.frontend-v2 section.v2-recent-episodes .v2-recent-card > .v2-recent-body {
    display:block!important;
    flex:1 1 auto!important;
    padding:0!important;
    min-width:0!important;
    min-height:0!important;
}
body.frontend-v2 section.v2-recent-episodes .v2-recent-body strong {
    display:block!important;
    color:#f7f9ff!important;
    font-size:12px!important;
    font-weight:620!important;
    line-height:1.5!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
body.frontend-v2 section.v2-recent-episodes .v2-recent-body small {
    display:block!important;
    margin-top:4px!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    font-size:11px!important;
    line-height:1.4!important;
    font-weight:480!important;
    white-space:normal!important;
    opacity:1!important;
}
/* The new card padding is predictable on phone too; do not return to borderless tiles. */
@media(max-width:1020px) {
    body.frontend-v2 section.v2-recent-episodes .v2-recent-grid {grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:790px) {
    body.frontend-v2 section.v2-recent-episodes .v2-recent-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
    body.frontend-v2 section.v2-recent-episodes .v2-recent-grid > a.v2-recent-card {min-height:82px!important;padding:9px!important;gap:9px!important;}
    body.frontend-v2 section.v2-recent-episodes .v2-recent-card > .v2-recent-art {flex-basis:85px!important;width:85px!important;max-width:85px!important;aspect-ratio:16/10!important;border-radius:8px!important;}
    body.frontend-v2 section.v2-recent-episodes .v2-recent-body strong {font-size:11px!important;}
    body.frontend-v2 section.v2-recent-episodes .v2-recent-body small {font-size:10px!important;}
}
@media(max-width:520px) {
    body.frontend-v2 section.v2-recent-episodes .v2-recent-grid {grid-template-columns:1fr!important;gap:9px!important;}
    body.frontend-v2 section.v2-recent-episodes .v2-recent-grid > a.v2-recent-card {min-height:92px!important;padding:10px!important;}
    body.frontend-v2 section.v2-recent-episodes .v2-recent-card > .v2-recent-art {flex-basis:106px!important;width:106px!important;max-width:106px!important;aspect-ratio:16/9!important;}
    body.frontend-v2 section.v2-recent-episodes .v2-recent-body strong {font-size:12px!important;}
    body.frontend-v2 section.v2-recent-episodes .v2-recent-body small {font-size:11px!important;}
}

/* Buttons: remove hover state that switched from primary to pink accent2.
   Primary colors still come from Admin > Renk Ayarları; no hard-coded brand color. */
body.frontend-v2 .v2-primary,
body.frontend-v2 .v2-filter-submit,
body.frontend-v2 .v2-register {
    background:var(--v2-accent)!important;
    border-color:var(--v2-accent)!important;
    color:#fff!important;
    transition:filter .12s ease,border-color .12s ease!important;
    animation:none!important;
}
body.frontend-v2 .v2-primary:hover,
body.frontend-v2 .v2-primary:focus-visible,
body.frontend-v2 .v2-filter-submit:hover,
body.frontend-v2 .v2-filter-submit:focus-visible,
body.frontend-v2 .v2-register:hover,
body.frontend-v2 .v2-register:focus-visible {
    background:var(--v2-accent)!important;
    border-color:var(--v2-accent)!important;
    filter:brightness(1.06)!important;
}
/* Neutral actions stay neutral even when the parent slider/section is active. */
body.frontend-v2 .v2-topbar .v2-search-link,
body.frontend-v2 .v2-topbar .v2-search-link:hover {
    background:#20252e!important;
    border-color:#424c5a!important;
    color:#f7f8fb!important;
    animation:none!important;
}

/* Native select fallback. JS enhances V2-only selectors below into a styled menu. */
body.frontend-v2 main select,
body.frontend-v2 select.v2-aside-season,
body.frontend-v2 select#v2SeasonSelector,
body.frontend-v2 .v2-filter-grid select {
    appearance:none!important;
    -webkit-appearance:none!important;
    background:#222934!important;
    border:1px solid #424d5c!important;
    color:#f6f7fa!important;
    border-radius:10px!important;
    min-height:40px!important;
    padding:0 38px 0 13px!important;
    font-size:12px!important;
    font-weight:540!important;
    box-shadow:none!important;
    background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="%23c5cedd" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="m7 10 5 5 5-5"/%3E%3C/svg%3E')!important;
    background-position:right 11px center!important;
    background-size:17px!important;
    background-repeat:no-repeat!important;
}
body.frontend-v2 main select option,
body.frontend-v2 select.v2-aside-season option {color:#f7f9ff;background:#242c36;}
/* Enhanced select: keeps native select for form submission/change listeners. */
body.frontend-v2 .v31-select {position:relative;display:inline-block;min-width:115px;max-width:100%;vertical-align:middle;isolation:isolate;}
body.frontend-v2 .v31-select.v31-wide {display:block;width:100%;}
body.frontend-v2 .v31-select > select.v31-select-native {position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;opacity:0!important;pointer-events:none!important;clip-path:inset(50%)!important;overflow:hidden!important;white-space:nowrap!important;padding:0!important;margin:0!important;}
body.frontend-v2 .v31-select-button {display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:41px;background:#222934;border:1px solid #414b5b;color:#fff;text-align:left;padding:9px 11px 9px 13px;font-family:inherit;font-size:12px;font-weight:500;line-height:1.45;border-radius:10px;cursor:pointer;box-shadow:none;}
body.frontend-v2 .v31-select-button svg{width:17px;height:17px;flex:0 0 17px;opacity:.7;transition:transform .15s ease;}
body.frontend-v2 .v31-select.is-open .v31-select-button svg{transform:rotate(180deg)}
body.frontend-v2 .v31-select-button:hover,body.frontend-v2 .v31-select.is-open .v31-select-button{border-color:#788598;background:#28313e;}
body.frontend-v2 .v31-select-button:focus-visible {outline:2px solid var(--v2-accent)!important;outline-offset:2px!important;}
body.frontend-v2 .v31-select-menu{display:none;position:absolute;z-index:12050;top:0;left:0;min-width:150px;max-height:min(320px,45vh);overflow-y:auto;padding:5px;border:1px solid #444e5e;border-radius:11px;background:#202732;box-shadow:0 15px 36px rgba(0,0,0,.55);}
body.frontend-v2 .v31-select-menu.is-open{display:block;}
body.frontend-v2 .v31-select-option{display:block;width:100%;border:0;border-radius:7px;color:#e6ebf4;background:transparent;text-align:left;font-size:12px;font-weight:480;line-height:1.45;padding:10px 11px;cursor:pointer;white-space:normal;}
body.frontend-v2 .v31-select-option:hover,body.frontend-v2 .v31-select-option.is-active{background:#333e4c;color:#fff;}
body.frontend-v2 .v31-select-option[aria-selected="true"]{background:#303c4a;color:#fff;font-weight:650;}
body.frontend-v2 .v31-select-option:disabled{opacity:.45;cursor:not-allowed;}

@media (max-width:520px){body.frontend-v2 .v31-select-menu{max-height:min(270px,40vh)}}