/* EsraÖğretmenim V25.9: custom social links, showcase, mobile filters, compact online bar */
.site-social-top{display:flex;justify-content:flex-end;align-items:center;gap:7px;padding:7px 24px 0;min-height:46px;background:#fff}
.site-social-top a,.site-social-mobile a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:11px;background:#f7f9ff;border:1px solid #e7eaf7;transition:transform .16s,box-shadow .16s}
.site-social-top a:hover,.site-social-mobile a:hover{transform:translateY(-2px);box-shadow:0 5px 12px #1a4e8b20}
.site-social-top img,.site-social-mobile img{display:block;width:25px;height:25px;object-fit:contain}
.site-social-mobile{display:none}
.social-admin{margin-bottom:18px}
.social-admin-form-wrap{max-width:780px}
.social-form{display:grid;gap:12px}
.social-form small,.social-edit-form small{font-weight:400;color:#7382a0}
.social-size-hint{display:block;color:#285e9d;font-size:12px;font-weight:500}
.social-entry-list{margin-top:22px;display:grid;gap:12px}
.social-entry-list h4{margin:0;color:#214b84}
.social-entry{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:13px;border:1px solid #e1eafb;background:#fcfdff;border-radius:14px}
.social-entry-icon{width:40px;height:40px;object-fit:contain;flex:none;border-radius:11px}
.social-entry-details{display:grid;gap:3px;flex:1 1 180px;min-width:0}
.social-entry-details strong{font-size:14px;color:#1d3f78}
.social-entry-details small{color:#6b7f9a;word-break:break-all;font-size:11px}
.social-entry-details span{font-size:11px;color:#53739e}
.social-entry-actions{display:flex;flex-wrap:wrap;gap:7px}
.social-entry-actions .btn{padding:8px 11px;font-size:11px}
.social-edit-form{display:grid;gap:12px;width:100%;padding:14px;border-top:1px solid #e2eaf7;background:#f6f9ff;border-radius:12px}
.social-edit-form[hidden]{display:none}
.online-footer{display:flex!important;flex-wrap:wrap;align-items:center;gap:7px 16px!important;padding:10px 15px!important;margin:6px 16px 0!important;border-radius:12px!important}
.online-footer-heading{font-size:12px!important;white-space:nowrap}
.online-footer-heading small{font-size:10px!important}
.online-footer-roles{display:flex;align-items:center;flex-wrap:wrap;gap:5px!important;margin-top:0!important}
.online-chip{padding:4px 8px!important;font-size:11px!important}
.online-chip b{font-size:11px!important}
.online-chip[hidden]{display:none!important}
.home-showcase{margin:21px 0 9px}
.home-showcase .cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch}
.home-showcase .cover{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1.40;height:auto;padding:8px;background:linear-gradient(155deg,#f4f9ff,#fff0fa)}
.home-showcase .cover img{width:100%;height:100%;object-fit:contain;mix-blend-mode:normal}
.home-showcase .cardinfo{padding:11px;min-width:0}
.home-showcase .cardinfo h3{font-size:13px;min-height:35px;margin:8px 0 3px}
.home-showcase .stats{margin-top:auto;padding-top:10px}
.home-showcase [hidden]{display:none!important}
.showcase-switch{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.showcase-switch button{padding:10px 16px;font-weight:800;font-size:12px;color:#2d5c99;background:#f2f6fe;border:1px solid #dae5f7;border-radius:99px}
.showcase-switch button.is-active{background:linear-gradient(125deg,#1a8ee8,#6662e9);color:#fff;border-color:#3f80dc}
.showcase-more{text-align:center;margin:20px 0 12px}
.material-sort{display:flex;justify-content:flex-end;margin:-10px 0 16px}
.material-sort label{display:flex;gap:8px;align-items:center;color:#456790;font-size:12px;font-weight:800}
.material-sort select{border:1px solid #dae5f7;border-radius:10px;padding:9px;color:#1d4d86;background:#fff;max-width:100%}
.pagination{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin:22px 0 7px}
.pagination a{display:flex;align-items:center;justify-content:center;min-width:38px;height:38px;border-radius:11px;border:1px solid #dce9f9;color:#2565b2;font-size:13px;font-weight:800;background:#fff}
.pagination a.is-current{color:#fff;background:#2176df;border-color:#2176df}
.filter-mobile-bar,.filter-mobile-title,.filter-mobile-apply,.filter-overlay{display:none}
.filter-overlay[hidden]{display:none!important}
@media(max-width:1080px){.home-showcase .cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:730px){
 .site-social-top{display:none}
 .site-social-mobile{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin:13px 14px 5px}
 .site-social-mobile a{width:38px;height:38px}
 .site-social-mobile img{width:27px;height:27px}
 .social-entry-actions{width:100%}
 .online-footer{align-items:flex-start;gap:7px!important;margin:5px 8px 0!important;padding:8px 10px!important}
 .online-footer-heading small{display:none}
 .online-footer-roles{margin:0!important}
 .online-chip{font-size:10px!important;padding:4px 7px!important}
 .home-showcase .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .home-showcase .material-card:nth-child(n+5){display:none}
 .home-showcase .cardinfo{padding:9px}
 .home-showcase .cardinfo h3{font-size:12px}
 .home-showcase .cover{padding:6px}
 .filter-mobile-bar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:13px}
 .filter-mobile-bar span{font-size:12px;color:#7183a3}
 .filter-mobile-bar .btn{border-radius:12px}
 .filters{position:fixed!important;left:0;bottom:0;top:auto;z-index:121;max-height:min(85dvh,680px);width:100%;overflow:auto;overscroll-behavior:contain;transform:translateY(105%);transition:transform .24s ease;border-radius:22px 22px 0 0!important;box-shadow:0 -12px 55px #081b3c2b;padding:20px 18px!important;margin:0!important;visibility:hidden}
 .filters-open .filters{transform:translateY(0);visibility:visible}
 .filter-overlay{display:block;position:fixed;inset:0;background:#0a204d80;z-index:120;border:0;padding:0;margin:0}
 .filter-mobile-title{display:flex;justify-content:space-between;align-items:center;width:100%;gap:10px;margin-bottom:6px}
 .filter-mobile-title strong{font-size:17px;color:#183965}
 .filter-mobile-title button{font:inherit;background:#f0f5fc;border:0;border-radius:100px;padding:7px 11px;color:#345c91}
 .filters form{display:flex!important;flex-wrap:wrap!important;gap:3px 10px!important}
 .filters h3,.filters hr{flex:0 0 100%;margin:11px 0 5px!important}
 .filters label{display:inline-flex;flex:0 0 auto;min-width:0;border:1px solid #dfe7f4;border-radius:11px;padding:8px 9px;margin:2px 0!important;background:#fff;font-size:12px!important}
 .filters label:has(input:checked){background:#ecf3ff;border-color:#91bbfb;color:#1e60b2}
 .filters .clear{display:flex;align-items:center;justify-content:center;flex:1 1 100%;margin-top:10px}
 .filter-mobile-apply{display:flex;justify-content:center;width:100%;flex:1 1 100%;margin:7px 0 0}
 body.filters-open{overflow:hidden}
 .material-sort{margin:0 0 14px}
}
@media(max-width:400px){.home-showcase .cards{gap:7px}.home-showcase .cardinfo{padding:8px}.social-entry-icon{width:34px;height:34px}}


/* V25.9.1: homepage material cards, compact filter and responsive non-scrolling nav */
/* Previous V25.9 showcase had no card container rules outside .browse. */
.home-showcase .cards{min-width:0;align-items:stretch}
.home-showcase .material-card{min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid #e6edfa;border-radius:16px;overflow:hidden;box-shadow:0 7px 22px rgba(29,60,118,.09)}
.home-showcase .cover{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1/1.42;overflow:hidden;flex:none;padding:10px;background:linear-gradient(155deg,#f4f9ff,#fff0fa);text-align:center}
.home-showcase .cover img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;mix-blend-mode:normal;margin:0}
.home-showcase .cardinfo{display:flex;flex-direction:column;flex:1;min-width:0;padding:12px}
.home-showcase .cardinfo .tags{gap:5px;flex-wrap:wrap}
.home-showcase .cardinfo h3{font-size:13px;line-height:1.36;font-weight:800;min-height:36px;margin:10px 0 4px;overflow-wrap:anywhere;color:#16356d}
.home-showcase .card-author{font-size:11px;margin:0;color:#7989a7;overflow-wrap:anywhere}
.home-showcase .stats{display:flex;align-items:center;justify-content:flex-start;gap:6px;min-width:0;flex-wrap:wrap;margin:auto 0 10px;padding-top:12px;font-size:11px}
.home-showcase .cardinfo .btn{width:100%;min-height:40px;font-size:12px;white-space:normal;text-align:center;line-height:1.2;padding:10px 6px}
.home-showcase .popular{display:none}
/* On listing cards, remove decorative star labels: download information stays below. */
.browse .popular{display:none}
.home-quickfilter{display:block;border:1px solid #dfebfa;background:#f7faff;border-radius:15px;padding:9px 13px;margin:0 0 14px;min-width:0}
.home-quickfilter summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;color:#214f8a;font-size:13px;font-weight:800;padding:5px 0}
.home-quickfilter summary::-webkit-details-marker{display:none}
.home-quickfilter summary span{font-size:11px;font-weight:400;color:#8190a9}
.home-quickfilter summary::after{content:'▾';margin-left:auto;color:#4477af}
.home-quickfilter[open] summary::after{content:'▴'}
.home-quickfilter-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:10px;align-items:end;margin-top:8px;padding:8px 0 4px}
.home-quickfilter-form label{display:grid;gap:5px;min-width:0;color:#425679;font-weight:800;font-size:11px}
.home-quickfilter-form select{display:block;width:100%;min-width:0;background:#fff;border:1px solid #dce6fa;border-radius:9px;padding:10px;color:#284069;font-size:12px;min-height:41px}
.home-quickfilter-form .btn{min-height:41px;white-space:nowrap;font-size:11px}
/* Keep every menu visible: a compact grid instead of horizontal scrolling. */
.nav.top-nav{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr));align-items:stretch;justify-content:stretch;gap:7px;padding:11px 13px;overflow:visible!important}
.nav.top-nav>.menu-pill{display:flex;min-width:0;min-height:43px;padding:8px 5px;gap:5px;white-space:normal;text-align:center;justify-content:center;font-size:11px;line-height:1.2;overflow-wrap:anywhere}
.nav.top-nav>.menu-pill svg{width:16px;height:16px;flex:none}
@media(max-width:1080px){
 .nav.top-nav{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:730px){
 .nav.top-nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px;padding:8px 9px;overflow:visible!important;touch-action:auto}
 .nav.top-nav>.menu-pill{min-width:0;min-height:37px;font-size:10px;padding:6px 4px;gap:4px}
 .nav.top-nav>.menu-pill svg{width:14px;height:14px}
 .nav.top-nav>.menu-pill:nth-child(1),.nav.top-nav>.menu-pill:nth-child(2){grid-column:span 2}
 .nav.top-nav>.menu-pill:nth-child(7),.nav.top-nav>.menu-pill:nth-child(8){grid-column:span 2}
 .home-quickfilter{padding:8px 11px;border-radius:12px}
 .home-quickfilter summary{font-size:12px;min-height:28px}
 .home-quickfilter summary span{display:none}
 .home-quickfilter-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:4px}
 .home-quickfilter-form .btn{grid-column:1/-1}
 .home-showcase .cards{gap:9px}
 .home-showcase .cardinfo{padding:9px}
 .home-showcase .cover{padding:6px}
 .home-showcase .cardinfo h3{font-size:12px;min-height:32px}
 .home-showcase .stats{font-size:10px;padding-top:8px}
}
@media(max-width:390px){
 .nav.top-nav>.menu-pill:nth-child(n+3):nth-child(-n+6){flex-direction:column;gap:3px}
 .nav.top-nav>.menu-pill{font-size:10px;min-height:43px}
 .home-showcase .cardinfo{padding:8px}
}

/* V25.9.4 - social icons ABOVE Exit, aligned to the same right edge.
   The social row belongs to the account block, never between search and greeting. */
@media (min-width:901px){
 .top:has(>.header-account-wrap){display:grid!important;grid-template-columns:minmax(175px,245px) minmax(145px,1fr) max-content;grid-template-rows:auto;align-items:center;justify-content:initial;gap:10px;min-height:0;padding:10px 19px}
 .top>.brand{grid-column:1;grid-row:1;min-width:0;max-width:100%;width:100%}
 .top>.brand.brand-custom{min-width:0;max-width:100%;width:100%}
 .top>.search{grid-column:2;grid-row:1;order:0;max-width:100%;width:100%;min-width:0}
 .top>.header-account-wrap{grid-column:3;grid-row:1;min-width:0;max-width:100%;justify-self:end}
}
@media (min-width:731px) and (max-width:900px){
 .top:has(>.header-account-wrap){display:grid!important;grid-template-columns:minmax(165px,1fr) max-content;grid-template-rows:auto auto;gap:7px 9px;align-items:center;min-height:0;padding:10px 15px}
 .top>.brand{grid-column:1;grid-row:1;min-width:0;width:100%;max-width:100%}
 .top>.brand.brand-custom{min-width:0;max-width:100%;width:100%}
 .top>.header-account-wrap{grid-column:2;grid-row:1;justify-self:end;min-width:0;max-width:100%}
 .top>.search{grid-column:1/-1;grid-row:2;order:0;width:100%;max-width:100%;min-width:0}
 .top>.header-account-wrap .hello{display:none}
}
@media (min-width:731px){
 .top>.header-account-wrap{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:2px}
 .top>.header-account-wrap>.site-social-top{display:flex!important;align-items:center;justify-content:flex-end;align-self:flex-end;gap:5px;width:auto;min-height:0;padding:0;margin:0;background:transparent}
 .top>.header-account-wrap>.site-social-top a{width:30px;height:30px;border-radius:9px}
 .top>.header-account-wrap>.site-social-top img{width:23px;height:23px}
 .top>.header-account-wrap>.account{display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:7px;width:auto;min-width:0;white-space:nowrap;margin:0}
}
@media (max-width:730px){
 .top>.header-account-wrap{display:block;min-width:0;width:100%;order:0}
 .top>.header-account-wrap>.account{display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:center;gap:7px;min-width:0;width:100%;white-space:normal;margin:0}
 .top>.header-account-wrap>.site-social-top{display:none!important}
}

/* V25.9.4 - centered, single slim online status banner.
   The real-time counts, zero-role hiding and manager details remain untouched. */
.online-footer{
 display:flex!important;
 align-items:center!important;
 justify-content:center!important;
 flex-wrap:wrap!important;
 gap:4px 10px!important;
 width:calc(100% - 24px)!important;
 max-width:100%!important;
 min-height:34px!important;
 margin:8px auto 0!important;
 padding:6px 12px!important;
 border:1px solid #e3ebf9!important;
 border-radius:11px!important;
 background:#f6f9ff!important;
 color:#4a6285!important;
 box-sizing:border-box!important;
}
.online-footer .online-footer-heading{
 display:inline-flex!important;
 align-items:center!important;
 justify-content:center!important;
 flex-wrap:nowrap!important;
 gap:7px!important;
 margin:0!important;
 padding:0!important;
 white-space:nowrap!important;
 font-size:11px!important;
 font-weight:600!important;
 line-height:1.5!important;
}
.online-footer-heading strong{font-size:11px!important;font-weight:700!important;line-height:1.5!important}
.online-footer-heading small{display:none!important}
.online-footer .online-dot{width:7px!important;height:7px!important;box-shadow:0 0 0 3px #18b67a1c!important}
.online-footer .online-footer-roles{
 display:flex!important;
 align-items:center!important;
 justify-content:center!important;
 flex-wrap:wrap!important;
 gap:2px 6px!important;
 margin:0!important;
 padding:0!important;
}
.online-footer .online-chip{
 display:inline-flex!important;
 align-items:center!important;
 gap:4px!important;
 margin:0!important;
 padding:2px 7px!important;
 background:#fff!important;
 border:1px solid #e6edf9!important;
 border-radius:100px!important;
 color:#526b8d!important;
 font-size:11px!important;
 font-weight:500!important;
 line-height:1.5!important;
 white-space:nowrap!important;
}
.online-footer .online-chip[hidden]{display:none!important}
.online-footer .online-chip b{font-size:11px!important;font-weight:700!important;line-height:1.5!important;color:#2866b5!important}
.online-footer .online-chip.online-total{background:#eaf2ff!important;border-color:#d7e6ff!important;font-weight:700!important}
@media(max-width:730px){
 .online-footer{width:calc(100% - 16px)!important;margin:7px auto 0!important;padding:6px 8px!important;gap:3px 7px!important}
 .online-footer .online-footer-heading,.online-footer-heading strong,.online-footer .online-chip,.online-footer .online-chip b{font-size:10px!important}
 .online-footer .online-chip{padding:2px 6px!important}
}