/*
Theme Name: SOPOD
Theme URI: https://somapomaklardernegi.org.tr
Author: Soma Pomaklar Derneği
Description: Soma Pomaklar Derneği (SOPOD) web sitesi teması. Etkinlikler özel yazı türü olarak yönetilir.
Version: 1.0
Text Domain: sopod
*/

body{margin:0;background:#F3F4EF;color:#1F231B;font-family:'Source Sans 3',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#3A3F33}a:hover{color:#57211D}
a:focus-visible{outline:2px solid #57211D;outline-offset:3px}

.dd{position:relative}
.dd>a{display:inline-flex;align-items:center;gap:6px;padding:26px 0}
.dd-m{display:none;position:absolute;top:100%;left:-18px;min-width:250px;background:#fff;box-shadow:0 18px 40px rgba(31,35,27,.18);border-top:3px solid #57211D;padding:8px 0;z-index:60}
.dd:hover .dd-m,.dd:focus-within .dd-m{display:block}
.dd-m a{display:block;padding:11px 22px;font-size:16px;font-weight:500;color:#1F231B;text-decoration:none}
.dd-m a:hover{background:#F3F4EF;color:#57211D}
.nv>a{padding:26px 0;display:inline-flex}
.sl{position:absolute;inset:0;opacity:0;visibility:hidden;animation:slf 28s infinite}
.sl:nth-child(1){animation-delay:0s}.sl:nth-child(2){animation-delay:7s}.sl:nth-child(3){animation-delay:14s}.sl:nth-child(4){animation-delay:21s}
@keyframes slf{0%{opacity:0;visibility:visible}3%{opacity:1}25%{opacity:1}28%{opacity:0;visibility:visible}28.1%{visibility:hidden}100%{opacity:0;visibility:hidden}}
.sl img{animation:slz 28s infinite}
@keyframes slz{0%{transform:scale(1)}28%{transform:scale(1.06)}100%{transform:scale(1.06)}}
.dot{display:block;height:4px;width:14px;border-radius:2px;background:rgba(243,244,239,.4);animation:dt 28s infinite}
.dot:nth-child(1){animation-delay:0s}.dot:nth-child(2){animation-delay:7s}.dot:nth-child(3){animation-delay:14s}.dot:nth-child(4){animation-delay:21s}
@keyframes dt{0%{width:44px;background:#F3F4EF}25%{width:44px;background:#F3F4EF}26%{width:14px;background:rgba(243,244,239,.4)}100%{width:14px;background:rgba(243,244,239,.4)}}
#hero:hover .sl,#hero:hover .sl img,#hero:hover .dot{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.sl,.sl img,.dot{animation:none}.sl:nth-child(1){opacity:1;visibility:visible}}
.cd .ph{overflow:hidden}.cd .ph img{transition:transform .6s ease}.cd:hover .ph img{transform:scale(1.05)}
.cd h4,.cd h3{transition:color .2s}.cd:hover h4,.cd:hover h3{color:#57211D}
.vr{position:absolute;opacity:0;pointer-events:none}.vpn{display:none}.vi:hover .vn{border-color:#A9B09B}.vr:focus-visible~.vlist{outline:2px solid #A9B09B;outline-offset:6px}
#v0:checked~.stage .p0{display:block}#v0:checked~.vlist .vi0 .vn{background:#57211D;border-color:#57211D;color:#fff}#v0:checked~.vlist .vi0{background:rgba(243,244,239,.06)}#v1:checked~.stage .p1{display:block}#v1:checked~.vlist .vi1 .vn{background:#57211D;border-color:#57211D;color:#fff}#v1:checked~.vlist .vi1{background:rgba(243,244,239,.06)}#v2:checked~.stage .p2{display:block}#v2:checked~.vlist .vi2 .vn{background:#57211D;border-color:#57211D;color:#fff}#v2:checked~.vlist .vi2{background:rgba(243,244,239,.06)}#v3:checked~.stage .p3{display:block}#v3:checked~.vlist .vi3 .vn{background:#57211D;border-color:#57211D;color:#fff}#v3:checked~.vlist .vi3{background:rgba(243,244,239,.06)}#v4:checked~.stage .p4{display:block}#v4:checked~.vlist .vi4 .vn{background:#57211D;border-color:#57211D;color:#fff}#v4:checked~.vlist .vi4{background:rgba(243,244,239,.06)}#v5:checked~.stage .p5{display:block}#v5:checked~.vlist .vi5 .vn{background:#57211D;border-color:#57211D;color:#fff}#v5:checked~.vlist .vi5{background:rgba(243,244,239,.06)}.pl{transition:transform .25s,background .25s}.vc:hover .pl{transform:scale(1.08);background:#fff}


/* --- WordPress uyumu --- */
.sopod-icerik p{margin:0 0 20px;font-size:18px;line-height:1.75;color:#2E3329}
.sopod-icerik h2,.sopod-icerik h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;color:#1F231B;line-height:1.12;margin:36px 0 14px}
.sopod-icerik h3{font-size:30px}.sopod-icerik h2{font-size:38px}
.sopod-icerik ul{margin:0 0 20px;padding:0;list-style:none}
.sopod-icerik li{padding:10px 0 10px 22px;position:relative;border-top:1px solid #D9DCD0;font-size:18px;color:#2E3329}
.sopod-icerik li:before{content:"";position:absolute;left:0;top:22px;width:8px;height:8px;background:#57211D;border-radius:50%}
.sopod-icerik img{max-width:100%;height:auto}
.sopod-icerik .wp-block-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:24px 0}
.sopod-galeri{column-count:3;column-gap:16px}
.sopod-galeri a{display:block;margin:0 0 16px;break-inside:avoid;background:#D9DCD0}
.sopod-galeri img{width:100%;height:auto;display:block}
@media(max-width:900px){.sopod-galeri{column-count:2}}
@media(max-width:560px){.sopod-galeri{column-count:1}}
.sopod-arama input[type=search]{width:100%;box-sizing:border-box;height:60px;padding:0 22px;font:inherit;font-size:20px;border:2px solid #3A3F33;background:#fff;color:#1F231B;border-radius:2px}
.screen-reader-text{position:absolute;left:-9999px}