/*
Theme Name: Filmy4Wap Classic
Theme URI: https://www.filmy4wap.io/
Author: Filmy4Wap
Description: A faithful WordPress conversion of the supplied Blogger theme, preserving its simple movie-list layout, category menu, Trending/Latest homepage sections, click animation, responsive design, robust image resolution, and technical cache invalidation. SEO plugins such as Rank Math remain the source of truth for SEO metadata/schema.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: filmy4wap
*/

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#e9ecef;color:#111;font-family:Arial,Helvetica,sans-serif}
body{min-width:320px}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto}

.main-wrapper{width:100%;max-width:none;margin:0 auto;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.15)}

.header-img{height:auto;background:#dbe7f2;padding:4px 0;display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden;border-bottom:2px solid #005b82}
.header-img a{display:block;text-align:center;line-height:0}
.header-img img{width:100%;max-width:400px;height:auto;max-height:70px;object-fit:contain;display:block;margin:0 auto}

.search-container{height:38px;background:#005b82;padding:0;text-align:center;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #003d59}
.search-container form{display:flex;align-items:center;justify-content:center;margin:0;gap:4px;width:100%}
.search-container input{font-family:Arial,Helvetica,sans-serif}
.search-container input[name="s"]{width:100%;max-width:320px;height:26px;padding:2px 8px;border:1px solid #ccc;background:#fff;font-size:15px;outline:none;border-radius:2px}
.search-container button{height:26px;padding:0 14px;background:#f5f5f5;border:1px solid #999;color:#333;font-size:14px;cursor:pointer;font-weight:700;border-radius:2px}
.search-container button:hover{background:#e0e0e0}

.bookmark-notice{position:relative;background:#fff3cd;color:#b00020;text-align:center;padding:10px 40px 10px 10px;font-weight:700;font-size:15px;border-bottom:1px solid #e1a900}
.bookmark-notice a{color:#006699;text-decoration:underline}
.close-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:22px;height:22px;border:1px solid #d49b00;border-radius:50%;color:#b00020;background:#fff;font-size:14px;line-height:20px;padding:0;cursor:pointer;font-weight:bold}

.section-header{height:36px;background:#e9f2fa;color:#005580;text-align:center;padding:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;border-top:1px solid #c0d4e6;border-bottom:1px solid #c0d4e6;margin-top:0}

.posts-wrapper{display:flex;flex-direction:column;background:#fff;padding:0}
.post-item{display:flex;align-items:center;min-height:90px;margin:0;padding:12px 10px;background:#fff;border-bottom:1px solid #e0e0e0;gap:15px;transition:transform .15s ease,box-shadow .15s ease}
.post-item.click-pulse{transform:scale(.985);box-shadow:0 0 0 2px rgba(0,91,130,.12) inset}
.post-thumb{width:80px;height:80px;min-width:80px;object-fit:cover;border:1px solid #c0c0c0;border-radius:4px;background:#f1f1f1;display:block}
.post-thumb:hover{opacity:.95;box-shadow:0 0 5px rgba(0,0,0,.2)}
.post-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0}
.post-title{font-size:16px;font-weight:700;font-family:Arial,Helvetica,sans-serif;margin:0 0 6px 0;line-height:1.3;word-break:break-word}
.post-title a{display:block;text-decoration:none}
.post-title a:hover{text-decoration:underline}
.post-tag{font-size:11px;color:#fff;padding:3px 10px;border-radius:12px;font-weight:700;display:inline-block;font-family:Arial,Helvetica,sans-serif;line-height:1.1;white-space:nowrap}

.posts-wrapper .post-item:nth-child(5n+1) .post-title a{color:#0000cc!important}
.posts-wrapper .post-item:nth-child(5n+1) .post-tag{background:#0000cc!important}
.posts-wrapper .post-item:nth-child(5n+2) .post-title a{color:#cc0000!important}
.posts-wrapper .post-item:nth-child(5n+2) .post-tag{background:#cc0000!important}
.posts-wrapper .post-item:nth-child(5n+3) .post-title a{color:#a50000!important}
.posts-wrapper .post-item:nth-child(5n+3) .post-tag{background:#a50000!important}
.posts-wrapper .post-item:nth-child(5n+4) .post-title a{color:#008000!important}
.posts-wrapper .post-item:nth-child(5n+4) .post-tag{background:#008000!important}
.posts-wrapper .post-item:nth-child(5n+5) .post-title a{color:#800080!important}
.posts-wrapper .post-item:nth-child(5n+5) .post-tag{background:#800080!important}

.pagination{text-align:center;padding:15px 0;background:#fff;border-bottom:0}
.pagination a,.page-numbers{display:inline-block;background:#4d4d4d;color:#fff;padding:6px 16px;border-radius:4px;font-weight:700;text-decoration:none;border:1px solid #333;font-size:15px;box-shadow:0 1px 2px rgba(0,0,0,.4);margin:0 4px}
.pagination a:hover,.page-numbers:hover{background:#333}

.category-list-wrap{background:#fff;border-top:1px solid #c0d4e6}
.cat-ul{list-style:none;padding:0;margin:0}
.cat-ul li{border-bottom:1px solid #d6d6d6}
.cat-ul li a{display:flex;align-items:center;justify-content:center;padding:14px 15px;color:#005b82;font-weight:700;font-size:17px;text-align:center;line-height:1.2}
.cat-ul li a:hover{background:#f7fbff;text-decoration:underline}

.footer-wrap{background:#f0f5fa;border-top:1px solid #b4c5d6;padding-bottom:20px}
.seo-box{padding:12px;font-size:14px;color:#333;line-height:1.5;border-bottom:1px solid #b4c5d6;background:#e9f2fa;text-align:justify;word-break:break-word}
.seo-tag-title{color:#008000;font-weight:700}
.footer-row{text-align:center;padding:10px 5px;border-bottom:1px solid #b4c5d6;font-weight:700;font-size:16px;background:#f0f5fa}
.footer-row a{color:#005b82;display:inline-block;margin:0 5px}
.footer-kw-row{text-align:center;padding:12px 5px;font-weight:700;font-size:15px;color:#000;border-bottom:1px solid #b4c5d6;word-break:break-word;background:#e9f2fa}
.powered-by{text-align:center;padding:10px;font-weight:700;color:#000;font-size:16px}
.powered-by a{color:#005b82}
.telegram-section{text-align:center;padding:5px 0 15px 0;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.btn-telegram{background:#005b82;color:#fff;padding:8px 18px;border-radius:20px;font-weight:700;font-size:15px;display:inline-block;box-shadow:0 2px 4px rgba(0,0,0,.2)}
.btn-telegram:hover{background:#004466}
.bottom-nav{padding:10px 5px;text-align:center}
.bottom-nav-inner{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:15px}
.bottom-nav a{display:inline-block;padding:7px 14px;font-size:14px;color:#333;background:#fff;font-weight:400;text-decoration:none}
.b-privacy{border:1px solid #008080}.b-contact{border:1px solid #008000}.b-about{border:1px solid #999}.b-dmca{border:1px solid #cc0000}.b-request{border:1px solid #cc0000}
.b-home{border:1px solid #333;display:inline-block;padding:8px 16px;font-size:14px;font-weight:400;color:#333;background:#fff}

.single-post-wrapper{background:#fff;padding:15px;font-size:16px;line-height:1.6}
.single-post-wrapper .post-title{font-size:22px;color:#005b82;margin-bottom:15px;border-bottom:1px dashed #ccc;padding-bottom:10px}
.single-post-wrapper img{max-width:100%;height:auto}

.archive-title{margin:0;padding:12px;text-align:center;background:#e9f2fa;color:#005580;font-size:20px;border-top:1px solid #c0d4e6;border-bottom:1px solid #c0d4e6}
.empty-message{padding:25px;text-align:center;background:#fff}
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(max-width:768px){
  .main-wrapper{width:100%!important;margin:0!important;box-shadow:none!important}
  .header-img img{width:100%!important;max-height:65px!important}
  .search-container input[name="s"]{width:65vw!important;max-width:100%!important}
  .post-item{padding:10px 8px!important;gap:12px!important;min-height:85px!important}
  .post-thumb{width:75px!important;height:75px!important;min-width:75px!important}
  .post-title{font-size:15px!important;margin:0 0 5px 0!important}
  .cat-ul li a{font-size:16px!important;padding:12px 12px!important}
  .seo-box{font-size:13px!important}
  .footer-row{font-size:15px!important}
}


/* Safe inline placeholder for posts without a usable image */
.post-thumb-placeholder{
    display:flex !important;
    align-items:center;
    justify-content:center;
    width:80px;
    height:80px;
    min-width:80px;
    border:1px solid #c0c0c0;
    border-radius:4px;
    background:#f1f1f1;
    color:#666;
    font-size:28px;
    line-height:1;
    text-decoration:none;
}

.post-thumb-link{
    flex:0 0 auto;
    line-height:0;
}

@media(max-width:768px){
    .post-thumb-placeholder{
        width:75px !important;
        height:75px !important;
        min-width:75px !important;
    }
}