/* İlkokul Dijital dynamic customizer CSS - v19 */
:root{ --navbar-bg: #0369a1; --logo-text: #ffffff; --logo-icon: #ffffff; --sidebar-bg: #f0f9ff; --sidebar-text: #0c2340; --sidebar-right-bg: #f0f9ff; --footer-bg: #0c2340; --footer-text: #9ca3af; --footer-heading: #ffffff; --global-1: #ef4444; --global-2: #3b82f6; --global-3: #22c55e; --global-4: #a855f7; --sb-head-1: #0369a1; --sb-head-2: #0284c7; --sb-head-3: #0ea5e9; --sb-head-4: #0891b2; --sb-head-5: #0c4a6e; --sb-head-6: #ef4444; --sb-head-7: #3b82f6; --sb-head-8: #f97316; --sb-head-9: #22c55e; --sb-head-10: #a855f7; --rsb-head-1: #0369a1; --rsb-head-2: #0284c7; --rsb-head-3: #0ea5e9; --rsb-head-4: #0891b2; --rsb-head-5: #0c4a6e; --rsb-head-6: #ef4444; --rsb-head-7: #3b82f6; --rsb-head-8: #f97316; --rsb-head-9: #22c55e; --rsb-head-10: #a855f7; --sb-head-1-end: #0284c7; --sb-head-2-end: #0ea5e9; --sb-head-3-end: #38bdf8; --sb-head-4-end: #06b6d4; --sb-head-5-end: #0369a1; --rsb-head-1-end: #0284c7; --rsb-head-2-end: #0ea5e9; --rsb-head-3-end: #38bdf8; --rsb-head-4-end: #06b6d4; --rsb-head-5-end: #0369a1; --ild-m-title-fs: 14px; --ild-m-title-fw: 900; --ild-m-item-fs: 14px; --ild-m-item-fw: 800; --ild-m-cols: 2; --ild-m-item-h: 66px; --ild-m-radius: 18px; --ild-m-gap: 12px; --ild-m-align: center; --ild-m-lines: 1; --ild-m-acc-align: center; --ild-m-shape: "sym"; --ild-m-font: "Nunito", system-ui, -apple-system, Segoe UI, Roboto, sans-serif; --ild-neon-thickness-desktop: 2px; --ild-neon-thickness-mobile: 2px;}

html[data-bs-theme="dark"], body[data-bs-theme="dark"], body.dark-mode, body.theme-dark, [data-bs-theme="dark"]{ --sb-head-1:#2563eb; --sb-head-2:#0ea5e9; --sb-head-3:#0284c7; --sb-head-4:#06b6d4; --sb-head-5:#4f46e5; --sb-head-6:#2563eb; --sb-head-7:#0ea5e9; --sb-head-8:#0284c7; --sb-head-9:#06b6d4; --sb-head-10:#4f46e5; --rsb-head-1:#2563eb; --rsb-head-2:#0ea5e9; --rsb-head-3:#0284c7; --rsb-head-4:#06b6d4; --rsb-head-5:#4f46e5; --rsb-head-6:#2563eb; --rsb-head-7:#0ea5e9; --rsb-head-8:#0284c7; --rsb-head-9:#06b6d4; --rsb-head-10:#4f46e5; --sb-head-1-end:#38bdf8; --sb-head-2-end:#22d3ee; --sb-head-3-end:#38bdf8; --sb-head-4-end:#67e8f9; --sb-head-5-end:#818cf8; --rsb-head-1-end:#38bdf8; --rsb-head-2-end:#22d3ee; --rsb-head-3-end:#38bdf8; --rsb-head-4-end:#67e8f9; --rsb-head-5-end:#818cf8;}

:root { --pm-l1-bg: linear-gradient(135deg, #FF7D00 0%, #ff4e00 100%) !important; --pm-l1-text: #ffffff !important; --pm-l2-bg: linear-gradient(135deg, #3b82f6 0%, #0ea5e9 100%) !important; --pm-l2-text: #ffffff !important; --pm-l3-bg: #ffffff !important; --pm-l3-text: #475569 !important; --pm-active-icon: #22c55e !important; --pm-active-bg: #fff7ed !important; --pm-active-border: #FF7D00 !important; --pm-l3-hover: #f1f5f9 !important; --ild-portal-hc-gap: 16px !important;
            --header-padding-y: 0px !important; --header-menu-size: 0.95rem !important; --logo-size: 1.2rem !important; --sidebar-width: 260px !important; --ild-left-width: 260px !important; --ild-right-width: 260px !important; --card-shadow-opacity: 0.1 !important; --footer-margin-top: 50px !important; --btn-primary-bg: #3b82f6 !important; --btn-primary-text: #ffffff !important; --btn-radius: 12px !important; --ph-bg: #ffffff !important; --ph-text: #334155 !important; --ph-border: #e2e8f0 !important; --ph-radius: 12px !important; --ph-padding: 5px !important; --topbar-bg: #1f2937 !important; --topbar-text: #ffffff !important; --footer-bottom-bg: rgba(0,0,0,0.2) !important; --footer-bottom-text: #9ca3af !important; --ild-hero-max-width: 1260px !important; --ild-container-max: 1200px !important; --ild-container-max-xl: 1200px !important; --ild-container-max-xxl: 1300px !important;
            --body-font-family: 'Nunito', sans-serif !important; --heading-font-family: 'Fredoka', sans-serif !important; --heading-color: #334155 !important; --selection-bg: #FF7D00 !important; --selection-text: #ffffff !important; --slider-height: 280px !important; --ild-hero-height: 280px !important; --slider-overlay: 0.5 !important; --search-bg: rgba(255,255,255,0.1) !important; --search-text: #ffffff !important; --search-border: rgba(255,255,255,0.4) !important; --search-width: 260px !important; --breadcrumb-text: #64748b !important; --breadcrumb-active: #3b82f6 !important; --preloader-color: #FF7D00 !important; --404-icon-color: #ef4444 !important; --card-hover-y: -8px !important; --mb-nav-bg: #ffffff !important; --mb-nav-color: #64748b !important; --mb-nav-active: #FF7D00 !important;
            --anno-bg: #0074b7 !important; --anno-text: #ffffff !important; --meta-color: #64748b !important; --meta-icon: #3b82f6 !important;
        } body { font-size: 15px !important; }@media (min-width:992px){ .left-panel{ margin-left:30px !important; } }@media (min-width:992px){ .right-panel{ margin-right:30px !important; } }@media (min-width:992px){
            .left-panel {
                flex-shrink: 0 !important;
                flex-grow: 0 !important;
                flex-basis: 260px !important;
                width: 260px !important;
                min-width: 260px !important;
                max-width: 260px !important;
            }
            .right-panel {
                flex-shrink: 0 !important;
                flex-grow: 0 !important;
                flex-basis: 260px !important;
                width: 260px !important;
                min-width: 260px !important;
                max-width: 260px !important;
            }
        }.card, .btn, .form-control, .offcanvas, .tool-box-card, .sidebar-heading, .sidebar-menu li a, .fun-card { border-radius: 12px !important; } @media (min-width: 1200px) { .container { max-width: 1200px !important; } } @media (min-width: 1400px) { .container { max-width: 1200px !important; } } @media (min-width: 1600px) { .container { max-width: 1300px !important; } } ::-webkit-scrollbar { width: 10px; } ::-webkit-scrollbar-track { background: #e0f2fe; } ::-webkit-scrollbar-thumb { background: #0369a1; border-radius: 10px; } #portalAccordion .accordion-button { font-size: 1rem !important; padding: 15px calc(15px * 1.3) !important; border-radius: 16px !important; } #portalAccordion .portal-subgroup-btn { font-size: calc(1rem * 0.95) !important; padding: calc(15px * 0.8) calc(15px * 1.1) !important; border-radius: 16px !important; } #portalAccordion .portal-leaf { font-size: calc(1rem * 0.92) !important; padding: calc(15px * 0.7) calc(15px * 0.9) !important; border-radius: 16px !important; } #portalAccordion .portal-leaf.active { color: #334155 !important; }  /* Portal: Başlık (ild-page-header) ile içerik alanı arasını ayarla */ body.page-template-page-portal .ild-page-header { margin-bottom: var(--ild-portal-hc-gap) !important; } /* Topbar boşluğu bu ayar tarafından yönetilsin (sabit mb sınıflarını bastır) */ body.page-template-page-portal #portalTopbar { margin-top: 0 !important; margin-bottom: 0 !important; } body.page-template-page-portal #portalViewerCard { margin-top: 0 !important; } 

:root{--ild-ct-video:linear-gradient(145deg,hsl(201,80%,36%) 0%,hsl(201,80%,28%) 100%);--ild-ct-video-fg:#ffffff;--ild-ct-video-bb:rgba(255,255,255,0.22);--ild-ct-wordwall:linear-gradient(135deg,hsl(201,80%,38%) 0%,hsl(201,80%,30%) 100%);--ild-ct-wordwall-fg:#ffffff;--ild-ct-wordwall-bb:rgba(255,255,255,0.22);--ild-ct-oyun:linear-gradient(140deg,hsl(201,76%,40%) 0%,hsl(201,76%,32%) 100%);--ild-ct-oyun-fg:#ffffff;--ild-ct-oyun-bb:rgba(255,255,255,0.22);--ild-ct-uygulama:linear-gradient(145deg,hsl(201,78%,32%) 0%,hsl(201,78%,24%) 100%);--ild-ct-uygulama-fg:#ffffff;--ild-ct-uygulama-bb:rgba(255,255,255,0.22);--ild-ct-pdf:linear-gradient(145deg,hsl(213,80%,36%) 0%,hsl(213,80%,28%) 100%);--ild-ct-pdf-fg:#ffffff;--ild-ct-pdf-bb:rgba(255,255,255,0.22);--ild-ct-word:linear-gradient(135deg,hsl(219,76%,38%) 0%,hsl(219,76%,30%) 100%);--ild-ct-word-fg:#ffffff;--ild-ct-word-bb:rgba(255,255,255,0.22);--ild-ct-boyama:linear-gradient(140deg,hsl(225,80%,38%) 0%,hsl(225,80%,30%) 100%);--ild-ct-boyama-fg:#ffffff;--ild-ct-boyama-bb:rgba(255,255,255,0.22);--ild-ct-gorsel:linear-gradient(145deg,hsl(189,78%,36%) 0%,hsl(189,78%,28%) 100%);--ild-ct-gorsel-fg:#ffffff;--ild-ct-gorsel-bb:rgba(255,255,255,0.22);--ild-ct-sinif:linear-gradient(145deg,hsl(183,80%,34%) 0%,hsl(183,80%,26%) 100%);--ild-ct-sinif-fg:#ffffff;--ild-ct-sinif-bb:rgba(255,255,255,0.22);--ild-ct-uncat:linear-gradient(145deg,hsl(207,80%,36%) 0%,hsl(207,80%,28%) 100%);--ild-ct-uncat-fg:#ffffff;--ild-ct-uncat-bb:rgba(255,255,255,0.22);--ild-card-title-size:15px;--ild-card-title-weight:700;--ild-card-text-align:center;--ild-card-title-lines:2;--ild-card-badge-size:12px;--ild-card-icon-size:67px;--ild-card-img-height:60px;}

.fun-card{border-radius:28px 6px 28px 6px!important}

.fun-card .ild-no-thumb,.fun-card .card-img-top{height:var(--ild-card-img-height,140px)!important}

@media (max-width:767px){body.home #kartListesi .kart-item,body.front-page #kartListesi .kart-item,#kartListesi .kart-item{padding:4px !important;}body.home #kartListesi .kart-item>a,body.front-page #kartListesi .kart-item>a,#kartListesi .kart-item>a{display:block !important;height:auto !important;}body.home #kartListesi .fun-card,body.front-page #kartListesi .fun-card,#kartListesi .fun-card{aspect-ratio:auto !important;height:110px !important;min-height:110px !important;max-height:110px !important;padding:0 !important;display:flex !important;flex-direction:column !important;justify-content:center !important;overflow:hidden !important;}body.home #kartListesi .fun-card .card-img-top,body.front-page #kartListesi .fun-card .card-img-top,#kartListesi .fun-card .card-img-top,body.home #kartListesi .fun-card .ild-no-thumb,body.front-page #kartListesi .fun-card .ild-no-thumb,#kartListesi .fun-card .ild-no-thumb{display:none !important;height:0 !important;min-height:0 !important;max-height:0 !important;flex:0 0 0 !important;padding:0 !important;margin:0 !important;overflow:hidden !important;}body.home #kartListesi .fun-card .card-body,body.front-page #kartListesi .fun-card .card-body,#kartListesi .fun-card .card-body{flex:1 1 auto !important;min-height:0 !important;height:100% !important;padding:8px 8px 9px !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:6px !important;}body.home #kartListesi .fun-card h6,body.front-page #kartListesi .fun-card h6,#kartListesi .fun-card h6{margin:0 !important;font-size:15px !important;line-height:1.18 !important;text-align:center !important;}body.home #kartListesi .fun-card .card-badge,body.front-page #kartListesi .fun-card .card-badge,#kartListesi .fun-card .card-badge{margin:0 !important;font-size:14px !important;line-height:1 !important;padding:3px 8px !important;}}

@media (min-width:992px){html body #kartListesi .fun-card .card-badge[data-mobile-badge]{display:inline-block !important;position:relative !important;z-index:2 !important;color:#1e3a5f !important;-webkit-text-fill-color:#1e3a5f !important;background:linear-gradient(180deg,rgba(255,255,255,.88) 0%,rgba(244,249,255,.74) 56%,rgba(224,236,248,.70) 100%) !important;border:1px solid rgba(255,255,255,.90) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 6px 12px rgba(53,90,138,.12) !important;text-shadow:0 1px 0 rgba(255,255,255,.50) !important;border-radius:999px !important;padding:4px 12px !important;font-size:.72rem !important;letter-spacing:.02em !important;transform:translateY(-12px) !important;}html[data-bs-theme="dark"] body #kartListesi .fun-card .card-badge[data-mobile-badge],body[data-bs-theme="dark"] #kartListesi .fun-card .card-badge[data-mobile-badge],body.dark-mode #kartListesi .fun-card .card-badge[data-mobile-badge],body.theme-dark #kartListesi .fun-card .card-badge[data-mobile-badge],[data-bs-theme="dark"] #kartListesi .fun-card .card-badge[data-mobile-badge]{color:#f8fafc !important;-webkit-text-fill-color:#f8fafc !important;background:linear-gradient(180deg,rgba(255,255,255,.22) 0%,rgba(203,213,225,.12) 50%,rgba(148,163,184,.10) 100%) !important;border:1px solid rgba(255,255,255,.28) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 6px 14px rgba(0,0,0,.20) !important;text-shadow:0 1px 1px rgba(15,23,42,.42) !important;}}@media (max-width:767px){html body #kartListesi .fun-card .card-badge[data-mobile-badge]{display:inline-block !important;position:relative !important;z-index:2 !important;color:#1e3a5f !important;-webkit-text-fill-color:#1e3a5f !important;background:linear-gradient(180deg,rgba(255,255,255,.88) 0%,rgba(244,249,255,.74) 56%,rgba(224,236,248,.70) 100%) !important;border:1px solid rgba(255,255,255,.90) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 6px 12px rgba(53,90,138,.12) !important;text-shadow:0 1px 0 rgba(255,255,255,.50) !important;border-radius:999px !important;transform:translateY(-4px) !important;}html[data-bs-theme="dark"] body #kartListesi .fun-card .card-badge[data-mobile-badge],body[data-bs-theme="dark"] #kartListesi .fun-card .card-badge[data-mobile-badge],body.dark-mode #kartListesi .fun-card .card-badge[data-mobile-badge],body.theme-dark #kartListesi .fun-card .card-badge[data-mobile-badge],[data-bs-theme="dark"] #kartListesi .fun-card .card-badge[data-mobile-badge]{color:#f8fafc !important;-webkit-text-fill-color:#f8fafc !important;background:linear-gradient(180deg,rgba(255,255,255,.22) 0%,rgba(203,213,225,.12) 50%,rgba(148,163,184,.10) 100%) !important;border:1px solid rgba(255,255,255,.28) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 6px 14px rgba(0,0,0,.20) !important;text-shadow:0 1px 1px rgba(15,23,42,.42) !important;}}

@media (max-width:991.98px){.ild-single-mobile-menu-head,.ild-mpanel-head{font-size:15px !important;line-height:1.2 !important;justify-content:center !important;text-align:center !important;}.ild-single-mobile-menu-head span{font-size:inherit !important;line-height:inherit !important;}.ild-single-mobile-after-content .ild-tacc-title,.ild-single-mobile-after-content .ild-tliste-title,.ild-single-mobile-after-content .ild-tliste2-title,.ild-single-mobile-after-content .ild-tlistec-title,.ild-single-mobile-after-content .ild-tduet-title,.ild-single-mobile-after-content .ild-tduet2-title,.ild-single-mobile-after-content .ild-tchip-title,.ild-single-mobile-after-content .ild-tchip2-title,.ild-mpanel-section .ild-tacc-title,.ild-mpanel-section .ild-tliste-title,.ild-mpanel-section .ild-tliste2-title,.ild-mpanel-section .ild-tlistec-title,.ild-mpanel-section .ild-tduet-title,.ild-mpanel-section .ild-tduet2-title,.ild-mpanel-section .ild-tchip-title,.ild-mpanel-section .ild-tchip2-title{font-size:18px !important;line-height:1.25 !important;text-align:left !important;}}

@keyframes ild-bounce { 0%,100%{transform:translateY(0)} 40%{transform:translateY(-8px)} 70%{transform:translateY(-4px)} }@keyframes ild-ripple { to { transform:scale(2); opacity:0; } }@keyframes ild-fade-in { from{opacity:0} to{opacity:1} }@keyframes ild-slide-up { from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} }.ild-toolset-1 .accordion-button{background:#0369a1!important;color:#ffffff!important;}