/*
 * Theme Name: MTYY Theme
 * Description: MTYY Theme
 * Theme URI: https://ophim.cc
 * Version: 1.0.1.7
 * Theme Author: oPhim
 * Author URI: https://oPhim.com
 * Tags: starter theme, framework theme, two-columns, customize
 * Textdomain: oPhim
 */





/* Movie filter like screenshot: hidden first, click "Bộ lọc" to open */
.mtyy-filter-open{display:inline-flex;align-items:center;gap:6px;background:transparent;border:0;color:#efd98b!important;font-family:inherit;font-size:13px;font-weight:800;line-height:28px;height:28px;padding:0 2px;cursor:pointer;white-space:nowrap;transition:color .18s ease,opacity .18s ease,transform .18s ease}
.mtyy-filter-open:hover{color:#fff!important;opacity:1}
.mtyy-filter-open .mtyy-filter-icon{width:15px;height:15px;display:inline-flex;align-items:center;justify-content:center;color:currentColor;line-height:1}
.mtyy-filter-open .mtyy-filter-icon svg{width:15px;height:15px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.mtyy-filter-open .mtyy-filter-text{font-family:inherit;font-size:13px;font-weight:800;color:currentColor;letter-spacing:0}
.mtyy-filter-open.has-active-filter .mtyy-filter-text:after{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#00cc4c;margin-left:5px;vertical-align:middle}
.mtyy-movie-filter{display:none;margin:8px 0 16px;background:#030303;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#fff;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.16);font-family:inherit;font-size:13px}
.mtyy-movie-filter.is-open{display:block}
.mtyy-filter-row{display:flex;align-items:flex-start;gap:12px;padding:12px 36px;border-bottom:1px solid rgba(255,255,255,.07)}
.mtyy-filter-row:last-of-type{border-bottom:1px solid rgba(255,255,255,.07)}
.mtyy-filter-label{flex:0 0 62px;min-height:28px;line-height:28px;text-align:right;color:#f2f2f2;font-family:inherit;font-weight:800;font-size:13px;white-space:nowrap}
.mtyy-filter-options{flex:1;display:flex;align-items:center;gap:6px 16px;flex-wrap:wrap;min-width:0}
.mtyy-filter-chip{height:28px;line-height:26px;padding:0 9px;border:1px solid transparent;border-radius:6px;background:transparent;color:#fff;font-family:inherit;font-weight:800;font-size:13px;cursor:pointer;white-space:nowrap;transition:all .15s ease}
.mtyy-filter-chip:hover{color:#efd98b;background:rgba(239,217,139,.06)}
.mtyy-filter-chip.is-active{border-color:rgba(239,217,139,.35);background:rgba(239,217,139,.08);color:#efd98b}
.mtyy-filter-actions{display:flex;align-items:center;gap:10px;padding:14px 0 14px 110px}
.mtyy-filter-submit,.mtyy-filter-close{height:38px;line-height:36px;border-radius:20px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:800;cursor:pointer;white-space:nowrap;transition:all .15s ease}
.mtyy-filter-submit{border:0;background:#efd98b;color:#111!important;min-width:112px}
.mtyy-filter-submit span{font-size:19px;line-height:1;vertical-align:-1px}
.mtyy-filter-close{border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff!important;min-width:72px}
.mtyy-filter-submit:hover{background:#fff;color:#111!important;opacity:1}
.mtyy-filter-close:hover{border-color:#efd98b;color:#efd98b!important;opacity:1}
@media(max-width:992px){.mtyy-filter-row{padding:11px 14px;gap:10px}.mtyy-filter-label{flex-basis:58px;font-size:12px;line-height:27px}.mtyy-filter-options{gap:6px 10px}.mtyy-filter-chip{font-size:12px;height:27px;line-height:25px;padding:0 8px}.mtyy-filter-actions{padding:12px 14px 12px 82px}.mtyy-filter-submit,.mtyy-filter-close{height:36px;line-height:34px;font-size:12px}}
@media(max-width:560px){.mtyy-filter-open{font-size:12px;height:26px;line-height:26px}.mtyy-filter-open .mtyy-filter-text{font-size:12px}.mtyy-filter-row{display:block;padding:10px 10px}.mtyy-filter-label{text-align:left;margin-bottom:6px}.mtyy-filter-options{gap:6px 8px}.mtyy-filter-actions{padding:12px 10px}.mtyy-filter-submit,.mtyy-filter-close{height:34px;line-height:32px;padding:0 14px}}