only — * body.home was picking up section padding and leaving a large gap under the footer. */ body.home, body.blog { padding-bottom: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } /* Homepage catalog + filter (index3: filter stays in flow, does not cover posters) */ .filmflix-catalog-wrap { display: block; width: 100%; position: relative; overflow: visible; } .filmflix-catalog-wrap.is-sorting #filmflix-category-list, .filmflix-catalog-wrap.is-sorting #filmflix-home-list { opacity: 0.45; pointer-events: none; transition: opacity 0.2s ease; } .mfilter__head { justify-content: flex-end; } /* Home filter: "Son Eklenen Filmler" kaldırıldı */ .filmflix-catalog-wrap .filter__amount { display: none !important; } /* * Sticky filter bar: only desktop (HotFlix). * On mobile/tablet keep in normal flow so it does not slide with scroll over the header. */ .filter.filter--fixed { position: relative !important; top: auto !important; z-index: 5; background-color: #1a191f; } @media (min-width: 1200px) { .filter.filter--fixed { position: sticky !important; top: 80px !important; z-index: 102; } } .header { min-height: 70px; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35); } .header__content { min-height: 70px; } .header__logo img, .footer__logo img { width: auto !important; height: auto !important; max-height: 48px; max-width: 170px; object-fit: contain; } @media (min-width: 768px) { .header__content { min-height: 80px; } .header__logo img, .footer__logo img { max-height: 56px; max-width: 170px; } } /* Original title under film name */ .filmflix-original-title { margin: 10px 0 20px !important; opacity: 0.65; font-size: 15px; } /* Details poster cover sizing */ .item--details .item__cover { position: relative; border-radius: 8px; overflow: hidden; background: #13151f; max-width: min(250px, 100%); width: 100%; box-sizing: border-box; } .item--details .item__cover img { object-position: center top !important; max-width: 100% !important; } /* Mobile film detail: full-width poster column, no clip */ @media (max-width: 767.98px) { .section--details .item.item--details > .row { margin-left: 0; margin-right: 0; } .section--details .item.item--details > .row > [class*="col-"] { flex: 0 0 100%; width: 100%; max-width: 100%; padding-left: 0; padding-right: 0; } .item--details .item__cover { max-width: 220px !important; width: 100% !important; margin: 0 auto 8px; height: 0 !important; padding: 0 0 148.148% !important; overflow: hidden !important; } .item--details .item__cover > img, .item--details .item__cover img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; max-width: 100% !important; object-fit: cover !important; } .item--details .item__content { margin-top: 16px; } } /* Player shell */ .filmflix-player-wrap, .filmflix-filmalani { width: 100%; } .filmflix-video { position: relative; width: 100%; border-radius: 12px; overflow: hidden; background: #0e0f16; border: 1px solid #222028; } .filmflix-video-shell, .filmalani .video-container { position: relative; width: 100%; background: #0e0f16; overflow: hidden; aspect-ratio: 16 / 9; } .filmalani .video-container iframe, .filmflix-video-shell iframe, .filmalani .video-container embed, .filmflix-video-shell embed, .filmalani .video-container video, .filmflix-video-shell video, .filmalani .video-container object, .filmflix-video-shell object { position: absolute; inset: 0; width: 100% !important; height: 100% !important; border: 0; display: block; } .filmflix-video-sources .filmflix-video-source { display: none; position: absolute; inset: 0; } .filmflix-video-sources .filmflix-video-source.is-active { display: block; } /* Action bar under player */ .filmflix-action-bar, .butonlar.film-action-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 14px 0 0; padding: 12px; border-radius: 12px; background: #222028; border: 1px solid #2c2a33; } .film-action-btn, .butonlar .hatali, .butonlar .ac-kapa, .butonlar .altyazitipi, .film-action-source__toggle { display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px; border-radius: 8px; border: 1px solid transparent; background: #1a191f; color: #fff !important; font-size: 13px; cursor: pointer; text-decoration: none !important; line-height: 1.2; } .film-action-btn:hover, .butonlar .hatali:hover, .butonlar .ac-kapa:hover, .butonlar .altyazitipi:hover { border-color: #f9ab00; color: #f9ab00 !important; } .film-action-btn__icon { display: inline-flex; width: 22px; height: 22px; align-items: center; justify-content: center; } /* Error modal — hidden by default */ #pencere.mobilhata, .mobilhata { display: none; position: fixed; inset: 0; z-index: 1200; align-items: center; justify-content: center; padding: 20px; background: rgba(0, 0, 0, 0.72); } /* jQuery fadeIn sets display:block inline — show as flex modal */ #pencere.mobilhata[style*="display: block"], #pencere.mobilhata[style*="display:block"], .mobilhata[style*="display: block"], .mobilhata[style*="display:block"] { display: flex !important; } .mobilhata-content { width: 100%; max-width: 480px; background: #1a191f; border: 1px solid #222028; border-radius: 12px; padding: 20px; color: #fff; } .mobilhata-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; } .mobilhata-title { font-weight: 600; color: #fff; } .hatakapat { font-size: 28px; line-height: 1; color: #c0c0c0; background: none; border: 0; cursor: pointer; } .mobilhata .sign__textarea, .mobilhata textarea { width: 100%; min-height: 110px; padding: 12px 14px; border-radius: 8px; border: 1px solid #222028; background: #13151f; color: #fff; resize: vertical; } .mobilhata .sign__btn { margin-top: 12px; } #perde { display: none; position: fixed; inset: 0; z-index: 1100; background: rgba(0, 0, 0, 0.92); /* Let clicks reach the elevated player / page underneath. */ pointer-events: none; } body.filmflix-cinema-mode { overflow: hidden; } body.filmflix-cinema-mode .filmalani { position: fixed !important; left: 50% !important; top: 50% !important; right: auto !important; bottom: auto !important; transform: translate(-50%, -50%); width: min(1100px, 94vw) !important; max-width: 94vw; z-index: 1101; margin: 0 !important; pointer-events: auto; } body.filmflix-cinema-mode .filmalani iframe, body.filmflix-cinema-mode .filmalani embed, body.filmflix-cinema-mode .filmalani video, body.filmflix-cinema-mode .filmalani object { pointer-events: auto !important; } body.filmflix-cinema-mode .filmalani .butonlar, body.filmflix-cinema-mode .filmalani .ac-kapa, body.filmflix-cinema-mode .filmalani .partlar { display: flex !important; } @media (max-width: 767.98px) { body.filmflix-cinema-mode .filmalani { width: 96vw !important; max-width: 96vw; } } #filmnot, #filmnot2 { padding: 12px 14px; margin: 0 0 10px; background: rgba(249, 171, 0, 0.08); border-left: 3px solid #f9ab00; color: #c7c9d3; border-radius: 6px; font-size: 14px; } /* Share + like row */ #alt.film-actions-bar { margin: 28px 0 10px; padding: 16px; border-radius: 12px; background: #222028; border: 1px solid #2c2a33; } .film-actions-bar__inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; } .film-actions-bar__group { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; } .film-actions-bar__label { color: #c0c0c0; font-size: 13px; margin-right: 6px; } .film-actions-bar__buttons { display: flex; flex-wrap: wrap; gap: 8px; } .film-actions-bar .film-action-btn--facebook, .film-actions-bar .film-action-btn--twitter, .film-actions-bar .film-action-btn--whatsapp { background: #1a191f; } .pld-like-dislike-wrap, .film-actions-bar .likebuttons, .film-actions-votes { display: flex !important; flex-wrap: wrap; align-items: center; gap: 10px; } .pld-like-wrap, .pld-dislike-wrap, .pld-common-wrap { display: inline-flex !important; align-items: center; gap: 8px; } .pld-like-dislike-wrap a, .pld-like-dislike-wrap button, .pld-like-dislike-trigger, .film-action-vote__btn { display: inline-flex !important; align-items: center; gap: 6px; padding: 8px 12px; border-radius: 8px; background: #1a191f; border: 1px solid #2c2a33; color: #fff !important; font-size: 13px; text-decoration: none !important; cursor: pointer; } .pld-count-wrap, .film-action-vote__count { color: #f9ab00 !important; font-weight: 600; } /* Pagination */ .sayfalama, .paginator-wrap { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; padding: 30px 0 10px; } .sayfalama a, .sayfalama strong, .paginator-wrap a, .paginator-wrap strong { display: inline-flex; align-items: center; justify-content: center; min-width: 42px; height: 42px; padding: 0 12px; border-radius: 8px; background: #222028; color: #fff; text-decoration: none; } .sayfalama strong.on, .sayfalama a:hover { background: #f9ab00; color: #13151f; } .item__cover img.blur { filter: blur(8px); } .filmi-gor { position: absolute; inset: 0; z-index: 3; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.55); color: #fff; cursor: pointer; font-size: 13px; gap: 8px; } .header__search { position: relative; } .header__search #datafetch { position: absolute; left: 0; right: 0; top: calc(100% + 8px); z-index: 200; background: #222028; border: 1px solid #2c2a33; border-radius: 10px; max-height: 380px; overflow-x: hidden; overflow-y: auto; box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45); padding: 6px; } .header__search #datafetch:empty { display: none; } .header__search #datafetch::-webkit-scrollbar { width: 6px; } .header__search #datafetch::-webkit-scrollbar-track { background: transparent; } .header__search #datafetch::-webkit-scrollbar-thumb { background: #3a3844; border-radius: 6px; } .header__search #datafetch { scrollbar-width: thin; scrollbar-color: #3a3844 transparent; } .header__search .button-loader { position: absolute; right: 44px; top: 50%; transform: translateY(-50%); z-index: 5; pointer-events: none; width: 28px; height: 20px; } .header__search .button-loader svg { width: 28px; height: 20px; } /* Live search results */ .filmflix-search-results { display: flex; flex-direction: column; gap: 2px; } .filmflix-search-item, #searchelement.filmflix-search-item, #datafetch #searchelement { display: block; margin: 0; padding: 0; border: 0; background: transparent; clear: both; overflow: hidden; } .filmflix-search-item__link, #datafetch #searchelement a.filmflix-search-item__link { display: flex; align-items: center; gap: 12px; padding: 8px 10px; border-radius: 8px; text-decoration: none !important; color: #fff !important; transition: background-color 0.2s ease; } .filmflix-search-item__link:hover, .filmflix-search-item__link:focus, #datafetch #searchelement a.filmflix-search-item__link:hover { background: rgba(249, 171, 0, 0.1); color: #fff !important; } .filmflix-search-item__cover, #datafetch .search-cat-img { flex: 0 0 40px; width: 40px; height: 60px; border-radius: 6px; overflow: hidden; background: #1a191f; float: none !important; margin: 0 !important; } .filmflix-search-item__cover img, #datafetch .search-cat-img img { width: 100%; height: 100%; object-fit: cover; display: block; } .filmflix-search-item__body { display: flex; flex-direction: column; justify-content: center; min-width: 0; flex: 1 1 auto; gap: 2px; } .filmflix-search-item__title, #datafetch #searchelement a, #datafetch a { color: #fff !important; font-size: 14px; font-weight: 600; line-height: 1.35; text-decoration: none !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .filmflix-search-item__meta, #datafetch .search-cat-year, #datafetch #search-cat-year, #search-cat-year { color: #c0c0c0 !important; font-size: 12px; line-height: 1.3; float: none !important; margin: 0 !important; } .filmflix-search-empty, .filmflix-search-more, #datafetch #searchelementnf { padding: 14px 12px; color: #c0c0c0 !important; font-size: 13px; text-align: center; } .filmflix-search-more a, #datafetch #searchelementnf a { color: #f9ab00 !important; text-decoration: none !important; font-weight: 600; } .filmflix-search-more a:hover, #datafetch #searchelementnf a:hover { color: #ffc34d !important; } .header__nav { list-style: none; margin: 0; } /* Mobile / tablet drawer: solid panel, in-flow dropdowns, no overflow glitches */ @media (max-width: 1199.98px) { .header__nav { display: flex; flex-direction: column; align-items: stretch; position: fixed !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: auto !important; width: min(300px, calc(100vw - 48px)) !important; max-width: 100%; margin: 0 !important; padding: 24px 20px 40px !important; padding-top: calc(24px + env(safe-area-inset-top, 0px)) !important; background-color: #1a191f !important; border-top: 2px solid #f9ab00; box-shadow: -12px 0 40px rgba(0, 0, 0, 0.55); overflow-x: hidden !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch; z-index: 1101; transform: translate3d(100%, 0, 0); transition: transform 0.35s ease; pointer-events: none; visibility: hidden; } .header__nav.header__nav--active { transform: translate3d(0, 0, 0); pointer-events: auto; visibility: visible; } /* Keep hamburger/X above the drawer while open */ .header__btn { z-index: 1102; } .header__btn--active { position: fixed; top: calc(15px + env(safe-area-inset-top, 0px)); right: 15px; margin-top: 0; } .header__nav-item { position: relative; width: 100% !important; height: auto !important; min-height: 0; margin: 0 0 4px !important; overflow: visible; } .header__nav-link { display: flex !important; align-items: center; justify-content: space-between; width: 100%; height: auto !important; min-height: 44px; padding: 10px 4px; white-space: normal; word-break: break-word; line-height: 1.3; box-sizing: border-box; } .header__nav-link i { flex-shrink: 0; margin-left: 8px; } /* Keep submenu inside drawer (Bootstrap Popper would spill over page) */ .header__nav .dropdown-menu, .header__nav .header__dropdown-menu { position: static !important; inset: auto !important; transform: none !important; float: none !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 0 8px !important; padding: 10px 14px !important; border: 0 !important; border-radius: 8px !important; background-color: #222028 !important; box-shadow: none !important; display: none !important; } .header__nav .dropdown-menu.show, .header__nav .header__dropdown-menu.show { display: flex !important; flex-direction: column; align-items: stretch; } .header__nav .dropdown-menu li, .header__nav .header__dropdown-menu li { width: 100%; margin: 0 0 10px; } .header__nav .dropdown-menu li:last-child, .header__nav .header__dropdown-menu li:last-child { margin-bottom: 0; } .header__nav .dropdown-menu a, .header__nav .header__dropdown-menu a { display: block; width: 100%; white-space: normal; word-break: break-word; padding: 4px 0; font-size: 14px; line-height: 1.4; } } @media (max-width: 1199.98px) and (min-width: 768px) { .header__nav { /* header is relative on mobile; drawer is full-viewport */ top: 0 !important; } } /* HotFlix desktop: space between logo and menu */ @media (min-width: 1200px) { .header__content { gap: 0; } .header__logo { flex-shrink: 0; margin-right: 0; } .header__nav { margin-left: 48px !important; margin-right: 0; padding: 0 !important; visibility: visible; pointer-events: auto; overflow: visible; box-shadow: none; } .header__nav-item { margin-right: 35px; } .header__nav-item:last-child { margin-right: 0; } .header__auth { margin-left: auto !important; } } /* Mobile header: hide Hakkımızda / İletişim icon buttons (overlap + a11y). */ .header__sign-in { display: none !important; } @media (min-width: 1200px) { .header__sign-in { display: inline-flex !important; flex-direction: row; align-items: center; justify-content: center; height: 40px; width: auto; min-width: 120px; padding: 0 14px; margin-left: 20px; } .header__sign-in i { display: none; } .header__sign-in span { display: block; font-size: 14px; color: #fff; text-transform: uppercase; } } @media (max-width: 1199.98px) { .header__auth { margin-right: 42px; gap: 0; flex-shrink: 0; } .header__search-btn { margin: 0; } } @media (min-width: 1400px) { .header__nav { margin-left: 60px !important; } .header__nav-item { margin-right: 45px; } } /* Secondary header menu — desktop only, below primary nav */ .header__subnav { display: none; } @media (min-width: 1200px) { .header__subnav { display: block; width: 100%; border-top: 1px solid #222028; padding: 0; } .header__subnav-list { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 4px 28px; margin: 0; padding: 8px 0 12px; list-style: none; } .header__subnav .header__nav-item { width: auto; height: auto; margin: 0; position: relative; } .header__subnav .header__nav-link { display: inline-flex; align-items: center; gap: 4px; height: auto; min-height: 32px; padding: 4px 0; font-size: 13px; font-weight: 500; letter-spacing: 0.02em; text-transform: uppercase; color: #c7c9d3; line-height: 1.3; white-space: nowrap; } .header__subnav .header__nav-link i { font-size: 14px; margin-left: 2px; } .header__subnav .header__nav-link:hover, .header__subnav .header__nav-link[aria-expanded="true"] { color: #f9ab00; } .header__subnav .dropdown-menu, .header__subnav .header__dropdown-menu { margin-top: 4px; } } @media (min-width: 1400px) { .header__subnav-list { gap: 6px 36px; padding: 10px 0 14px; } } .commentcontent, .comments, .reviews { color: #c7c9d3; } .filmflix-empty { padding: 40px 15px; color: #8b8d9a; text-align: center; } .nomob2 { margin-bottom: 20px; } .page-404.section--bg { background: linear-gradient(135deg, #0b0c15 0%, #1a1d29 50%, #13151f 100%); background-size: cover; background-position: center; } /* Film details: flat section like details.html — no poster backdrop */ .section--details { position: relative; background-color: #1a191f; } .section--details .section__details-bg { display: none !important; } /* Anasayfa Özel Film Listeleme → hero (daha alçak alan; afiş sağda net) */ .filmflix-hero-widget.home--hero { margin-top: 0 !important; padding: 20px 0 !important; } /* index.html home carousel widget — section.home, not body.home */ section.home.filmflix-home-carousel-widget { padding-top: 20px; padding-bottom: 10px; } section.home.filmflix-home-carousel-widget .home__title { margin-bottom: 20px; } section.home.filmflix-home-carousel-widget h1.home__title { font-size: 32px !important; line-height: 42px !important; } section.home.filmflix-home-carousel-widget h2.home__title { font-size: 26px !important; line-height: 34px !important; } /* Mobile: compact, modern carousel heading (was oversized 32px/42px uppercase). */ @media (max-width: 767.98px) { section.home.filmflix-home-carousel-widget { padding-top: 14px; padding-bottom: 6px; } section.home.filmflix-home-carousel-widget .home__title, section.home.filmflix-home-carousel-widget h1.home__title, section.home.filmflix-home-carousel-widget h2.home__title { font-size: 17px !important; line-height: 1.3 !important; font-weight: 600; letter-spacing: 0.02em; text-transform: none; margin-bottom: 14px !important; padding-right: 92px; display: flex; align-items: center; gap: 8px; } /* Accent bar for a modern section-heading feel. */ section.home.filmflix-home-carousel-widget .home__title::before { content: ""; flex: 0 0 auto; width: 4px; height: 1.15em; border-radius: 4px; background: #f9ab00; } section.home.filmflix-home-carousel-widget .home__title b { font-weight: 700; } } .filmflix-hero-widget .hero__slide { background-color: #0b0c12; /* Portrait afişler cover ile bulanıklaşmasın: yüksekliğe sığdır, sağa yasla */ background-size: auto 100%; background-position: right center; background-repeat: no-repeat; } .filmflix-hero-widget .hero__content { height: 380px; padding-bottom: 36px; } .filmflix-hero-widget .hero__title { font-size: 28px; line-height: 36px; margin-bottom: 12px; } .filmflix-hero-widget .hero__text { font-size: 15px; line-height: 24px; margin-bottom: 14px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .filmflix-hero-widget .hero__btn { margin-top: 12px; height: 42px; } @media (max-width: 767px) { .filmflix-hero-widget .hero__content { height: 300px; padding-right: 10px; } .filmflix-hero-widget .hero__slide { /* Mobilde tam yay; crop daha az hissedilir */ background-size: cover; background-position: center right; } .filmflix-hero-widget .hero__title { font-size: 22px; line-height: 30px; } .filmflix-hero-widget .hero__text { -webkit-line-clamp: 2; } } @media (min-width: 768px) { .filmflix-hero-widget .hero__content { height: 400px; padding-right: 42%; } .filmflix-hero-widget .hero__title { font-size: 32px; line-height: 40px; } } @media (min-width: 1200px) { .filmflix-hero-widget .hero__content { height: 420px; } .filmflix-hero-widget .hero__title { font-size: 36px; line-height: 44px; } .filmflix-hero-widget .hero__text { padding-right: 8%; } } /* Poster covers — HotFlix index3 ≈ 270×400 (padding-bottom trick; never crop under filter) */ .section--catalog .item, .filmflix-catalog-wrap .item, .item { overflow: visible; } .item__cover { position: relative !important; display: block !important; width: 100% !important; height: 0 !important; padding: 0 0 148.148% !important; /* 400 / 270 */ margin: 0; border-radius: 8px; overflow: hidden !important; background-color: #000; aspect-ratio: auto !important; align-items: unset !important; justify-content: unset !important; } /* Language badge at bottom of poster */ .item__cover .item__lang, .item__cover .film-poster-badge--lang { position: absolute; left: 8px; right: 8px; bottom: 8px; z-index: 4; display: inline-flex; align-items: center; justify-content: center; gap: 5px; width: auto; max-width: calc(100% - 16px); margin: 0; padding: 5px 10px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.14); font-size: 11px; font-weight: 600; line-height: 1.2; letter-spacing: 0.01em; color: rgba(255, 255, 255, 0.96); box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); pointer-events: none; box-sizing: border-box; } .item__cover .item__lang i { font-size: 13px; flex-shrink: 0; opacity: 0.95; } .item__cover .item__lang .film-dil { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; } .item__cover .item__lang .film-dil--short { display: none; } .item__cover .film-poster-badge--dublaj { background: linear-gradient(135deg, rgba(22, 163, 74, 0.88), rgba(21, 128, 61, 0.9)); border-color: rgba(134, 239, 172, 0.35); } .item__cover .film-poster-badge--yerli { background: linear-gradient(135deg, rgba(220, 38, 38, 0.88), rgba(185, 28, 28, 0.9)); border-color: rgba(252, 165, 165, 0.35); } .item__cover .film-poster-badge--altyazi-tr { background: linear-gradient(135deg, rgba(37, 99, 235, 0.88), rgba(29, 78, 216, 0.9)); border-color: rgba(147, 197, 253, 0.35); } /* Soft gradient under badge so text stays readable */ .item__cover::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 42%; z-index: 2; pointer-events: none; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%); border-radius: 0 0 8px 8px; } .item__cover .item__play, .item__cover .item__rate { z-index: 5; } @media (max-width: 575.98px) { .item__cover .item__lang, .item__cover .film-poster-badge--lang { left: 6px; right: auto; bottom: 6px; max-width: calc(100% - 12px); padding: 4px 8px; gap: 4px; font-size: 10px; } .item__cover .item__lang i { font-size: 11px; } .item__cover .item__lang .film-dil--full { display: none; } .item__cover .item__lang .film-dil--short { display: inline; } } @media (min-width: 576px) and (max-width: 991.98px) { .item__cover .item__lang, .item__cover .film-poster-badge--lang { font-size: 10px; padding: 4px 9px; } } .item__cover > img, .item__cover img { position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; object-fit: cover !important; object-position: center top !important; display: block !important; margin: 0 !important; border: 0 !important; transition: opacity 0.4s; } /* CLS: keep title + categories to a fixed band under posters */ .section--catalog .item__content, .filmflix-catalog-wrap .item__content, .home__carousel .item__content { min-height: 58px; } .section--catalog .item__title, .filmflix-catalog-wrap .item__title, .home__carousel .item__title { min-height: 30px; } .section--catalog .item__category, .filmflix-catalog-wrap .item__category, .home__carousel .item__category { flex-wrap: nowrap; overflow: hidden; min-height: 21px; max-height: 21px; } .section--catalog .item__category a, .filmflix-catalog-wrap .item__category a, .home__carousel .item__category a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } /* CLS: reserve season carousel height before Splide mounts (mobile 2-up) */ .home__carousel.splide--home { min-height: calc(((100vw - 48px) / 2) * 1.48148 + 78px); } @media (min-width: 576px) { .home__carousel.splide--home { min-height: calc(((100vw - 72px) / 3) * 1.48148 + 78px); } } @media (min-width: 768px) { .home__carousel.splide--home { min-height: calc(((min(100vw, 720px) - 96px) / 3) * 1.48148 + 88px); } } @media (min-width: 992px) { .home__carousel.splide--home { min-height: 0; } } .splide--home:not(.is-initialized) .splide__list { display: flex !important; gap: 24px; } .splide--home:not(.is-initialized) .splide__slide { flex: 0 0 calc(50% - 12px); width: calc(50% - 12px); max-width: calc(50% - 12px); } .splide--home:not(.is-initialized) .splide__slide:nth-child(n + 3) { display: none !important; } @media (min-width: 576px) { .splide--home:not(.is-initialized) .splide__slide { flex-basis: calc(33.333% - 16px); width: calc(33.333% - 16px); max-width: calc(33.333% - 16px); } .splide--home:not(.is-initialized) .splide__slide:nth-child(n + 3) { display: block !important; } .splide--home:not(.is-initialized) .splide__slide:nth-child(n + 4) { display: none !important; } } @media (min-width: 992px) { .splide--home:not(.is-initialized) .splide__slide:nth-child(n + 4) { display: block !important; } } /* CLS: hero fixed content height before Splide */ .hero.splide--hero { min-height: 300px; } @media (min-width: 768px) { .hero.splide--hero { min-height: 400px; } } @media (min-width: 1200px) { .hero.splide--hero { min-height: 560px; } } .filmflix-hero-widget .hero.splide--hero { min-height: 300px; } @media (min-width: 768px) { .filmflix-hero-widget .hero.splide--hero { min-height: 400px; } } .item__cover .item__play, .item__cover .item__rate, .item__cover .filmi-gor { z-index: 4; } .item--details .item__cover { max-width: min(250px, 100%); width: 100%; height: 0 !important; padding-bottom: 148.148% !important; overflow: hidden !important; } .item--details .item__cover img { object-position: center top !important; max-width: 100% !important; } .filter__btn { text-decoration: none; } .category-remove a { color: #f9ab00; font-size: 18px; margin-right: 8px; } /* Footer — always visible on every page (HotFlix layout) */ .footer { display: block !important; visibility: visible !important; opacity: 1 !important; margin-top: 40px; margin-bottom: 0; clear: both; position: relative; z-index: 20; width: 100%; background-color: #1a191f; border-top: 1px solid #222028; } .footer__content { display: flex !important; width: 100%; } @media (min-width: 768px) { .footer__content { /* Larger logo (≈56px) needs room; HotFlix default was 80px for 24px logos */ height: auto !important; min-height: 80px; padding: 12px 0 !important; } } /* Cabin body font (local @font-face) + footer +3px */ body { font-family: 'Cabin', 'Segoe UI', Tahoma, Arial, sans-serif !important; } .footer__nav a { font-size: 17px !important; /* was 14px */ } .footer__copyright { font-size: 15px !important; /* was 12px */ line-height: 20px !important; } /* Footer social icons (panel: filmflix_sosyal) */ .footer__social { display: flex; flex-direction: row; align-items: center; gap: 12px; order: 4; margin-top: 24px; } .footer__social a { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 8px; border: 1px solid #2a2d3a; color: #c7c9d3; font-size: 18px; transition: color 0.25s ease, border-color 0.25s ease, background 0.25s ease; } .footer__social a:hover { color: #f9ab00; border-color: #f9ab00; background: rgba(249, 171, 0, 0.08); } @media (min-width: 768px) { .footer__social { order: 4; margin-top: 0; margin-left: 24px; margin-right: 56px; } } /* ========================================================================== Theme ads (FilmFlix Panel → Reklam) ========================================================================== */ .filmflix-ad { position: relative; width: 100%; } .filmflix-ad__inner { display: flex; align-items: center; justify-content: center; overflow: hidden; } .filmflix-ad__inner img, .filmflix-ad__image-link img { max-width: 100%; height: auto; display: block; } .filmflix-ad--header { padding: 12px 0; background: #14151c; border-bottom: 1px solid #222028; } .filmflix-ad--video-top { margin-bottom: 12px; padding: 10px; border-radius: 10px; background: #1a1d29; border: 1px solid #2a2d3a; text-align: center; } .filmflix-ad--video-bottom { margin: 16px auto 0; padding: 12px 0; text-align: center; } .filmflix-ad--side { display: none; } .filmflix-ad--footer { position: fixed; left: 50%; bottom: 0; transform: translateX(-50%); z-index: 1200; width: min(100%, 728px); padding: 8px 8px 10px; background: rgba(20, 21, 28, 0.96); border: 1px solid #2a2d3a; border-bottom: none; border-radius: 12px 12px 0 0; box-shadow: 0 -8px 30px rgba(0, 0, 0, 0.45); } .filmflix-ad--footer.is-hidden { display: none; } .filmflix-ad__close { position: absolute; top: -14px; right: 8px; display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; border: 1px solid #2a2d3a; border-radius: 999px; background: #1a1d29; color: #fff; font-size: 12px; cursor: pointer; } .filmflix-ad__close:hover { border-color: #f9ab00; color: #f9ab00; } .filmflix-pageskin { position: fixed; inset: 0; z-index: 0; background-repeat: no-repeat; background-position: center top; background-size: cover; cursor: pointer; pointer-events: auto; } body.filmflix-has-pageskin { position: relative; } body.filmflix-has-pageskin .header, body.filmflix-has-pageskin .section, body.filmflix-has-pageskin .footer, body.filmflix-has-pageskin .filmflix-catalog-wrap, body.filmflix-has-pageskin .content { position: relative; z-index: 2; } @media (max-width: 1199.98px) { .filmflix-pageskin { display: none; } } @media (min-width: 1400px) { .filmflix-ad--side { display: block; position: fixed; top: 120px; width: 160px; z-index: 90; pointer-events: auto; } .filmflix-ad--side-left { left: max(8px, calc((100vw - 1320px) / 2 - 180px)); } .filmflix-ad--side-right { right: max(8px, calc((100vw - 1320px) / 2 - 180px)); } } .filmflix-splash { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba(0, 0, 0, 0.72); } .filmflix-splash.is-hidden { display: none !important; } .filmflix-splash--hide-mobile { display: flex; } @media (max-width: 1199.98px) { .filmflix-splash--hide-mobile { display: none !important; } } .filmflix-splash__dialog { position: relative; width: min(100%, 320px); max-height: min(90vh, 420px); padding: 16px; border-radius: 12px; background: #fff; overflow: auto; } .filmflix-splash__close { position: absolute; top: 8px; right: 8px; width: 32px; height: 32px; border: none; border-radius: 8px; background: #1a1d29; color: #fff; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; } .filmflix-splash__content { margin-top: 8px; text-align: center; } .filmflix-player-wrap { position: relative; } .filmflix-player-main--hidden { display: none !important; } .filmflix-preroll { position: relative; width: 100%; min-height: 220px; border-radius: 12px; overflow: hidden; background: #0e0f16; border: 1px solid #222028; } .filmflix-preroll__content { display: flex; align-items: center; justify-content: center; min-height: 220px; padding: 16px; text-align: center; } .filmflix-preroll__content iframe, .filmflix-preroll__content video { max-width: 100%; } .filmflix-preroll__skip { position: absolute; right: 12px; bottom: 12px; display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border: none; border-radius: 8px; background: rgba(249, 171, 0, 0.95); color: #1a191f; font-size: 13px; font-weight: 700; cursor: pointer; } .filmflix-preroll__skip:disabled { opacity: 0.55; cursor: not-allowed; } .filmflix-preroll.is-hidden { display: none !important; } #footerad { z-index: 15; } .filmflix-turnstile { margin-top: 4px; } .filmflix-turnstile .cf-turnstile, .mobilhata .cf-turnstile { margin-bottom: 8px; } /* Keşfet / details.html */ .content .comments__list { margin: 0; padding: 0; list-style: none; } .content .comments__list .children { list-style: none; margin: 0; padding: 0; } .content .comments__item .comment-body { width: 100%; } .content .comments__actions .comment-reply-link, .content .comments__actions .comment-edit-link { display: inline-flex; align-items: center; gap: 6px; background: none; border: 0; color: #c0c0c0; font-size: 12px; text-transform: uppercase; margin-left: 15px; padding: 0; } .content .comments__actions .comment-reply-link:hover, .content .comments__actions .comment-edit-link:hover { color: #fff; } .content .comments__text .cld-like-dislike-wrapper, .content .comments__text .cld-like-dislike-wrap { display: flex; align-items: center; gap: 12px; margin-top: 12px; } .content .sign__form--comments { margin-top: 24px; } .content .gallery .row { margin: 0 -10px; } .content .gallery figure { margin-bottom: 20px; } .content .gallery figure a { display: block; position: relative; overflow: hidden; border-radius: 8px; aspect-ratio: 16 / 9; background: #1a191f; } .content .gallery figure img { width: 100% !important; height: 100% !important; max-width: 100%; object-fit: cover; object-position: center; border-radius: 8px; display: block; } .filmflix-sidebar .section__title--sidebar { margin-top: 0; margin-bottom: 20px; } .filmflix-sidebar .serialfilm { margin-top: 10px; } .filmflix-sidebar .item { margin-bottom: 20px; } /* ========================================================================== Splide hero pagination — larger tap targets, same visual dots ========================================================================== */ .splide--hero .splide__pagination li { margin-right: 0; } .splide--hero .splide__pagination__page { display: inline-flex !important; align-items: center; justify-content: center; width: 40px !important; height: 40px !important; min-width: 40px; min-height: 40px; padding: 0 !important; margin: 0 !important; border-radius: 0 !important; background: transparent !important; opacity: 1 !important; transform: none !important; } .splide--hero .splide__pagination__page::before { content: ''; display: block; width: 4px; height: 4px; border-radius: 4px; background: #fff; opacity: 0.25; transition: opacity 0.4s ease, transform 0.4s ease; } .splide--hero .splide__pagination__page.is-active::before { opacity: 1; } /* ========================================================================== Tap targets (PageSpeed: yeterli boyut/boşluk) ========================================================================== */ .header__search-button, .header__search-close, .header__search-btn { align-items: center; justify-content: center; min-width: 40px; min-height: 40px; } /* Do not override desktop display:none for .header__search-btn / close */ @media (max-width: 1199.98px) { .header__search-btn { display: inline-flex; } .header__search-close { display: inline-flex; } } .header__search-button { display: inline-flex; } .visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } /* Full-width, modern film synopsis below poster + player. */ .filmflix-synopsis { margin-top: 28px; padding: 22px 24px; border-radius: 14px; background: linear-gradient(160deg, #23212b 0%, #1b1a22 100%); border: 1px solid #2c2a33; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25); } .filmflix-synopsis__head { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; } .filmflix-synopsis__icon { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 10px; background: rgba(249, 171, 0, 0.12); color: #f9ab00; font-size: 16px; flex: 0 0 auto; } .filmflix-synopsis__title { margin: 0; font-size: 20px; line-height: 1.3; font-weight: 600; color: #fff; } .filmflix-synopsis__body { position: relative; color: #c7c9d3; font-size: 16px; line-height: 27px; overflow: hidden; transition: max-height 0.35s ease; } .filmflix-synopsis__body p { margin: 0 0 14px; padding: 0; color: inherit; font-size: inherit; line-height: inherit; } .filmflix-synopsis__body p:last-child { margin-bottom: 0; } /* Collapsed: clamp height with a soft fade until expanded. */ .filmflix-synopsis__body.is-clamped { max-height: 8.4em; } .filmflix-synopsis__body.is-clamped::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 70px; background: linear-gradient(to bottom, rgba(27, 26, 34, 0), #1b1a22); pointer-events: none; } .filmflix-synopsis__toggle { display: none; margin-top: 14px; padding: 9px 18px; border-radius: 999px; border: 1px solid #34323d; background: #26242f; color: #f9ab00; font-size: 13px; font-weight: 600; cursor: pointer; transition: border-color 0.2s ease, background 0.2s ease; } .filmflix-synopsis__toggle:hover { border-color: #f9ab00; background: #2f2c39; } .filmflix-synopsis.is-collapsible .filmflix-synopsis__toggle { display: inline-flex; } @media (max-width: 575.98px) { .filmflix-synopsis { padding: 18px 16px; } .filmflix-synopsis__title { font-size: 18px; } .filmflix-synopsis__body { font-size: 15px; line-height: 25px; } } .item__category { gap: 4px 14px; } .item__category a { display: inline-flex; align-items: center; min-height: 24px; padding: 2px 0; margin-right: 0; } .item__category a:after { left: calc(100% + 4px); }