/*
Theme Name: Indofilm Full Movie
Theme URI: https://layarku.online
Author: Saleh
Author URI: https://layarku.online
Description: Custom Indofilm Clone Theme
Version: 1.0
*/
body{margin:0;background:#0b0b0b;font-family:Arial;color:#fff}
.header{background:transparent;padding:10px;font-size:80px;font-weight:bold}
.nav{background:#f4dd16;padding:8px;display:flex;gap:12px;overflow-x:auto}
.hero{padding:10px 0;background:#111}
.hero-inner{display:flex;gap:10px;overflow-x:auto;padding:0 10px}
.hero img{height:170px;border-radius:6px}
.grid{max-width:1200px;margin:20px auto;padding:0 10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:15px}
.card{background:#111;border-radius:6px;padding:8px}
.card img{width:100%;height:240px;object-fit:cover;border-radius:6px}
.title{margin-top:6px;color:#fff;font-weight:bold}
.player-tabs{display:flex;gap:8px;margin-bottom:10px}
.tab{background:#222;padding:6px 12px;border-radius:6px;cursor:pointer}
.tab.active{background:#d30259}
.player-box{background:#000;padding:10px;border-radius:6px}
.genre-item{
   color:#fff;
   font-weight:bold;
   padding:8px 14px;
   background:#d30259;
   border-radius:4px;
   text-decoration:none;
   margin-right:8px;
}

.search-container {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding: 15px 20px;
    box-sizing: border-box;
    background: #000;
}

.search-container form {
    display: flex;
    align-items: center;
    gap: 5px;
}

.search-input {
    width: 350px;
    padding: 10px 15px;
    font-size: 16px;
    border-radius: 6px;
    border: 1px solid #888;
    background: #111;
    color: white;
    outline: none;
}

.search-input::placeholder {
    color: #bbb;
}

.search-btn {
    padding: 10px 16px;
    background: #e6e6e6;
    color: #000;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-weight: bold;
}

.search-btn:hover {
    background: #fff;
}
.site-logo {
    height: 130px !important;
    width: auto !important;
    display: block;
}