/*
Theme Name: Bong900 Gallery
Theme URI: https://7mcn.blog/
Author: Bong900
Description: Giao diện ảnh bóng đá và giải trí theo mockup Bong900.
Version: 1.2.5
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: bong900
*/
:root{--pink:#fa0874;--ink:#111625;--muted:#777d8b;--line:#eceef2;--shadow:0 8px 22px rgba(21,30,55,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:15px/1.55 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--pink)}button,input{font:inherit}img{display:block;max-width:100%}.site-header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line)}.header-inner{max-width:1500px;margin:auto;padding:9px 22px;display:flex;align-items:center;gap:24px}.brand{width:245px;flex:none}.brand img{width:100%;height:auto}.nav{display:flex;align-items:center;gap:24px;white-space:nowrap;font-weight:700;font-size:14px}.nav a{padding:16px 0}.nav a:first-child,.nav .current-menu-item a{color:var(--pink);border-bottom:3px solid var(--pink)}.search{display:flex;margin-left:auto;width:325px;height:39px;border:1px solid #ffc6dd;border-radius:7px;overflow:hidden}.search input{border:0;min-width:0;flex:1;padding:0 12px;outline:none;font-size:13px}.search button{width:42px;border:0;background:var(--pink);color:#fff;font-size:20px;cursor:pointer}.menu-toggle{display:none}.page-wrap{max-width:1500px;margin:auto;padding:0 22px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:20px}.primary{min-width:0}.hero{min-height:326px;background:#360819 url('assets/hero.webp') center/cover no-repeat;position:relative;display:flex;align-items:center;padding:32px;color:#fff;overflow:hidden}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,6,27,.83),rgba(12,6,28,.35) 38%,transparent 70%)}.hero-copy{position:relative;max-width:380px;text-transform:uppercase;font-weight:900;font-style:italic;line-height:1.04;text-shadow:0 2px 7px #1e061c}.hero-copy .eyebrow{font-size:clamp(24px,3vw,38px)}.hero-copy strong{display:block;color:#ff4eaa;font-size:clamp(39px,5vw,68px);letter-spacing:-2px}.hero-copy p{font-size:17px;line-height:1.3;max-width:330px;margin:12px 0 0}.leagues{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;margin:-7px 0 18px;position:relative}.league{min-height:94px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:#fff;border-radius:9px;box-shadow:var(--shadow);padding:9px 5px;font-size:11px;line-height:1.25}.league .emblem{font-weight:900;font-size:26px;line-height:1.35;color:var(--pink)}.league:nth-child(3n) .emblem{color:#1557bb}.league:nth-child(4n) .emblem{color:#7134a1}.section{margin:19px 0 24px}.section-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px;gap:10px}.section-head h2{font-size:21px;line-height:1.2;margin:0;font-weight:800;letter-spacing:-.5px}.section-head .icon{color:var(--pink);margin-right:6px}.more{color:var(--pink);font-size:12px;white-space:nowrap}.cards{display:grid;gap:12px}.cards.five{grid-template-columns:repeat(5,minmax(0,1fr))}.cards.six{grid-template-columns:repeat(6,minmax(0,1fr))}.cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{min-width:0}.thumb{position:relative;border-radius:6px;overflow:hidden;background:linear-gradient(135deg,#132541,#7d194c);aspect-ratio:1.53}.thumb img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.card:hover .thumb img{transform:scale(1.04)}.thumb .fallback{height:100%;display:flex;align-items:center;justify-content:center;font-size:40px;color:#fff}.card h3{font-size:14px;line-height:1.28;margin:7px 0 3px;font-weight:650}.meta{color:var(--muted);font-size:12px}.badge{position:absolute;bottom:7px;left:7px;background:rgba(18,19,32,.78);color:#fff;padding:2px 6px;border-radius:5px;font-size:11px}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.category-grid .section{margin-top:2px}.sidebar{padding-top:8px;border-left:1px solid #f4f4f6;padding-left:11px}.side-box{margin-bottom:19px}.side-title{background:var(--pink);color:#fff;border-radius:5px;padding:8px 10px;font-size:15px;font-weight:700;margin:0 0 10px}.side-subtitle{font-size:16px;margin:0 0 10px}.side-item{display:flex;gap:8px;margin:0 0 9px;align-items:flex-start}.side-item .mini{width:64px;height:59px;flex:none;object-fit:cover;border-radius:5px;background:#e9e9ef}.side-item .mini-fallback{width:64px;height:59px;flex:none;border-radius:5px;background:#fce0ec;display:grid;place-items:center;color:var(--pink);font-size:24px}.side-item strong{font-size:12px;line-height:1.3;display:block;font-weight:600}.side-item small{color:#9ba0aa;font-size:10px}.rank{display:inline-grid;place-items:center;background:var(--pink);color:#fff;border-radius:50%;height:19px;min-width:19px;font-size:11px;flex:none;margin:12px 0}.tags{display:flex;flex-wrap:wrap;gap:6px}.tags a{background:#ffe5f0;color:var(--pink);border-radius:99px;padding:4px 9px;font-size:11px}.empty{padding:22px;border:1px dashed #ead0da;border-radius:8px;color:#777;font-size:14px;grid-column:1/-1}.site-footer{margin-top:35px;border-top:1px solid var(--line);background:#fbfbfd;color:#677080}.footer-inner{max-width:1500px;padding:24px 22px;margin:auto;display:flex;justify-content:space-between;gap:20px}.footer-inner strong{color:var(--ink)}.content-shell{max-width:1100px;margin:28px auto;padding:0 22px}.content-shell h1{font-size:30px;line-height:1.2}.archive-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 14px}.post-body{font-size:17px;line-height:1.8}.post-body img{height:auto}.pagination{margin:25px 0}.pagination .page-numbers{display:inline-block;padding:6px 11px;border:1px solid var(--line);border-radius:4px}.pagination .current{background:var(--pink);color:#fff}.single-cover{width:100%;max-height:480px;object-fit:cover;border-radius:9px}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:10px;top:10px;background:#fff;padding:8px;z-index:100}
.brand{display:flex;align-items:center;gap:5px;white-space:nowrap}.brand-ball{font-size:35px;line-height:1}.brand-words{display:flex;flex-direction:column;line-height:1}.brand-words strong{font-size:27px;font-weight:900;font-style:italic;letter-spacing:-1.5px}.brand-words strong span{color:var(--pink)}.brand-words small{font-size:8px;font-weight:800;letter-spacing:-.1px;margin-top:3px}.brand img{display:none}
@media(max-width:1200px){.nav{gap:13px;font-size:12px}.brand{width:200px}.brand-words strong{font-size:23px}.brand-ball{font-size:30px}.brand-words small{font-size:7px}.search{width:235px}.layout{grid-template-columns:minmax(0,1fr) 220px}.leagues{grid-template-columns:repeat(5,1fr)}.cards.six{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1000px){.header-inner{padding:8px 14px;gap:10px}.brand{width:178px;margin:auto}.menu-toggle{display:block;border:0;background:none;color:var(--pink);font-size:25px;cursor:pointer}.nav{display:none;position:absolute;top:58px;left:0;right:0;background:#fff;padding:12px 20px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:9px}.search{margin:0;width:34px;border:0;overflow:visible}.search input{display:none}.search button{width:34px;background:#fff;color:var(--pink)}.search:focus-within{position:absolute;left:12px;right:12px;top:60px;background:#fff;width:auto;border:1px solid var(--pink);z-index:30}.search:focus-within input{display:block}.page-wrap{padding:0 12px}.layout{display:block}.sidebar{display:none}.hero{min-height:240px;padding:17px;background-position:center}.hero-copy{max-width:195px}.hero-copy .eyebrow{font-size:20px}.hero-copy strong{font-size:37px}.hero-copy p{font-size:10px}.leagues{display:flex;overflow-x:auto;gap:8px;padding-bottom:8px;margin-top:-5px}.league{flex:0 0 78px;min-height:82px;font-size:10px}.league .emblem{font-size:22px}.cards.five,.cards.six{grid-template-columns:repeat(2,minmax(0,1fr))}.cards.five .card:nth-child(n+5){display:none}.category-grid{display:block}.category-grid .section{margin:21px 0}.category-grid .cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid .card h3{font-size:12px}.section-head h2{font-size:18px}.archive-list{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-inner{display:block}.content-shell h1{font-size:25px}}
@media(max-width:1000px){.search.active{position:absolute;left:12px;right:12px;top:60px;background:#fff;width:auto;border:1px solid var(--pink);z-index:30}.search.active input{display:block}}
@media(max-width:390px){.brand{width:155px}.brand-words strong{font-size:19px}.brand-ball{font-size:25px}.brand-words small{font-size:6px}.hero{min-height:205px}.hero-copy strong{font-size:31px}.hero-copy .eyebrow{font-size:17px}.category-grid .cards.three{gap:6px}}
.brand img{display:block;width:100%;height:auto}.brand{width:245px}.nav{min-width:0}.nav-list,.nav-list ul{list-style:none;margin:0;padding:0}.nav-list{display:flex;align-items:center;gap:21px}.nav-list>li{position:relative}.nav-list>li>a{display:block;font-size:16px;padding:16px 0;font-weight:700;color:var(--ink);border-bottom:3px solid transparent}.nav-list>li.current-menu-item>a,.nav-list>li.current-menu-ancestor>a,.nav-list>li>a:hover,.nav-list>li:first-child>a:hover{color:var(--pink);border-color:var(--pink)}.nav a:first-child{color:inherit;border-bottom:0}.nav-list>li.current-menu-item>a,.nav-list>li.current-menu-ancestor>a{color:var(--pink);border-bottom:3px solid var(--pink)}.nav-list .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:190px;background:#fff;box-shadow:var(--shadow);border:1px solid var(--line);border-radius:6px;padding:6px;z-index:30}.nav-list .sub-menu a{display:block;padding:9px 11px;font-size:14px;white-space:normal}.nav-list li:hover>.sub-menu,.nav-list li:focus-within>.sub-menu,.nav-list li.submenu-open>.sub-menu{display:block}.sub-menu li{position:relative}.sub-menu .sub-menu{left:100%;top:0}.submenu-toggle{border:0;background:transparent;color:var(--pink);cursor:pointer;margin-left:3px;padding:4px}.nav-list>li>.submenu-toggle{position:absolute;right:-15px;top:15px}.hero-copy{margin-left:29%;max-width:380px}.hero-copy h1{margin:0;font-size:inherit;line-height:1.04}.hero-copy .eyebrow{display:block}.hero-copy p{font-size:15px}.hero:before{background:linear-gradient(90deg,rgba(22,5,25,.28),rgba(22,5,25,.72) 33%,rgba(22,5,25,.30) 64%,transparent 85%)}.league-icon{width:46px;height:44px;object-fit:contain;margin:0 auto 4px}.breadcrumbs{display:flex;gap:9px;flex-wrap:wrap;color:var(--muted);font-size:14px;margin:0 0 17px}.breadcrumbs a{color:var(--pink)}.breadcrumbs span[aria-current]{color:var(--ink)}.category-sapo{font-size:16px;line-height:1.7;margin:-4px 0 23px}.category-sapo a,.post-body a:not(.bong900-image-actions a){color:var(--pink);text-decoration:underline;text-underline-offset:3px}.post-body img{max-width:min(650px,100%);width:auto}.post-body figure{max-width:650px;margin:20px auto}.post-body figure img{margin:auto}.post-body figcaption,.bong900-caption{text-align:center;color:#667085;font-size:14px;margin:7px 0}.bong900-image-actions{max-width:650px;margin:5px auto 18px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px}.bong900-image-actions button,.bong900-image-actions a{border:1px solid #ffd4e7;background:#fff5fa;color:var(--pink);border-radius:99px;padding:4px 12px;cursor:pointer;text-decoration:none}.bong900-image-actions button.liked{background:#ffe0ee}.bong900-image-actions .bong900-like-count{color:#777}.related{margin:42px 0}.related h2{font-size:26px}.related .card{border:1px solid #f4d5e2;border-radius:14px;overflow:hidden}.related .thumb{border-radius:0}.related .card h3{font-size:17px;padding:4px 14px 14px}.author-box,.author-profile{display:flex;gap:24px;align-items:flex-start;border:1px solid #f5d6e5;border-radius:18px;background:#fff8fb;padding:24px;margin:30px 0}.author-box h2,.author-profile h1{margin:0 0 8px}.author-box p{margin:0 0 10px;color:#667085}.author-box a{color:var(--pink);font-weight:700}.author-avatar{width:90px;height:90px;object-fit:cover;border-radius:50%;flex:none}.profile-avatar{width:160px;height:160px;object-fit:cover;border-radius:50%;flex:none}.author-initial{background:#ffd9e9;color:var(--pink);display:grid;place-items:center;font-size:50px;font-weight:800}.pop-tabs{display:flex;margin:0 0 12px;background:#f6f7f9;border-radius:7px;padding:3px}.pop-tabs button{flex:1;border:0;background:transparent;padding:7px 4px;border-radius:5px;cursor:pointer;font-size:12px}.pop-tabs button.active{background:var(--pink);color:#fff}.pop-panel{display:none}.pop-panel.active{display:block}.popular-item{align-items:center}.popular-item .mini,.popular-item .mini-fallback{width:54px;height:52px}.rank{margin:0}.site-footer{background:#202123;color:#d4d4d7;border-top:3px solid var(--pink)}.footer-inner{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.35fr;gap:34px;padding:37px 22px}.footer-about img{width:240px;max-width:100%;background:#fff;border-radius:5px;padding:4px}.footer-about p{margin:15px 0;color:#d5d5d8}.footer-inner h2{font-size:15px;color:#fff;margin:6px 0 14px}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin:0 0 8px}.site-footer a:hover{color:#ff70ab}.footer-social{display:flex;gap:8px}.footer-social a{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#36383b;color:#fff;font-weight:800}.footer-bottom{max-width:1500px;margin:auto;border-top:1px solid #3a3b3f;padding:14px 22px;display:flex;justify-content:space-between;font-size:13px}
@media(max-width:1200px){.brand{width:205px}.nav-list{gap:13px}.nav-list>li>a{font-size:14px}.footer-inner{gap:19px}}
@media(max-width:1000px){.brand{width:178px}.nav{display:none}.nav.open{display:block;max-height:calc(100vh - 70px);overflow:auto}.nav-list{display:block}.nav-list>li>a{padding:11px 4px;font-size:16px;border:0}.nav-list>li>.submenu-toggle{right:0;top:8px;padding:6px 12px}.nav-list .sub-menu{position:static;box-shadow:none;border:0;padding:0 0 0 15px;min-width:0}.nav-list li:hover>.sub-menu,.nav-list li:focus-within>.sub-menu{display:none}.nav-list li.submenu-open>.sub-menu{display:block}.hero-copy{margin-left:0;max-width:210px}.hero:before{background:linear-gradient(90deg,rgba(22,5,25,.78),rgba(22,5,25,.15) 75%)}.hero-copy p{font-size:10px}.footer-inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.footer-bottom{display:block}.author-box,.author-profile{display:block}.author-avatar,.profile-avatar{margin-bottom:12px}.related .cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.related .card h3{font-size:13px;padding:4px 8px 10px}}
@media(max-width:480px){.brand{width:155px}.footer-inner{grid-template-columns:1fr}.related .cards.three{grid-template-columns:1fr 1fr}.related .card:nth-child(3){display:none}}
/* 1.2 layout and reading comfort */
.header-inner{gap:20px}.nav{margin-left:20px}.search{width:390px;height:48px}.search input{font-size:15px;padding:0 16px}.search button{width:52px;font-size:25px}
.card h3{font-size:17px;line-height:1.35;font-weight:700}.section-head h2{font-size:23px}.side-item strong{font-size:14px}.side-item small{font-size:12px}.meta{font-size:13px}
.inner-layout{align-items:start}.inner-layout .content-shell{max-width:none;width:100%;min-width:0;margin:28px 0;padding:0}.inner-layout .sidebar{margin-top:28px}.inner-layout .archive-list{grid-template-columns:repeat(4,minmax(0,1fr))}
.leagues{display:flex;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#e8b1c8 transparent;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;padding:2px 2px 9px}.league{flex:0 0 118px;scroll-snap-align:start;font-size:12px}.leagues:focus-within{scroll-behavior:smooth}
.submenu-toggle{min-width:36px;min-height:36px;font-size:25px;line-height:1;border-radius:7px}.submenu-toggle:hover,.submenu-toggle:focus-visible{background:#fff0f6}.nav-list>li>.submenu-toggle{right:-20px;top:8px}.nav-list>li.menu-item-has-children{padding-right:20px}.nav-list>li>a{font-size:16px}
@media(max-width:1200px){.nav{margin-left:6px}.search{width:260px}.nav-list>li>a{font-size:14px}.inner-layout .archive-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){body{font-size:16px}.header-inner{padding:8px 10px;gap:6px}.menu-toggle{font-size:29px;min-width:44px;min-height:48px}.brand{width:190px;min-width:0;flex:0 1 190px;margin:auto}.nav{margin:0;top:64px}.nav-list>li>a{font-size:18px;padding:14px 5px}.nav-list .sub-menu a{font-size:16px;padding:12px}.nav-list>li>.submenu-toggle{right:2px;top:8px;min-width:44px;min-height:44px;font-size:29px}.search{width:72px;height:48px;flex:0 0 72px;border:0;margin:0}.search button{width:72px;height:48px;font-size:30px}.search.active,.search:focus-within{top:64px;left:10px;right:10px;height:52px}.search.active input,.search:focus-within input{font-size:17px}.search.active button,.search:focus-within button{background:var(--pink);color:#fff;width:58px;height:50px}.hero{min-height:250px;background-position:72% center}.hero-copy{max-width:210px}.hero-copy .eyebrow{font-size:20px}.hero-copy strong{font-size:35px}.hero-copy p{font-size:12px}.leagues{gap:8px}.league{flex-basis:100px;min-height:90px;font-size:12px}.section-head h2{font-size:21px}.card h3,.category-grid .card h3{font-size:16px}.more{font-size:14px}.sidebar{display:block;border-left:0;border-top:1px solid var(--line);padding:20px 0 0;margin:26px 0}.side-title{font-size:18px}.side-subtitle{font-size:19px}.side-item strong{font-size:15px}.side-item small{font-size:13px}.inner-layout .content-shell{margin:22px 0 0}.inner-layout .archive-list{grid-template-columns:repeat(2,minmax(0,1fr))}.post-body{font-size:17px}.footer-links{font-size:15px}}
@media(max-width:390px){.brand{width:170px;flex-basis:170px}.search{width:64px;flex-basis:64px}.search button{width:64px}.hero{min-height:230px;background-position:72% center}.hero-copy{max-width:180px}.hero-copy strong{font-size:31px}.hero-copy .eyebrow{font-size:18px}.hero-copy p{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.thumb img{transition:none}.leagues{scroll-behavior:auto}}
.footer-about img{height:auto}
/* Center post media regardless of whether the editor outputs a figure, a paragraph or a bare image. */
.post-body img{display:block;float:none!important;margin-left:auto!important;margin-right:auto!important}
.post-body figure,.post-body .wp-block-image{float:none!important;margin-left:auto!important;margin-right:auto!important}
/* Compact post-card headings; section headings and article headings retain their size. */
.card h3,.related .card h3{font-size:15px}
@media(max-width:1000px){.card h3,.category-grid .card h3,.related .card h3{font-size:14px}}