/* WebPhim v2 - follow the reference's flat pagination, ajax search, dropdowns and real ratings. */
/* 1. Compact, square, joined page cells. No Prev/Next words as in the screenshot. */
.pc-catalog-page .pc-catalog-pagination.wp-pagination-v2 {
  display:flex!important;align-items:stretch!important;justify-content:center!important;
  width:max-content;max-width:100%;margin:34px auto 12px!important;min-height:64px;
  gap:0!important;box-shadow:none!important;border:0!important;border-radius:0!important;
}
.pc-catalog-pagination.wp-pagination-v2 .pc-page-pill,
.pc-catalog-pagination.wp-pagination-v2 .wp-page-ellipsis {
  flex:0 0 auto;display:grid!important;place-items:center!important;
  height:64px!important;min-width:70px!important;min-height:0!important;
  padding:0 14px!important;margin:0!important;
  font-size:18px!important;line-height:1!important;font-weight:520!important;
  background:#343434!important;color:#dedee1!important;
  border:0!important;border-radius:0!important;text-decoration:none!important;
}
.pc-catalog-pagination.wp-pagination-v2 .pc-page-pill:hover,
.pc-catalog-pagination.wp-pagination-v2 .pc-page-pill:focus-visible {background:#454545!important;color:#fff!important}
.pc-catalog-pagination.wp-pagination-v2 .pc-page-pill.is-current {background:#545454!important;color:#fff!important;font-weight:600!important}
.pc-catalog-pagination.wp-pagination-v2 .wp-page-ellipsis {color:#dedee1!important;pointer-events:none}
.pc-catalog-pagination.wp-pagination-v2 .pc-page-pill:first-child,
.pc-catalog-pagination.wp-pagination-v2 .pc-page-pill:last-child {border-radius:0!important}
.pc-catalog-pagination.wp-pagination-v2 .wp-pagination-arrow {font-weight:500!important}
/* 2. Hover / keyboard-friendly taxonomy dropdowns. */
.wp-main-nav ul {gap:clamp(12px,1.6vw,24px)!important}
.wp-main-nav ul>li {position:relative;display:flex;align-items:center;height:100%;min-width:0}
.wp-main-nav a,.wp-main-nav .wp-nav-trigger{font-size:clamp(11px,.9vw,14px)!important;white-space:nowrap}
.wp-main-nav .wp-nav-trigger {
  display:inline-flex;align-items:center;gap:5px;height:100%;padding:0;margin:0;border:0;
  background:transparent;color:#e9e9ec;cursor:pointer;font-weight:550;
  font-family:inherit;line-height:inherit
}
.wp-nav-trigger:hover,.wp-nav-dropdown:hover>.wp-nav-trigger,
.wp-nav-dropdown:focus-within>.wp-nav-trigger,.wp-nav-dropdown.is-open>.wp-nav-trigger{color:var(--wp-green)!important}
.wp-nav-caret{font-size:17px;line-height:1;opacity:.75;transition:transform .15s}
.wp-nav-dropdown.is-open .wp-nav-caret,.wp-nav-dropdown:hover .wp-nav-caret{transform:rotate(180deg)}
.wp-nav-flyout {
  position:absolute;left:-16px;top:calc(100% - 1px);z-index:1005;visibility:hidden;
  width:min(560px,80vw);max-height:min(65vh,570px);overflow:auto;
  padding:17px 19px 18px;background:#202127;border:1px solid #383940;border-radius:3px;
  box-shadow:0 18px 45px #000b;opacity:0;transform:translateY(7px);
  pointer-events:none;transition:opacity .15s,transform .15s,visibility .15s
}
.wp-nav-dropdown:nth-last-child(2) .wp-nav-flyout {left:auto;right:-25px}
.wp-nav-dropdown:hover .wp-nav-flyout,.wp-nav-dropdown:focus-within .wp-nav-flyout,
.wp-nav-dropdown.is-open .wp-nav-flyout {visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto}
.wp-nav-view-all {display:inline-flex!important;height:auto!important;color:#27d979!important;font-size:12px!important;font-weight:700!important;margin:0 0 13px}
.wp-nav-flyout-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px 10px}
.wp-nav-flyout-grid a {display:block!important;height:auto!important;min-width:0;padding:9px 8px!important;
  overflow:hidden;text-overflow:ellipsis;border-radius:4px;font-size:12px!important;
  color:#d1d2d8!important}
.wp-nav-flyout-grid a:hover,.wp-nav-flyout-grid a:focus-visible {background:#35363b!important;color:#fff!important}
.wp-main-nav .wp-app-link {color:#e4e5e9!important}
.wp-main-nav .wp-app-link span {font-size:11px;opacity:.85}
.wp-mobile-subnav{margin:0;border-bottom:1px solid #292b32}
.wp-mobile-subnav summary{cursor:pointer;list-style:none;padding:12px 1px;font-weight:650;color:#eee}
.wp-mobile-subnav summary:after{content:'⌄';float:right;color:#9295a0}
.wp-mobile-subnav[open] summary:after{content:'⌃'}
.wp-mobile-subnav>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px;padding:4px 0 12px}
.wp-mobile-subnav>div>a {padding:7px 9px!important;font-size:12px;color:#c4c7d0!important}
/* 3. Desktop + mobile search: consistent panel with safe DOM-rendered results. */
.wp-header .wp-header-search {overflow:visible!important;isolation:auto}
.wp-header .wp-header-search input{min-width:0!important}
.wp-search-suggestions[hidden]{display:none!important}
.wp-search-suggestions {
  position:absolute;top:calc(100% + 8px);right:0;z-index:1800;width:390px;max-width:calc(100vw - 20px);
  max-height:min(560px,72vh);overflow-y:auto;overscroll-behavior:contain;
  border:1px solid #3a3c46;border-radius:6px;background:#202127;
  box-shadow:0 19px 46px #000c;color:#f3f3f4;text-align:left;
}
.wp-search-suggestions .wp-search-title {padding:11px 14px;font-size:12px;font-weight:750;letter-spacing:.01em;color:#b6b8c0;border-bottom:1px solid #35363d}
.wp-search-suggestions .wp-search-result {display:flex;align-items:center;gap:11px;padding:9px 12px;
  border-bottom:1px solid #33353a;color:#f5f5f6!important;text-decoration:none;min-height:74px}
.wp-search-suggestions .wp-search-result:hover,
.wp-search-suggestions .wp-search-result.is-active{background:#343840!important}
.wp-search-suggestions .wp-search-result img{height:58px;width:42px;flex:0 0 42px;object-fit:cover;border-radius:2px;background:#303139}
.wp-search-result-copy{display:block;min-width:0;flex:1}
.wp-search-result-copy strong{display:block;font-size:13px;line-height:1.32;font-weight:700;
  overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#f5f5f6}
.wp-search-result-copy small{display:block;font-size:11px;color:#a4a5b0;margin-top:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.wp-search-empty{padding:18px 14px;color:#babcc4;font-size:12px}
.wp-search-suggestions .wp-search-all {display:block;text-align:center;padding:13px;color:#22d974!important;
  font-size:12px;font-weight:750;border-top:1px solid #34353d}
.wp-search-suggestions .wp-search-all:hover{background:#30333a}
.gp-search-overlay .gp-search-box{position:relative;overflow:visible!important}
.gp-search-overlay .wp-search-modal-results{left:0;right:0;top:calc(100% + 8px);width:100%;max-width:100%}
/* 4. Real star ratings: only authenticated visitors can save; Google markup uses actual stored votes. */
.wp-detail-page .wp-film-rating{display:flex;position:relative;max-width:460px;min-width:0;
  flex-wrap:wrap;align-items:center;gap:6px 14px;padding:13px 16px;
  margin:10px 0 16px;border-radius:4px;background:rgba(43,44,50,.90)}
.wp-rating-buttons{display:flex;align-items:center;gap:2px;white-space:nowrap}
.wp-film-rating .wp-star-button {appearance:none;background:transparent;border:0;padding:0 2px;
  color:#898c97;font-size:28px;font-weight:700;line-height:1.1;cursor:pointer;
  transition:color .12s,transform .12s;text-shadow:none}
.wp-film-rating .wp-star-button.is-selected,
.wp-film-rating .wp-star-button.is-hover{color:#ffc344}
.wp-film-rating .wp-star-button:focus-visible{outline:2px solid #09ca66;outline-offset:2px;border-radius:3px}
.wp-film-rating .wp-star-button:hover{transform:translateY(-2px)}
.wp-film-rating.is-saving .wp-star-button{pointer-events:none;opacity:.55}
.wp-rating-details{display:flex;flex-wrap:wrap;flex-direction:column;gap:0;min-width:140px}
.wp-rating-details strong{font-size:13px;font-weight:800;line-height:1.5;color:#f8f8f9}
.wp-rating-details small,.wp-rating-details a{font-size:11px;font-weight:550;line-height:1.5;color:#c5c6cd!important}
.wp-rating-details a:hover{color:var(--wp-green)!important}
.wp-film-rating .wp-rating-status{margin:0!important;flex-basis:100%;min-height:0;line-height:1.4;
  font-size:11px;color:#19d979}
.wp-film-rating .wp-rating-status:empty{display:none}
@media(max-width:1200px){.wp-header-inner{gap:15px}.wp-main-nav ul{gap:11px!important}.wp-header-search{width:170px}}
@media(max-width:1020px){.wp-main-nav{display:none!important}.wp-menu-toggle{display:grid!important;place-items:center!important;background:none!important;border:0;color:#fff;width:26px;height:36px;padding:0}}
@media(max-width:760px){.pc-catalog-page .pc-catalog-pagination.wp-pagination-v2{min-height:48px;margin-top:28px!important}
.pc-catalog-pagination.wp-pagination-v2 .pc-page-pill,.pc-catalog-pagination.wp-pagination-v2 .wp-page-ellipsis{
  height:48px!important;min-width:44px!important;padding:0 7px!important;font-size:14px!important}
.wp-film-rating .wp-star-button{font-size:26px}.wp-detail-page .wp-film-rating{max-width:100%}
.wp-search-suggestions{max-width:100%;width:100%}}
@media(max-width:390px){.pc-catalog-pagination.wp-pagination-v2 .pc-page-pill,.pc-catalog-pagination.wp-pagination-v2 .wp-page-ellipsis{min-width:38px!important;padding:0 5px!important;font-size:13px!important}}
@media(prefers-reduced-motion:reduce){.wp-nav-flyout,.wp-film-rating .wp-star-button{transition:none}}