/* HC Galeri · Header/Footer Rainbow v3 */
:root{--header-height:78px;--hc-control-radius:10px;--hc-icon-control-radius:9px}
.site-header{min-height:var(--header-height);background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 94%,transparent),color-mix(in srgb,var(--surface) 86%,transparent));box-shadow:0 1px 0 color-mix(in srgb,var(--border) 82%,transparent),0 10px 28px color-mix(in srgb,var(--text) 4%,transparent)}
.header-inner{min-height:var(--header-height)}
.brand-hc-rainbow,.brand-hc-footer{position:relative;isolation:isolate;display:grid;place-items:center;overflow:hidden;flex:0 0 auto;width:42px;height:42px;border:1px solid color-mix(in srgb,var(--surface) 65%,var(--border));border-radius:11px;background:#6d5dfc;color:#fff;box-shadow:0 8px 20px color-mix(in srgb,#5d55ff 18%,transparent)}
.brand-hc-rainbow::before,.brand-hc-footer::before{content:"";position:absolute;z-index:-2;inset:-45%;background:conic-gradient(from 0deg,#ff4d67,#ff9f43,#ffe66d,#38d996,#31b8ff,#6c63ff,#c65cff,#ff4d9b,#ff4d67);animation:hc-rainbow-rotate 5.8s linear infinite}
.brand-hc-rainbow::after,.brand-hc-footer::after{content:"";position:absolute;z-index:-1;inset:2px;border-radius:8px;background:radial-gradient(circle at 30% 24%,color-mix(in srgb,#fff 30%,transparent),transparent 38%),color-mix(in srgb,#11162b 16%,transparent);backdrop-filter:blur(2px)}
.brand-hc-rainbow svg,.brand-hc-footer svg{width:29px;height:29px;filter:drop-shadow(0 1px 2px rgb(0 0 0 / 28%))}
.brand-hc-rainbow path,.brand-hc-footer path{fill:none;stroke:currentColor;stroke-width:3.05;stroke-linecap:round;stroke-linejoin:round}
@keyframes hc-rainbow-rotate{to{transform:rotate(360deg)}}
.brand-hc-footer{width:31px;height:31px;border-radius:9px;box-shadow:0 5px 14px color-mix(in srgb,#5d55ff 12%,transparent)}
.brand-hc-footer svg{width:22px;height:22px}
.site-footer{margin-top:24px;padding:17px 0 15px;border-top:1px solid color-mix(in srgb,var(--border) 86%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 36%,var(--surface)),var(--surface))}
.footer-inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px}
.footer-brand-compact{display:inline-flex;align-items:center;gap:8px;min-width:max-content}.footer-brand-compact .brand-copy{font-size:14px}
.footer-links-compact{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px 14px;min-width:0}.footer-links-compact a{position:relative;color:var(--muted);font-size:11px;font-weight:680;line-height:1.25;text-decoration:none;transition:color .16s ease}.footer-links-compact a:hover,.footer-links-compact a:focus-visible{color:var(--primary);outline:none}.footer-links-compact a+a::before{content:"";position:absolute;top:50%;left:-8px;width:2px;height:2px;border-radius:50%;background:var(--border-strong);transform:translateY(-50%)}
.footer-copy{color:var(--muted);font-size:10.5px;white-space:nowrap}
:where(button,.button,a.button,input[type="submit"],input[type="button"],.header-auth-svg-button,.password-toggle,.card-side-trigger,.card-side-panel,.card-panel-row-button,.board-resolution-button,.social-share-button,.pagination-link,.admin-sort-link,.theme-button,.theme-toggle-button,.menu-button,.mobile-menu-button,.header-icon-button,.icon-button){border-radius:var(--hc-control-radius)!important}
:where(.card-side-trigger,.header-auth-svg-button,.password-toggle,.theme-button,.theme-toggle-button,.menu-button,.mobile-menu-button,.header-icon-button,.icon-button){border-radius:var(--hc-icon-control-radius)!important}
:where(.button,button).button-small{border-radius:9px!important}
.card-side-panel-resolution{left:38px;min-height:30px;max-width:min(268px,calc(100vw - 100px));padding:0 6px}.card-side-panel-resolution .card-panel-list-scroll{max-height:min(170px,42vh)}
.card-side-panel-resolution .card-panel-row,.card-side-panel-board .card-panel-row{grid-template-columns:minmax(0,1fr) minmax(72px,auto)!important;gap:7px!important;min-height:25px!important;padding:3px 6px!important;font-size:10px!important}.card-side-panel-resolution .card-panel-row>span,.card-side-panel-board .card-panel-row>span{font-size:9px!important}.card-side-panel-resolution .card-panel-value-group,.card-side-panel-board .card-panel-value-group{gap:4px!important}.card-side-panel-resolution .card-panel-value-group em,.card-side-panel-board .card-panel-value-group em{font-size:9.7px!important}.card-side-panel-resolution .card-panel-value-group small,.card-side-panel-board .card-panel-value-group small{font-size:6.8px!important}
.detail-resolution-row{gap:5px;padding-bottom:4px}.detail-resolution-row .button{min-height:34px;padding:6px 9px;font-size:10px;border-radius:9px!important}.resolution-preview-panel{width:205px;padding:8px;border-radius:10px}.resolution-preview-panel .card-panel-row,.resolution-preview-panel .resolution-row{min-height:25px;padding:4px 6px;font-size:10px}
.static-empty-page{width:min(1080px,calc(100% - 28px));min-height:calc(100vh - var(--header-height) - 110px);margin:0 auto;padding:clamp(26px,4vw,48px) 0}.static-empty-page-head{margin-bottom:15px}.static-empty-page-head h1{margin:5px 0 0;font-size:clamp(24px,3vw,32px);letter-spacing:-.75px}.static-empty-page-body{min-height:300px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface-2) 58%,var(--surface)));box-shadow:var(--shadow-sm)}
@media(max-width:760px){:root{--header-height:68px}.brand-hc-rainbow{width:38px;height:38px}.brand-hc-rainbow svg{width:26px;height:26px}.footer-inner{grid-template-columns:minmax(0,1fr);justify-items:center;gap:10px;text-align:center}.footer-brand-compact{display:none}.footer-links-compact{gap:6px 12px}.footer-links-compact a+a::before{left:-7px}.site-footer{padding:14px 0 13px}}
@media(prefers-reduced-motion:reduce){.brand-hc-rainbow::before,.brand-hc-footer::before{animation-duration:18s}}


/* HC Galeri · Footer yükseklik %50 azaltma */

.site-footer {
    margin-top: 14px !important;
    padding-top: 8px !important;
    padding-bottom: 7px !important;
}

.footer-inner {
    gap: 10px !important;
    min-height: 0 !important;
}

.footer-brand-compact {
    gap: 6px !important;
}

.brand-hc-footer {
    width: 24px !important;
    height: 24px !important;
    border-radius: 7px !important;
}

.brand-hc-footer svg {
    width: 17px !important;
    height: 17px !important;
}

.footer-brand-compact .brand-copy {
    font-size: 12px !important;
}

.footer-links-compact {
    gap: 3px 11px !important;
}

.footer-links-compact a {
    font-size: 10px !important;
    line-height: 1.1 !important;
}

.footer-copy {
    font-size: 9px !important;
    line-height: 1.1 !important;
}

@media (max-width: 760px) {
    .site-footer {
        margin-top: 12px !important;
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    .footer-inner {
        gap: 6px !important;
    }

    .footer-links-compact {
        gap: 4px 10px !important;
    }
}


/* HC Galeri · Çözünürlük menüsü ekstra kompakt */

.card-side-panel-resolution {
    left: 36px !important;
    min-height: 26px !important;
    max-width: min(248px, calc(100vw - 92px)) !important;
    padding: 0 4px !important;
}

.card-side-panel-resolution .card-panel-list-scroll {
    max-height: min(154px, 38vh) !important;
}

.card-side-panel-resolution .card-panel-row,
.card-side-panel-board .card-panel-row {
    min-height: 20px !important;
    padding: 1px 4px !important;
    gap: 4px !important;
    line-height: 1.05 !important;
}

.card-side-panel-resolution .card-panel-row + .card-panel-row,
.card-side-panel-board .card-panel-row + .card-panel-row {
    margin-top: 0 !important;
}

.card-side-panel-resolution .card-panel-row > span,
.card-side-panel-board .card-panel-row > span {
    font-size: 8.2px !important;
    line-height: 1.05 !important;
}

.card-side-panel-resolution .card-panel-value-group,
.card-side-panel-board .card-panel-value-group {
    gap: 2px !important;
    line-height: 1 !important;
}

.card-side-panel-resolution .card-panel-value-group em,
.card-side-panel-board .card-panel-value-group em {
    font-size: 8.8px !important;
    line-height: 1 !important;
}

.card-side-panel-resolution .card-panel-value-group small,
.card-side-panel-board .card-panel-value-group small {
    font-size: 6.2px !important;
    line-height: 1 !important;
}

.card-side-panel-resolution .card-panel-row-button,
.card-side-panel-board .card-panel-row-button,
.card-side-panel-resolution .board-resolution-button,
.card-side-panel-board .board-resolution-button {
    min-height: 20px !important;
    height: 20px !important;
    padding: 1px 5px !important;
    border-radius: 7px !important;
    font-size: 7.8px !important;
    line-height: 1 !important;
}

.card-side-panel-resolution .card-panel-row-button .icon,
.card-side-panel-board .card-panel-row-button .icon,
.card-side-panel-resolution .board-resolution-button .icon,
.card-side-panel-board .board-resolution-button .icon {
    width: 10px !important;
    height: 10px !important;
}

.detail-resolution-row {
    gap: 3px !important;
    padding-bottom: 2px !important;
}

.detail-resolution-row .button {
    min-height: 28px !important;
    height: 28px !important;
    padding: 3px 7px !important;
    border-radius: 8px !important;
    font-size: 8.8px !important;
    line-height: 1 !important;
}

.resolution-preview-panel {
    width: 190px !important;
    padding: 5px !important;
}

.resolution-preview-panel .card-panel-row,
.resolution-preview-panel .resolution-row {
    min-height: 20px !important;
    padding: 2px 4px !important;
    font-size: 8.5px !important;
    line-height: 1.05 !important;
}