/* Fiktt Frontend v2.0 */

/* Reset */
.fiktt-feed-wrap, .fiktt-feed-wrap * { margin:0;padding:0;box-sizing:border-box; }
.fiktt-feed-wrap button, .fiktt-feed-wrap .fiktt-menu-btn, .fiktt-feed-wrap .fiktt-sound-btn,
.fiktt-feed-wrap .fiktt-share-btn, .fiktt-feed-wrap .fiktt-menu-close, .fiktt-feed-wrap .fiktt-action,
.fiktt-feed-wrap .fiktt-nav-item {
    -webkit-tap-highlight-color:transparent!important;-webkit-appearance:none!important;appearance:none!important;
    outline:none!important;background-color:transparent!important;user-select:none!important;-webkit-user-select:none!important;
}
.fiktt-feed-wrap button:focus,.fiktt-feed-wrap button:active,.fiktt-feed-wrap button:hover{outline:none!important;box-shadow:none!important;background-color:transparent!important;border-color:transparent!important;}

/* Feed Wrap */
.fiktt-feed-wrap{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100vh!important;height:100dvh!important;background:#000!important;overflow:hidden!important;z-index:9999!important;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif!important;-webkit-font-smoothing:antialiased;padding:0!important;margin:0!important;border:none!important;}

/* Astra overrides */
body.fiktt-feed-active,body.fiktt-feed-active *:not(script):not(style):not(.fiktt-feed-wrap):not(.fiktt-feed-wrap *){padding:0!important;margin:0!important;border:none!important;}
body.fiktt-feed-active #wpadminbar{display:none!important;}
body.fiktt-feed-active #ast-scroll-top,body.fiktt-feed-active header,body.fiktt-feed-active footer,body.fiktt-feed-active .site-header,body.fiktt-feed-active .site-footer{display:none!important;}
body.fiktt-feed-active{overflow:hidden!important;}

/* Scroll Container */
.fiktt-scroll{width:100%;height:100vh;height:100dvh;overflow-y:scroll;scroll-snap-type:y mandatory;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior:none;-webkit-overflow-scrolling:auto;}
.fiktt-scroll::-webkit-scrollbar{display:none;}

/* Slide */
.fiktt-slide{width:100%!important;height:100vh!important;height:100dvh!important;scroll-snap-align:start;scroll-snap-stop:always;position:relative!important;overflow:hidden!important;background:#000!important;padding:0!important;margin:0!important;}

/* Video / Poster */
.fiktt-media{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer;}
.fiktt-media video,.fiktt-media .fiktt-poster{width:100%!important;height:100%!important;object-fit:cover!important;background:#000!important;display:block!important;max-width:none!important;max-height:none!important;position:absolute!important;top:0!important;left:0!important;}
.fiktt-media video{z-index:1;}
.fiktt-media .fiktt-poster{z-index:2;transition:opacity .4s ease;}

/* Gradient */
.fiktt-slide::after{content:'';position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(transparent,rgba(0,0,0,.85));pointer-events:none;z-index:3;}

/* Live badge */
.fiktt-live-badge{position:absolute;top:52px;left:12px;z-index:5;background:#e74c3c;color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:3px;letter-spacing:.5px;text-transform:uppercase;}

/* ============================================
   Top Bar + Gender Tabs
   ============================================ */
.fiktt-topbar{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;height:44px;padding:0 12px;background:linear-gradient(rgba(0,0,0,.7),transparent);gap:8px;}
.fiktt-logo{font-size:18px;font-weight:800;color:#fff;text-decoration:none;flex-shrink:0;}
.logo-accent{color:#fe2c55;}
.fiktt-current-tag{flex:1;display:flex;align-items:center;gap:6px;font-size:13px;color:rgba(255,255,255,.7);}
.fiktt-clear-tag{color:#fe2c55;text-decoration:none;font-size:18px;line-height:1;}
.fiktt-menu-btn{width:28px;height:28px;flex-shrink:0;}
.fiktt-menu-btn svg{width:22px;height:22px;}

/* Gender Tabs */
.fiktt-gender-tabs{display:flex;align-items:center;gap:4px;flex:1;justify-content:center;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;}
.fiktt-gender-tabs::-webkit-scrollbar{display:none;}
.fiktt-gender-tab{font-size:13px;font-weight:600;color:rgba(255,255,255,.4);text-decoration:none;padding:4px 10px;border-radius:4px;white-space:nowrap;transition:color .2s;}
.fiktt-gender-tab.active{color:#fff;border-bottom:2px solid #fe2c55;}
.fiktt-gender-tab:hover{color:rgba(255,255,255,.75);}

/* Content Overlay */
.fiktt-content{position:absolute;bottom:0;left:0;right:60px;padding:0 14px 58px;z-index:4;color:#fff;}
.fiktt-seo-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;font-size:16px;}
.fiktt-content-meta{display:flex;align-items:center;gap:6px;margin-bottom:4px;flex-wrap:wrap;}
.fiktt-username{font-size:15px;font-weight:700;color:#fff;text-decoration:none;text-shadow:0 1px 4px rgba(0,0,0,.8);}
.fiktt-username:hover{text-decoration:underline;}
.fiktt-badge{font-size:9px;font-weight:700;padding:1px 5px;border-radius:3px;text-transform:uppercase;letter-spacing:.5px;}
.fiktt-badge-hd{background:#3498db;color:#fff;}.fiktt-badge-new{background:#2ecc71;color:#fff;}
.fiktt-age{font-size:12px;color:rgba(255,255,255,.5);}
.fiktt-viewers{display:flex;align-items:center;gap:4px;font-size:12px;color:rgba(255,255,255,.6);margin-bottom:6px;text-shadow:0 1px 3px rgba(0,0,0,.5);}
.fiktt-viewers svg{width:12px;height:12px;stroke:rgba(255,255,255,.6);fill:none;}
.fiktt-tags{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;white-space:nowrap;max-height:22px;}
.fiktt-tags::-webkit-scrollbar{display:none;}
.fiktt-tags a{display:inline;white-space:nowrap;flex-shrink:0;color:rgba(255,255,255,.55);font-size:12px;font-weight:500;text-decoration:none;text-shadow:0 1px 3px rgba(0,0,0,.5);}
.fiktt-tags a:hover{color:#fff;}

/* Sidebar */
.fiktt-sidebar{position:absolute;right:8px;bottom:70px;z-index:8!important;display:flex;flex-direction:column;align-items:center;gap:16px;}
.fiktt-action{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:#fff;border:none;cursor:pointer;background:none;padding:0;}
.fiktt-action-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;}
.fiktt-action-icon svg{width:26px;height:26px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.6));}
.fiktt-avatar-action{position:relative;}
.fiktt-avatar-circle{width:44px;height:44px;border-radius:50%;border:2px solid #fe2c55;overflow:hidden;background:#222;}
.fiktt-avatar-circle img{width:100%;height:100%;object-fit:cover;display:block;}

/* ============================================
   Menu Panel (fullscreen)
   ============================================ */
.fiktt-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);z-index:19;opacity:0;pointer-events:none;transition:opacity .3s;}
.fiktt-menu-overlay.open{opacity:1;pointer-events:auto;}
.fiktt-menu-panel{position:fixed;top:0;right:-100%;width:85%;max-width:360px;height:100%;background:#111;z-index:20;transition:right .3s;overflow-y:auto;padding:20px;}
.fiktt-menu-panel.open{right:0;}
.fiktt-menu-close{position:absolute;top:12px;right:12px;width:32px;height:32px;}
.fiktt-menu-close svg{width:24px;height:24px;}
.fiktt-menu-links{margin-top:50px;}
.fiktt-menu-section{margin-bottom:28px;}
.fiktt-menu-section h3{font-size:11px;font-weight:700;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px;}

/* Gender cards in menu */
.fiktt-menu-genders{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.fiktt-menu-gender-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px 10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:12px;color:rgba(255,255,255,.7);text-decoration:none;font-size:13px;font-weight:600;transition:background .2s,border-color .2s;}
.fiktt-menu-gender-card svg{width:28px;height:28px;}
.fiktt-menu-gender-card.active{background:rgba(254,44,85,.15);border-color:#fe2c55;color:#fff;}
.fiktt-menu-gender-card:hover{background:rgba(255,255,255,.1);}

.fiktt-menu-tags{display:flex;flex-wrap:wrap;gap:6px;}
.fiktt-menu-tags a{display:inline-block;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:6px 12px;color:rgba(255,255,255,.65);font-size:12px;text-decoration:none;transition:background .2s;}
.fiktt-menu-tags a:hover{background:rgba(255,255,255,.12);color:#fff;}
.fiktt-menu-footer{padding-top:20px;border-top:1px solid rgba(255,255,255,.06);display:flex;gap:10px;align-items:center;}
.fiktt-menu-footer a{color:rgba(255,255,255,.4);font-size:12px;text-decoration:none;}
.fiktt-menu-footer a:hover{color:#fff;}
.fiktt-menu-footer span{color:rgba(255,255,255,.2);}

/* ============================================
   Search Overlay
   ============================================ */
.fiktt-search-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;z-index:15;transform:translateY(100%);transition:transform .3s;overflow-y:auto;}
.fiktt-search-overlay.open{transform:translateY(0);}
.fiktt-search-header{display:flex;align-items:center;padding:12px;gap:10px;border-bottom:1px solid rgba(255,255,255,.06);}
.fiktt-search-header input{flex:1;background:rgba(255,255,255,.08);border:none;border-radius:8px;padding:10px 14px;color:#fff;font-size:15px;outline:none;}
.fiktt-search-header input::placeholder{color:rgba(255,255,255,.3);}
.fiktt-search-close{font-size:28px;color:rgba(255,255,255,.5);cursor:pointer;border:none;background:none;}
.fiktt-search-results{padding:10px 14px;}
.fiktt-sr-section{margin-bottom:16px;}
.fiktt-sr-section h5{font-size:11px;font-weight:700;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;}
.fiktt-sr-tag{display:inline-block;padding:6px 12px;background:rgba(255,255,255,.06);border-radius:6px;color:#fff;font-size:13px;text-decoration:none;margin:0 6px 6px 0;}
.fiktt-sr-tag span{color:rgba(255,255,255,.3);font-size:11px;}
.fiktt-sr-model{display:flex;align-items:center;gap:12px;padding:8px 0;color:#fff;cursor:pointer;border-radius:8px;transition:background .15s;}
.fiktt-sr-model:hover{background:rgba(255,255,255,.06);padding-left:8px;}
.fiktt-sr-model img{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0;}
.fiktt-sr-model strong{display:block;font-size:14px;}
.fiktt-sr-online{color:#2ecc71;font-size:11px;font-weight:600;}
.fiktt-sr-offline{color:rgba(255,255,255,.3);font-size:11px;}
.fiktt-sr-empty{color:rgba(255,255,255,.3);text-align:center;padding:40px 0;}
.fiktt-search-popular{padding:14px;}
.fiktt-search-popular h4{font-size:12px;font-weight:700;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;}
.fiktt-search-tags{display:flex;flex-wrap:wrap;gap:6px;}
.fiktt-search-tags a{display:inline-block;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:8px 12px;color:rgba(255,255,255,.7);font-size:13px;text-decoration:none;transition:background .2s;}
.fiktt-search-tags a:hover{background:rgba(255,255,255,.12);color:#fff;}

/* Bottom Nav */
.fiktt-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-around;height:50px;background:rgba(0,0,0,.95);border-top:1px solid rgba(255,255,255,.06);padding-bottom:env(safe-area-inset-bottom,0);gap:0;}
.fiktt-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;text-decoration:none;color:rgba(255,255,255,.4);transition:color .15s;padding:4px 8px;flex:1;-webkit-tap-highlight-color:transparent;border:none;cursor:pointer;background:none;font-family:inherit;}
.fiktt-nav-item.active{color:#fff;}.fiktt-nav-item:hover{color:rgba(255,255,255,.75);}
.fiktt-nav-item svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.fiktt-nav-item.active svg{stroke-width:2.2;}.fiktt-nav-item span{font-size:9px;font-weight:500;}

/* Toast */
.fiktt-toast{position:fixed;bottom:70px;left:50%;transform:translateX(-50%);background:rgba(255,255,255,.15);color:#fff;font-size:13px;padding:8px 20px;border-radius:20px;z-index:200;animation:fiktt-toast-in .3s ease-out;}
@keyframes fiktt-toast-in{from{opacity:0;transform:translateX(-50%) translateY(10px);}to{opacity:1;transform:translateX(-50%) translateY(0);}}

/* Chat Overlay */
.fiktt-chat-container{position:absolute;bottom:52px;left:0;right:60px;height:40%;max-height:300px;z-index:6;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;overflow:hidden;}
.fiktt-chat-container.visible{opacity:1;visibility:visible;pointer-events:auto;}
.fiktt-chat-iframe{width:100%;height:100%;border:none;background:transparent;opacity:.7;}
.fiktt-chat-btn.active .fiktt-action-icon svg{stroke:#fe2c55!important;filter:drop-shadow(0 0 6px rgba(254,44,85,.6));}

/* SEO Text Block (visible to Google, below feed) */
/* SEO block: visually hidden but readable by Google (not display:none or visibility:hidden) */
.fiktt-seo-block{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;pointer-events:none;}
.fiktt-seo-block h1,.fiktt-seo-block p{font-size:16px;color:#fff;margin:0;}

/* Loading Spinner */
.fiktt-slide.fiktt-loading::before{
    content:'';position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;
    border:3px solid rgba(255,255,255,.15);border-top-color:#fe2c55;border-radius:50%;
    z-index:4;animation:fiktt-spin .8s linear infinite;
}
@keyframes fiktt-spin{to{transform:rotate(360deg);}}

/* Empty state */
.fiktt-empty{height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.4);font-size:16px;text-align:center;padding:20px;}

/* Explore Page */
.fiktt-explore-page{max-width:800px;margin:0 auto;padding:20px;color:#fff;background:#000;min-height:100vh;}
.fiktt-explore-page h1{font-size:28px;margin-bottom:20px;}
.fiktt-explore-page h2{font-size:18px;margin:24px 0 12px;color:rgba(255,255,255,.6);}
.fiktt-explore-genders{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px;}
.fiktt-gender-card{display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:16px;color:#fff;font-size:15px;font-weight:600;text-decoration:none;transition:background .2s;}
.fiktt-gender-card:hover{background:rgba(254,44,85,.2);}
.fiktt-explore-tags{display:flex;flex-wrap:wrap;gap:8px;}
.fiktt-tag-pill{display:inline-block;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:8px 16px;color:#fff;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s;}
.fiktt-tag-pill:hover{background:rgba(255,255,255,.15);}
.fiktt-tag-pill span{color:rgba(255,255,255,.35);font-size:12px;margin-left:4px;}

/* Desktop */
@media (min-width:768px){
    .fiktt-feed-wrap{display:block!important;background:#0a0a0a!important;}

    /* Desktop layout wrapper — purely cosmetic, no positioning effect */
    .fiktt-desktop-layout{display:contents;}

    /* Scroll: always perfectly centered, zoom-proof */
    .fiktt-scroll{
        width:470px;max-width:470px;
        height:100vh;height:100dvh;
        position:fixed!important;
        top:0;left:50%;
        transform:translateX(-50%)!important;
        box-shadow:0 0 80px rgba(0,0,0,.6);
    }

    /* Topbar and bottom-nav: same center as scroll, always */
    .fiktt-topbar{width:470px;left:50%;transform:translateX(-50%);}
    .fiktt-bottom-nav{width:470px;left:50%;transform:translateX(-50%);}

    /* Panel: fixed, positioned via JS-set CSS var --panel-left */
    .fiktt-desktop-panel{
        display:block;
        position:fixed;
        top:60px;
        left:var(--panel-left, calc(50% + 251px));
        max-height:calc(100vh - 80px);
        width:280px;
        max-height:88vh;overflow-y:auto;
        background:rgba(10,10,10,.92);
        backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
        border:1px solid rgba(255,255,255,.07);
        border-radius:18px;padding:0 0 20px;color:#fff;
        scrollbar-width:none;
        transition:left .1s;
    }
    .fiktt-desktop-panel::-webkit-scrollbar{display:none;}

    /* No photo — LIVE badge inline */
    .fiktt-dp-live-dot{display:inline-block;background:#e74c3c;color:#fff;font-size:10px;font-weight:800;padding:3px 8px;border-radius:4px;letter-spacing:.8px;}

    /* Identity */
    .fiktt-dp-identity{display:flex;align-items:center;gap:8px;padding:20px 16px 4px;flex-wrap:wrap;}
    .fiktt-dp-username{font-size:15px;font-weight:800;color:#fff;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    .fiktt-dp-badges{display:flex;gap:4px;flex-shrink:0;}
    .fiktt-dp-badge{font-size:9px;font-weight:700;padding:2px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:.5px;}
    .fiktt-dp-hd{background:#2980b9;color:#fff;}
    .fiktt-dp-new{background:#27ae60;color:#fff;}
    .fiktt-dp-meta{display:flex;align-items:center;gap:8px;padding:0 14px 2px;}
    .fiktt-dp-flag{font-size:18px;line-height:1;}
    .fiktt-dp-age{font-size:12px;color:rgba(255,255,255,.45);}
    .fiktt-dp-country-name{font-size:12px;color:rgba(255,255,255,.55);}

    /* Divider */
    .fiktt-dp-divider{height:1px;background:rgba(255,255,255,.07);margin:6px 14px;}

    /* Viewers */
    .fiktt-dp-viewers{display:flex;align-items:center;gap:6px;padding:0 14px 8px;}
    .fiktt-dp-viewers svg{width:14px;height:14px;stroke:rgba(255,255,255,.5);flex-shrink:0;}
    .fiktt-dp-viewers-num{font-size:15px;font-weight:700;color:#fff;}
    .fiktt-dp-viewers-label{font-size:11px;color:rgba(255,255,255,.4);}

    /* Tags */
    .fiktt-dp-tags{display:flex;flex-wrap:wrap;gap:4px;padding:0 14px 8px;}
    .fiktt-dp-tag{display:inline-block;background:rgba(254,44,85,.12);border:1px solid rgba(254,44,85,.25);color:rgba(255,255,255,.8);font-size:11px;font-weight:500;padding:4px 9px;border-radius:20px;text-decoration:none;transition:background .15s,border-color .15s;}
    .fiktt-dp-tag:hover{background:rgba(254,44,85,.28);border-color:#fe2c55;color:#fff;}

    /* Traits */
    .fiktt-dp-traits{display:flex;flex-wrap:wrap;gap:3px;padding:0 14px 6px;}
    .fiktt-dp-traits span{font-size:11px;color:rgba(255,255,255,.35);background:rgba(255,255,255,.05);padding:3px 8px;border-radius:4px;text-transform:capitalize;}

    /* Languages */
    .fiktt-dp-langs{font-size:11px;color:rgba(255,255,255,.4);padding:0 14px 6px;font-style:italic;}

    /* Favs */
    .fiktt-dp-favs{font-size:11px;color:rgba(255,255,255,.35);padding:0 14px 6px;}

    /* CTA */
    .fiktt-dp-cta{display:flex;align-items:center;justify-content:center;gap:10px;background:#fe2c55;color:#fff;font-size:14px;font-weight:800;padding:12px 16px;border-radius:10px;text-decoration:none;margin:6px 14px 0;transition:background .2s,transform .15s,box-shadow .2s;letter-spacing:.3px;box-shadow:0 4px 20px rgba(254,44,85,.35);}
    .fiktt-dp-cta svg{width:14px;height:14px;stroke:#fff;flex-shrink:0;}
    .fiktt-dp-cta:hover{background:#e0001b;color:#fff;transform:translateY(-1px);box-shadow:0 6px 28px rgba(254,44,85,.5);}
    .fiktt-dp-free{text-align:center;font-size:10px;color:rgba(255,255,255,.25);margin-top:6px;letter-spacing:.3px;}

    .fiktt-chat-container{right:60px;max-height:350px;}
}
@media (max-width:767px){.fiktt-desktop-panel{display:none!important;} .fiktt-desktop-layout{display:contents;}}

/* Pagination — Google crawls these links, users don't see them */
.fiktt-pagination{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;pointer-events:none;}
.fiktt-pagination a{color:#fff;font-size:14px;}

/* Performance */
.fiktt-slide{will-change:transform;}.fiktt-media video,.fiktt-media .fiktt-poster{will-change:opacity;}
.fiktt-feed-wrap .fiktt-content{position:absolute;}
.fiktt-feed-wrap .fiktt-sidebar .fiktt-action-icon svg,.fiktt-feed-wrap .fiktt-bottom-nav svg{position:static!important;display:block!important;}
.fiktt-feed-wrap .fiktt-sidebar .fiktt-avatar-circle{position:static!important;}
.fiktt-feed-wrap .fiktt-sidebar .fiktt-avatar-circle img{position:static!important;}