/* V5 Ana sayfa düzeltmesi — yalnızca index.html */
.top-stories{display:flex;align-items:stretch;gap:13px;margin-top:7px;margin-bottom:13px}
.quick-actions{display:flex;gap:7px;flex:0 0 auto;align-items:stretch}
.quick-actions a{display:flex;align-items:center;justify-content:center;border-radius:7px;min-height:118px;text-decoration:none;transition:transform .15s,filter .15s}
.quick-actions a:hover{transform:translateY(-2px);filter:brightness(1.1)}
.quick-play{flex-direction:column;gap:2px;width:116px;background:#20232a;color:white;border-bottom:4px solid #c8104e;font-size:16px;font-weight:900}
.quick-play img{width:77px;height:77px;object-fit:contain}
.quick-baby{width:85px;background:#f4f0ec;border:1px solid #e4ded9}
.quick-baby img{width:75px;height:75px;object-fit:contain}
.quick-reward{width:85px;flex-direction:column;gap:6px;background:#173d66;color:white;text-align:center}
.quick-reward>span{font-size:27px;border:2px solid #fff;border-radius:50%;width:49px;height:49px;display:grid;place-items:center}
.quick-reward small{font-size:10px;line-height:1.15;font-weight:900}
.latest-strip{min-width:0;flex:1;display:flex;gap:9px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:7px}
.story-tile{display:block;flex:0 0 155px;scroll-snap-align:start;color:var(--fg);text-decoration:none}
.story-image{height:88px;overflow:hidden;background:#e5e5e8;display:grid;place-items:center;border-radius:4px;font-size:34px}
.story-image img{width:100%;height:100%;object-fit:cover}
.story-title{display:block;padding:7px 3px 4px;font-size:12px;line-height:1.25;font-weight:800;min-height:42px}
.story-tile:hover .story-title{text-decoration:underline;color:#c8104e}
.heroarticle .post-emoji-badge,.postcard .post-emoji-badge,.magpost .post-emoji-badge{position:absolute;top:9px;left:9px;z-index:4;display:grid;place-items:center;width:51px;height:51px;background:#fff;border:3px solid #c8104e;border-radius:50%;font-size:30px;line-height:1;box-shadow:0 3px 10px #0003}
.postcard,.magpost{position:relative}
.heroarticle:not(:first-child){padding:13px}
.heroarticle:not(:first-child) h2{font-size:clamp(15px,1.45vw,20px);line-height:1.23;padding:7px 10px}
.heroarticle:first-child h2{font-size:clamp(24px,2.2vw,32px)}
.reaction-preview{font-size:19px!important;letter-spacing:3px;padding:10px 0!important}
.home-read-more{display:inline-flex;margin:10px 12px 0;padding:9px 14px;border-radius:5px;background:#c8104e;color:#fff;font-size:12px;font-weight:900;letter-spacing:.3px}
.postcard:hover .home-read-more,.magpost:hover .home-read-more{background:#173d66}
.postcard{border:1px solid var(--line);border-radius:7px;overflow:hidden;padding-bottom:16px}
.postcard h3,.postcard p,.postcard .postmeta,.postcard .reaction-preview{margin-left:12px;margin-right:12px}
.foot-social-v6{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.foot-social-v6 a{display:inline-flex;gap:7px;align-items:center;border:1px solid #737783;border-radius:6px;padding:9px 11px;color:#fff!important;background:#343944;font-weight:800;font-size:13px}
.foot-social-v6 a:hover{background:#c8104e}
.footernew{grid-template-columns:1.3fr 1fr 1.5fr auto;gap:16px}
@media(max-width:900px){.top-stories{flex-direction:column}.quick-actions{justify-content:flex-start}.latest-strip{width:100%}.footernew{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.quick-actions a{min-height:94px}.quick-play{width:105px}.quick-play img{height:56px;width:66px}.quick-baby,.quick-reward{width:78px}.quick-baby img{height:65px;width:65px}.story-tile{flex-basis:145px}.story-image{height:88px}.footernew{grid-template-columns:1fr}.heroarticle:not(:first-child) h2{font-size:17px}.heroarticle .post-emoji-badge,.postcard .post-emoji-badge,.magpost .post-emoji-badge{width:43px;height:43px;font-size:25px}}

/* Ana sayfa son düzenlemeleri — sadece ana sayfa ve ortak şerit */
.top-stories{display:block;margin:9px auto 18px}.character-strip{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 3px 12px}.character-tile{flex:1 0 150px;min-width:150px;max-width:210px;scroll-snap-align:start;text-decoration:none;color:#16181d;border:1px solid #e0e0e3;background:#fff;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s}.character-tile:hover{transform:translateY(-3px);box-shadow:0 6px 18px #0002}.character-image{height:134px;background:linear-gradient(145deg,#f2f2f5,#e5e5eb);display:flex;align-items:center;justify-content:center;overflow:hidden}.character-image img{max-width:95%;max-height:130px;object-fit:contain}.character-tile strong{display:flex;align-items:center;justify-content:center;text-align:center;min-height:44px;padding:8px 5px;font-size:13px;font-weight:900;line-height:1.2}.character-tile:first-child .character-image{background:#252932}.character-tile:first-child strong{background:#242831;color:#fff}.character-tile:nth-child(2) .character-image{background:#fff0df}.character-tile:nth-child(3) .character-image{background:#e7e4f2}.character-tile:nth-child(4) .character-image{background:#e2eef5}.character-tile:nth-child(5) .character-image{background:#eee7da}.character-tile:nth-child(6) .character-image{background:#e9edf0}
.heroarticle .post-emoji-badge,.postcard .post-emoji-badge,.magpost .post-emoji-badge{position:absolute;top:-12px;left:10px;z-index:8;display:block;width:auto;height:auto;background:none;border:0;border-radius:0;box-shadow:none;font-size:36px;line-height:1;pointer-events:none;filter:drop-shadow(0 2px 2px #0005)}.postcard,.magpost{overflow:visible!important}.home-read-more{display:inline-flex;background:transparent;color:#222;border:1.5px solid #3c3c3c;border-radius:3px;padding:9px 13px;font-weight:900;letter-spacing:.2px}.postcard:hover .home-read-more,.magpost:hover .home-read-more{background:#173d66;color:white;border-color:#173d66}.reaction-preview{font-size:23px!important;letter-spacing:4px!important}.aside-feature{display:flex;flex-direction:column;text-decoration:none;color:inherit;border:1px solid #ddd;margin:10px 0 18px;background:#fff;overflow:hidden}.aside-feature img{height:146px;width:100%;object-fit:contain;background:#ececf0}.aside-feature strong{font-size:16px;line-height:1.35;padding:10px 12px}.aside-feature span{display:inline-block;align-self:flex-start;border:1px solid #333;margin:0 12px 12px;padding:7px 10px;font-size:11px;font-weight:800}.aside-feature:hover span{background:#173d66;color:white}.discover-logo{width:38px;height:38px;object-fit:contain;vertical-align:middle;margin-right:8px}
/* footer shared: override older pale buttons and align */
.footernew{display:grid;grid-template-columns:1.25fr 1fr 1.35fr;gap:22px;align-items:start;padding:30px 25px 48px;position:relative;background:#24262d;color:white}.footernew .footlinks{display:flex;flex-wrap:wrap;gap:14px}.footernew .footlinks a{color:white!important}.footernew .foot-social-v6{display:flex;flex-wrap:wrap;gap:9px}.footernew .foot-social-v6 a{background:#c8104e!important;color:#fff!important;border:1px solid #c8104e!important;opacity:1!important}.footernew .foot-social-v6 a:hover{background:#173d66!important;border-color:#173d66!important}.footernew .footlogo img{height:52px;width:52px;object-fit:contain}.footernew #copyright{position:absolute;bottom:13px;left:0;right:0;text-align:center;color:#eee;font-size:12px}.footernew .foot-social-v6 a span{color:#fff!important;opacity:1!important}.footernew .foot-social-v6 a{visibility:visible!important}.footernew .foot-social-v6 a::first-letter{color:#fff}
@media(max-width:800px){.footernew{grid-template-columns:1fr 1fr}.footernew .foot-social-v6{grid-column:1/-1}.character-tile{flex-basis:142px;min-width:142px}.character-image{height:120px}.character-image img{max-height:115px}}@media(max-width:520px){.footernew{grid-template-columns:1fr;gap:14px}.footernew .foot-social-v6{grid-column:auto}.character-tile{flex-basis:135px;min-width:135px}.character-tile strong{font-size:12px}.character-image{height:112px}.character-image img{max-height:108px}.heroarticle .post-emoji-badge,.postcard .post-emoji-badge,.magpost .post-emoji-badge{font-size:32px}}

/* V6.1 — approved home adjustments: preserve tile colors and hover */
.character-tile strong{background:transparent!important;color:#191b20!important;padding:7px 8px 10px;min-height:48px}
.character-tile strong span{display:flex;align-items:center;justify-content:center;text-align:center;min-height:32px;width:100%;padding:5px 6px;border:1.5px solid #343a43;border-radius:3px;background:#ffffffd9;font-weight:900;line-height:1.15}
.character-tile:first-child strong{background:#242831!important}
.character-tile:first-child strong span{background:#fff;color:#191b20}
/* Hero emblems are inside hero, unlike the badges that float over smaller cards */
#hero .heroarticle .post-emoji-badge{top:14px!important;left:14px!important;font-size:36px!important}
@media(max-width:520px){#hero .heroarticle .post-emoji-badge{top:11px!important;left:11px!important;font-size:31px!important}}
/* Clean, unmistakable dark footer; icon-only social links */
.footernew{border-radius:0!important;border-top:3px solid #59606a!important;margin-top:48px!important;background:#24262d!important;color:#f4f4f4!important}
.footernew .foot-social-v6{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.footernew .foot-social-v6 a{display:inline-flex!important;align-items:center;justify-content:center;padding:3px!important;width:46px;height:46px;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;transition:opacity .15s,transform .15s}
.footernew .foot-social-v6 a:hover{background:transparent!important;border:0!important;opacity:1!important;transform:translateY(-2px)}
.footernew .foot-social-v6 img{width:38px;height:38px;object-fit:contain;opacity:.78;transition:opacity .15s}
.footernew .foot-social-v6 a:hover img{opacity:1}
.footernew .footlinks .foot-social{display:none!important}
.member-nav{display:flex!important;gap:9px;align-items:center;padding:7px 12px!important;text-transform:none}
.member-nav .member-icon{display:grid;place-items:center;width:32px;height:32px;border:1px solid #aeb5bd;border-radius:50%;font-size:22px}
.member-nav b{display:block;font-size:12px;line-height:1.1}
.member-nav small{display:block;font-size:9px;font-weight:400;margin-top:4px}
.drawer-member{display:flex;align-items:center;gap:12px;color:#fff;padding:18px 0 16px;border-bottom:1px solid #444;text-decoration:none}
.drawer-member-avatar{display:grid;place-items:center;width:54px;height:54px;border:1px solid #777;border-radius:50%;font-size:29px}
.drawer-member b{display:block;font-size:17px}
.drawer-member small{display:block;font-size:12px;color:#aaa;margin-top:5px}
@media(max-width:520px){.footernew .foot-social-v6 a{width:42px;height:42px}.footernew .foot-social-v6 img{width:34px;height:34px}}

/* V6.3 — character color can be changed here or later from admin */
:root{--hirt-character-bg:#111216}
/* Six fixed characters; horizontally scrollable on all screens */
.character-strip{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:thin;-webkit-overflow-scrolling:touch;padding-bottom:12px}
.character-tile{flex:0 0 calc((100% - 50px)/6);min-width:150px;max-width:none;background:var(--hirt-character-bg)!important;color:#fff!important;border-color:var(--hirt-character-bg);scroll-snap-align:start;cursor:pointer}
.character-tile .character-image,.character-tile:nth-child(n) .character-image{background:var(--hirt-character-bg)!important;height:134px}
.character-tile .character-image img{max-height:130px}
.character-tile .character-info{display:flex;flex:1;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:9px 8px 11px}
.character-tile .character-info strong{background:none!important;color:#fff!important;padding:0!important;min-height:0!important;font-size:13px;font-weight:900;display:block}
.character-tile .character-info small{font-size:11px;line-height:1.35;color:#d9e5f4;min-height:30px;display:flex;align-items:center;justify-content:center}
.character-tile .character-cta{display:block;align-self:stretch;margin-top:auto;padding:8px 5px;border:1.5px solid #e2e9f3;border-radius:3px;color:white;font-size:11px;font-weight:900;background:transparent;transition:background .18s,color .18s}
.character-tile:hover .character-cta,.character-tile:focus-visible .character-cta{background:#fff;color:var(--hirt-character-bg)}
@media(max-width:800px){.character-tile{flex:0 0 174px;min-width:174px}.character-tile .character-image{height:120px!important}.character-tile .character-image img{max-height:115px}}
@media(max-width:520px){.character-tile{flex:0 0 158px;min-width:158px}.character-tile .character-image{height:112px!important}.character-tile .character-image img{max-height:108px}.character-tile .character-info strong{font-size:12px}}
/* Make the right-side navigation control explicitly read as membership */
.navinner .member-nav{display:flex!important;align-items:center;gap:8px;white-space:nowrap;text-decoration:none;background:#193b63;color:white;padding:6px 11px;border-radius:5px}
.navinner .member-nav .member-icon{width:32px;height:32px;border-radius:50%;background:#52667f;display:grid;place-items:center;font-size:21px}
.navinner .member-nav b{display:block;font-size:12px;line-height:1.2}.navinner .member-nav small{display:block;font-size:9px;line-height:1.2;font-weight:400;color:#e1e7ef}