/*
Theme Name: Free Movie 24
Theme URI: https://free-movie24.com/
Author: Free Movie 24
Author URI: https://free-movie24.com/
Description: Lightweight Bootstrap 5 theme for Free Movie 24
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: free-movie24-theme
Tags: bootstrap, responsive, movie, dark, gradient
*/

/* =========================
   Root / Theme Colors
========================= */
:root{
  --free-movie24-blue-1:#0d6efd;
  --free-movie24-blue-2:#1e90ff;
  --free-movie24-blue-3:#00bfff;
  --free-movie24-bg:#05070d;
  --free-movie24-card:#0b1220;
  --free-movie24-border:rgba(64,156,255,.26);
  --free-movie24-glow:0 12px 30px rgba(13,110,253,.18);
  --free-movie24-gradient:linear-gradient(135deg,var(--free-movie24-blue-1),var(--free-movie24-blue-2),var(--free-movie24-blue-3));
}

html,
body,
[data-bs-theme="dark"]{
  background:#000 !important;
  color:#e9f3ff;
}

body{
  background:
    radial-gradient(circle at top left, rgba(13,110,253,.16), transparent 34%),
    radial-gradient(circle at top right, rgba(0,191,255,.14), transparent 28%),
    linear-gradient(180deg, #05070d 0%, #020408 100%) !important;
}

a{color:var(--free-movie24-blue-2);}
a:hover{color:var(--free-movie24-blue-3);}

.header,
.navbar,
footer.footer,
.card,
.zr-search-box,
.free-movie24-search-box,
#freeMovie24Navbar,
.widget,
.offcanvas,
.dropdown-menu{
  background-color:var(--free-movie24-card) !important;
  border-color:var(--free-movie24-border) !important;
}

.card,
.zr-search-box,
.free-movie24-search-box,
#freeMovie24Navbar{
  box-shadow:var(--free-movie24-glow);
}

.btn-primary,
.page-item.active .page-link,
.badge.bg-primary{
  background:var(--free-movie24-gradient) !important;
  border:none !important;
}

.page-link{
  background:#09111f;
  border-color:var(--free-movie24-border);
  color:#e9f3ff;
}

.page-link:hover{
  background:#101a2d;
  color:#fff;
}

.form-control:focus,
.form-select:focus{
  border-color:rgba(30,144,255,.6) !important;
  box-shadow:0 0 0 .25rem rgba(13,110,253,.18) !important;
}

.text-danger{
  color:var(--free-movie24-blue-2)!important;
}

/* =========================
   Navbar / Header
========================= */
.header,
.navbar,
.navbar .container-fluid{
  position:relative;
  z-index:1000;
}

.navbar-brand,
.navbar-toggler{
  position:relative;
  z-index:1102;
}

.navbar-toggler{
  pointer-events:auto;
  cursor:pointer;
  touch-action:manipulation;
  border:1px solid rgba(255,255,255,.2);
  padding:.5rem .75rem;
  box-shadow:none !important;
}

.navbar-toggler:focus,
.navbar-toggler:active{
  outline:none;
  box-shadow:none !important;
}

.header::before,
.header::after,
.navbar::before,
.navbar::after{
  pointer-events:none;
}

.free-movie24-navbar-brand{
  font-size:2rem;
  letter-spacing:.5px;
}

.free-movie24-navbar-brand__tagline{
  font-size:.7rem;
  color:#8cb7ff;
  letter-spacing:.08em;
  text-transform:uppercase;
}

@media (max-width: 991.98px){
  #freeMovie24Navbar{
    position:relative;
    z-index:1101;
    width:100%;
    background:linear-gradient(180deg, rgba(11,18,32,.98), rgba(5,7,13,.98));
    border-radius:12px;
    margin-top:12px;
    padding:10px 12px;
    border:1px solid rgba(255,255,255,.08);
  }

  #freeMovie24Navbar.collapse{
    display:none;
  }

  #freeMovie24Navbar.collapse.show{
    display:block;
  }

  #freeMovie24Navbar .navbar-nav{
    gap:6px;
  }

  #freeMovie24Navbar .menu-item a,
  #freeMovie24Navbar .nav-link{
    display:block;
    padding:10px 12px;
    border-radius:10px;
  }
}

/* =========================
   Sidebar / Vertical Nav
========================= */
.nav-stacked > li{
  float:none;
  width:100%;
  margin-bottom:6px;
  list-style:none;
}

.nav-stacked > li > a{
  background-color:#2a2a2a;
  color:#fff;
  padding:10px 12px;
  border-radius:6px;
  border:1px solid #444;
  text-decoration:none;
  transition:background .2s, transform .2s;
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:12px;
}

.nav-stacked > li > a:hover{
  background:linear-gradient(135deg, rgba(13,110,253,.26), rgba(0,191,255,.18));
  transform:translateX(2px);
}

.nav-stacked > li > a.active-cat{
  background-color:var(--bs-pagination-active-bg);
  border-color:var(--bs-pagination-active-border-color);
}

.nav-stacked .badge{
  background:linear-gradient(135deg, #0d6efd, #00bfff);
  font-size:12px;
  padding:3px 6px;
  border-radius:12px;
}

@media (max-width: 767.98px){
  .hide-on-mobile{
    display:none !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px){
  .hide-on-tablet{
    display:none !important;
  }
}

@media (min-width: 768px){
  .show-on-desktop{
    display:block !important;
  }
}

/* =========================
   Common Headings / Panels
========================= */
.free-movie24-section-heading,
.free-movie24-sidebar-heading{
  background:linear-gradient(90deg, #0d6efd 0%, #1e90ff 50%, #00c6ff 100%);
  border-radius:8px;
  box-shadow:0 10px 30px rgba(13,110,253,.18);
}

.free-movie24-seo-panel{
  background:linear-gradient(180deg, rgba(11,18,32,.95), rgba(5,7,13,.98));
  border:1px solid rgba(255,255,255,.08);
}

.free-movie24-seo-panel__content,
.text-break p{
  line-height:1.85;
}

.bg-secondary-info{
  --bs-bg-opacity:1;
  background-color:#1e1e1e !important;
}

.text-break ul,
.text-break ol{
  padding-left:1.2rem;
  margin-bottom:1rem;
}

.text-break li{
  margin-bottom:.45rem;
}

.text-break h2,
.text-break h3,
.text-break h4{
  color:#fff;
  margin-top:1rem;
  margin-bottom:.75rem;
}

.text-break p{
  margin-bottom:1rem;
}

.free-movie24-imdb-icon{
  height:22px;
  margin-right:5px;
}

.free-movie24-feature-panel{
  background:linear-gradient(90deg, #0d6efd 0%, #1e90ff 50%, #00c6ff 100%);
  border-radius:8px;
  box-shadow:0 10px 30px rgba(13,110,253,.18);
}

.free-movie24-empty-panel{
  background:#0d111a;
  border:1px solid rgba(255,255,255,.06);
}

.free-movie24-count-pill{
  background-color:rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, .5));
}

.free-movie24-footer-seo-text{
  max-width:1100px;
}

.free-movie24-footer-copy{
  color:var(--bs-gray-500);
}

/* =========================
   Forms / Search Box
========================= */
.form-select,
.form-control{
  background-color:#101826 !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.08) !important;
  min-height:50px;
}

.form-select:focus,
.form-control:focus{
  box-shadow:0 0 0 .25rem rgba(44,118,255,.18);
  border-color:#2c76ff !important;
}

.zr-search-box,
.free-movie24-search-box{
  background:linear-gradient(135deg, rgba(9,14,24,.98), rgba(14,30,60,.96) 55%, rgba(20,71,215,.9));
  border:1px solid rgba(255,255,255,.06);
  border-radius:18px;
  box-shadow:0 14px 36px rgba(0,0,0,.22);
}

.zr-search-top .form-control,
.free-movie24-search-top .form-control{
  border-radius:12px;
}

.zr-search-top .btn,
.free-movie24-search-top .btn{
  min-width:120px;
  min-height:50px;
  border-radius:12px;
}

.zr-search-empty,
.free-movie24-search-empty{
  padding:36px 16px 28px;
}

.zr-search-empty h1,
.free-movie24-search-empty h1{
  font-size:clamp(2rem, 4vw, 3rem);
  font-weight:800;
  letter-spacing:-.02em;
  margin-bottom:12px;
}

.zr-search-empty p,
.free-movie24-search-empty p{
  max-width:760px;
  margin:0 auto;
}

@media (max-width: 767.98px){
  .zr-search-top .btn,
  .free-movie24-search-top .btn{
    min-width:100px;
  }
}

/* =========================
   Main Video Card (ส่วนล่างเดิม)
========================= */
.free-movie24-video-card{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  height:100%;
}

.card-zoom{
  transition:transform .3s ease, box-shadow .3s ease;
  transform:scale(1);
}

.card-zoom:hover{
  transform:scale(1.05);
  z-index:2;
  box-shadow:0 12px 25px rgba(0,0,0,.35);
}

.free-movie24-card-media{
  position:relative;
  overflow:hidden;
  background:#08101d;
}

.free-movie24-card-media--poster{
  aspect-ratio:2/3;
}

.free-movie24-card-media--landscape{
  aspect-ratio:16/9;
}

.free-movie24-card-image{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.movie-corner{
  width:80px;
  background:#0d6efd;
  position:absolute;
  text-align:center;
  line-height:20px;
  letter-spacing:1px;
  color:#f0f0f0;
  top:10px;
  right:-20px;
  transform:rotate(45deg);
  font-weight:700;
  box-shadow:0 0 3px rgba(0,0,0,.3);
  text-shadow:1px 1px 1px #222;
}

.soundtrack-bar,
.free-movie24-card-meta{
  background-color:#212529 !important;
  color:#fff;
  min-height:32px;
}

.primary-category{
  position:absolute;
  top:30px;
  left:0;
  background-color:#0d6efde6;
  color:#fff;
  font-weight:600;
  font-size:.75rem;
  padding:4px 10px;
  border-radius:0 .5rem .5rem 0;
  z-index:1;
  white-space:nowrap;
}

.free-movie24-card-body{
  min-height:72px;
}

.free-movie24-title-clamp{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:2.5em;
}

.free-movie24-poster-wrap{
  aspect-ratio:9/16;
}

@media (max-width: 767.98px){
  .free-movie24-video-card .soundtrack-bar{
    min-height:32px;
    font-size:.84rem;
  }

  .free-movie24-video-card .px-2.py-2{
    min-height:72px;
  }
}

/* =========================
   Top Added Sections (เฉพาะบล็อกใหม่ด้านบน)
========================= */
.free-movie24-home-sections{
  position:relative;
  z-index:1;
}

.free-movie24-home-section{
  position:relative;
  overflow:hidden;
  border-radius:18px;
  margin-bottom:22px;
  padding:18px 16px 20px;
  background:
    linear-gradient(180deg, rgba(5,9,18,.88), rgba(4,7,14,.95)),
    radial-gradient(circle at top right, rgba(13,110,253,.18), transparent 35%);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 18px 45px rgba(0,0,0,.32);
}

.free-movie24-home-section::before,
.free-movie24-home-section::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
}

.free-movie24-home-section::before{
  background:linear-gradient(90deg, rgba(13,110,253,.10), transparent 20%, transparent 80%, rgba(220,53,69,.10));
}

.free-movie24-home-section::after{
  inset:auto -10% -55% -10%;
  height:65%;
  background:radial-gradient(circle, rgba(13,110,253,.12), transparent 60%);
  filter:blur(24px);
}

.free-movie24-home-section__header{
  position:relative;
  z-index:2;
  margin-bottom:14px;
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px 16px;
}

.free-movie24-home-section__header-main{
  flex:1 1 720px;
  min-width:0;
}

.free-movie24-home-section__eyebrow,
.free-movie24-eyebrow{
  display:inline-block;
  font-size:.72rem;
  line-height:1;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#b8d6ff;
  margin-bottom:8px;
}

.free-movie24-home-section__title{
  margin:0 0 8px;
  font-size:clamp(1.15rem, 2vw, 1.55rem);
  font-weight:800;
  color:#b0a7e7
}

.free-movie24-home-section__desc{
  margin:0;
  color:rgba(255,255,255,.82);
  line-height:1.75;
  font-size:.95rem;
  max-width:1000px;
}

.free-movie24-home-section__actions{
  margin-top:-10px;
  margin-left:auto;
  flex:0 0 auto;
  display:flex;
  align-items:flex-start;
  justify-content:flex-end;
}

.free-movie24-home-section__button{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border-radius:999px;
  padding:10px 16px;
  font-size:.9rem;
  font-weight:700;
  text-decoration:none;
  color:#fff;
  background:linear-gradient(90deg, #0d6efd, #18a0fb);
  box-shadow:0 12px 24px rgba(13,110,253,.18);
  margin-top:35px;
}

.free-movie24-home-section__button:hover{
  color:#fff;
  transform:translateY(-1px);
}

.free-movie24-home-section .row,
.free-movie24-seo-panel,
.free-movie24-feature-panel{
  position:relative;
  z-index:2;
}

.free-movie24-home-section__grid > [class*="col-"]{
  display:flex;
}

.free-movie24-home-top-card{
  width:100%;
  border-radius:10px;
  overflow:hidden;
  background:#07101f;
  box-shadow:none;
}

.free-movie24-home-top-card__poster{
  position:relative;
  aspect-ratio:169 / 260;
  overflow:hidden;
  background:#111;
}

.free-movie24-home-top-card__poster img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.free-movie24-home-top-card .soundtrack-bar{
  font-size:11px;
  line-height:1.2;
  min-height:28px;
}

.free-movie24-home-top-card__title{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:38px;
  line-height:1.35;
  font-size:12px;
  color:#fff;
}

@media (min-width: 992px){
  .free-movie24-home-section__grid{
    row-gap:1rem;
  }
}

@media (max-width: 991.98px){
  .free-movie24-home-section{
    padding:.8rem;
  }

  .free-movie24-home-section__title{
    font-size:1.1rem;
  }

  .free-movie24-home-section__desc{
    font-size:.82rem;
    line-height:1.45;
  }

  .free-movie24-home-section__header{
    display:block;
  }

  .free-movie24-home-section__actions{
    margin-top:12px;
    margin-left:0;
    justify-content:flex-start;
  }

  .free-movie24-home-top-card__title{
    min-height:34px;
    font-size:11px;
  }

  .free-movie24-home-top-card .soundtrack-bar{
    font-size:10px;
  }
}

@media (max-width: 575.98px){
  .free-movie24-home-section{
    padding:.7rem;
    border-radius:10px;
  }

  .free-movie24-home-section__title{
    font-size:1rem;
  }

  .free-movie24-home-section__desc{
    font-size:.75rem;
  }

  .free-movie24-home-section__button{
    min-height:28px;
    padding:.3rem .65rem;
    font-size:.72rem;
  }

  .free-movie24-home-top-card__title{
    min-height:30px;
    font-size:10px;
    line-height:1.3;
  }

  .free-movie24-home-top-card .soundtrack-bar{
    font-size:9px;
    padding-top:.2rem !important;
    padding-bottom:.2rem !important;
  }

  .free-movie24-home-section__grid{
    --bs-gutter-x:.5rem;
    --bs-gutter-y:.5rem;
  }
}

.free-movie24-footer-wrap{
  background:
    radial-gradient(circle at top right, rgba(13,110,253,.14), transparent 28%),
    linear-gradient(135deg, rgba(8,14,28,.98), rgba(10,10,18,.98) 55%, rgba(20,12,26,.96));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 18px 48px rgba(0,0,0,.28);
}

.free-movie24-footer-brand-box{
  padding:1.1rem 1rem;
  border-radius:1rem;
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
  border:1px solid rgba(255,255,255,.06);
  text-align:center;
}

.free-movie24-footer-brand-eyebrow{
  display:inline-block;
  margin-bottom:.75rem;
  padding:.35rem .7rem;
  border-radius:999px;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#9ed0ff;
  background:rgba(13,110,253,.14);
}

.free-movie24-footer-brand-title{
  font-size:1.6rem;
  font-weight:800;
  line-height:1.25;
  color:#fff;
}

.free-movie24-footer-brand-desc{
  color:rgba(255,255,255,.78);
  line-height:1.75;
}

.free-movie24-footer-count-box{
  margin-top:1rem;
  padding:1rem;
  border-radius:1rem;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.05);
}

.free-movie24-footer-count-label{
  display:block;
  margin-bottom:.65rem;
  font-size:.85rem;
  color:#a9c8ec;
}

.free-movie24-footer-count-number{
  display:flex;
  align-items:center;
  gap:.5rem;
  flex-direction: column;
}

.free-movie24-footer-nav-wrap,
.free-movie24-footer-content-wrap{
  padding:1rem 1.1rem;
  border-radius:1rem;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(255,255,255,.05);
  text-align:center;
}

.free-movie24-footer-section-title{
  margin-bottom:1rem;
  font-size:.95rem;
  font-weight:700;
  color:#fff;
}

.footer-nav{
    display:flex;
    flex-wrap:wrap;
    justify-content:center !important;
    gap:.6rem;
}

.free-movie24-footer-nav-link{
  padding:.6rem .95rem !important;
  border-radius:999px;
  color:#fff !important;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.06);
  transition:all .2s ease;
}

.free-movie24-footer-nav-link:hover{
  color:#fff !important;
  background:linear-gradient(135deg, rgba(13,110,253,.26), rgba(0,191,255,.18));
  border-color:rgba(64,156,255,.28);
  transform:translateY(-1px);
}

.free-movie24-footer-copy{
  color:rgba(255,255,255,.78);
}

.free-movie24-footer-copy h2,
.free-movie24-footer-copy h3{
  color:#fff;
}

.free-movie24-footer-copy p,
.free-movie24-footer-copy li{
  color:rgba(255,255,255,.78);
  line-height:1.85;
}

.free-movie24-footer-copy ul{
  padding-left:1.2rem;
}

.free-movie24-footer-bottom{
  border-top:1px solid rgba(255,255,255,.08);
}

.free-movie24-footer-bottom-text{
  font-size:.92rem;
  color:rgba(255,255,255,.56);
}

.free-movie24-float-btn{
  position:fixed;
  right:18px;
  width:52px;
  height:52px;
  border:none;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  text-decoration:none;
  box-shadow:0 14px 30px rgba(0,0,0,.28);
  z-index:9999;
  transition:transform .2s ease, opacity .2s ease, box-shadow .2s ease;
}

.free-movie24-float-btn:hover{
  color:#fff;
  transform:translateY(-2px);
}

.free-movie24-float-btn--telegram{
  bottom:86px;
  background:linear-gradient(135deg, #26a5e4, #1f8ed6);
}

.free-movie24-float-btn--top{
  bottom:20px;
  background:linear-gradient(135deg, #ff2f2f, #ff1b1b);
  font-size:24px;
  font-weight:800;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}

.free-movie24-float-btn--top.is-visible{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

@media (max-width: 767.98px){
  .free-movie24-footer-wrap{
    padding:1rem !important;
    border-radius:1rem !important;
  }

  .free-movie24-footer-brand-title{
    font-size:1.25rem;
  }

  .free-movie24-footer-brand-box,
  .free-movie24-footer-nav-wrap,
  .free-movie24-footer-content-wrap{
    padding:.95rem;
  }

  .free-movie24-float-btn{
    right:14px;
    width:48px;
    height:48px;
    border-radius:16px;
  }

  .free-movie24-float-btn--telegram{
    bottom:78px;
  }

  .free-movie24-float-btn--top{
    bottom:16px;
  }
}
.free-movie24-single-shell .bg-dark{
  border:1px solid rgba(255,255,255,.06);
  box-shadow:0 10px 30px rgba(0,0,0,.18);
}

.free-movie24-single-hero__eyebrow{
  color:rgba(255,255,255,.72);
  letter-spacing:.08em;
}

.free-movie24-ep-inline{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-left:.6rem;
  padding:.18rem .6rem;
  border-radius:999px;
  background:rgba(13,110,253,.14);
  color:#9fd0ff;
  font-size:.92rem;
  vertical-align:middle;
}

.free-movie24-single-player iframe{
  width:100%;
  height:100%;
  border:0;
  background:#000;
}

.free-movie24-episode-panel{
  border:1px solid rgba(255,255,255,.08);
}

.free-movie24-ep-counter{
  display:inline-flex;
  align-items:center;
  padding:.42rem .8rem;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  color:#cfd6dd;
  font-size:.85rem;
}

.free-movie24-ep-controls{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
  align-items:center;
  justify-content:center;
}

.free-movie24-episode-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(82px,1fr));
  gap:.65rem;
}

.free-movie24-ep-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:.55rem .75rem;
  border-radius:12px;
  text-decoration:none;
  font-weight:600;
  font-size:.92rem;
  color:#d9dee3;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.1);
  transition:.2s ease;
}

.free-movie24-ep-link:hover{
  color:#fff;
  background:rgba(255,255,255,.07);
  border-color:rgba(255,255,255,.18);
}

.free-movie24-ep-link.is-active{
  color:#fff;
  background:var(--bs-primary, #0d6efd);
  border-color:var(--bs-primary, #0d6efd);
}

.free-movie24-epjump-row{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
}

.free-movie24-single-facts__item{
  height:100%;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
  border-radius:14px;
  padding:14px 12px;
}

.free-movie24-single-facts__label{
  display:block;
  font-size:.78rem;
  color:rgba(255,255,255,.64);
  margin-bottom:6px;
}

.free-movie24-single-story__intro{
  color:#d9dee3;
  margin-bottom:14px;
}

.free-movie24-single-story__content{
  line-height:1.8;
}

.free-movie24-single-story__content p:last-child{
  margin-bottom:0;
}

.free-movie24-single-media__poster img,
.free-movie24-single-media__trailer iframe{
  display:block;
  width:100%;
  height:100%;
  border:0;
}

@media (max-width: 767.98px){
  .free-movie24-ep-controls{
    justify-content:stretch;
  }

  .free-movie24-ep-controls .form-select{
    max-width:none !important;
    width:100%;
  }

  .free-movie24-episode-grid{
    grid-template-columns:repeat(auto-fill,minmax(70px,1fr));
  }

  .free-movie24-ep-link{
    min-height:38px;
    font-size:.86rem;
  }
}