/* Футбол України — доповнення до main.css для WordPress (емблеми з API, live, пошук, контент статей, банери). */

/* емблема з API */
.crest--img{background:none;box-shadow:none;border-radius:0;object-fit:contain;padding:0}
.toplist__name small .crest--img{width:18px;height:18px}
.grid__side .m__home .crest--img,.grid__side .m__away .crest--img{width:20px;height:20px}
.band__title .crest--big{align-self:center}

/* live */
.m__flag--live{color:var(--z-rel);font-weight:700}
.m__flag--live::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--z-rel);margin-right:5px;vertical-align:1px;animation:uf-pulse 1.4s infinite}
.m__score--live{background:var(--z-rel)!important;color:#fff!important}
.matchcard--live .matchcard__score{background:var(--z-rel);color:#fff}
@keyframes uf-pulse{50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.m__flag--live::before{animation:none}}

/* шапка: пошук */
.site-search{margin-left:auto}
.site-search input{font:500 14px var(--f-text);width:170px;padding:8px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff}
.site-search input::placeholder{color:#9fb0cc}
.site-search input:focus{background:#fff;color:var(--ink)}
@media (max-width:860px){.site-search{display:none}.site-nav.is-open+.site-search{display:block}}
@media (max-width:860px){.nav-toggle{margin-left:auto}}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

/* сітка сторінок без табло */
.grid--pad{padding-top:24px}
.band--front .band__lead{margin-bottom:0}
.band--front{padding-bottom:28px}
main.wrap>.board:first-child{margin-top:0}
main.narrow>.updated:first-child{margin-top:0}

/* новини: фото запису */
.news__img--photo{background:var(--paper);overflow:hidden}
.news__img--photo img{display:block;width:100%;height:100%;object-fit:cover}
.news__img:empty{min-height:0}
.news__item--thumb .news__img{aspect-ratio:16/10}

/* стаття */
.article__img{margin:0 0 20px}
.article__img img{width:100%;height:auto;border-radius:6px;display:block}
.article__body img{max-width:100%;height:auto;border-radius:4px}
.article__body figure{margin:20px 0}
.article__body figcaption,.wp-caption-text{font-size:14px;color:var(--muted);margin-top:6px}
.article__body blockquote{margin:20px 0;padding:4px 0 4px 18px;border-left:4px solid var(--yellow);color:var(--ink-2)}
.article__body table{width:100%;border-collapse:collapse;font-size:15px;margin:16px 0;display:block;overflow-x:auto}
.article__body th,.article__body td{border:1px solid var(--line);padding:6px 8px;text-align:left}
.article__body iframe{max-width:100%}
.article__body h3{font-size:19px;margin:24px 0 8px}
.alignleft{float:left;margin:4px 16px 8px 0}.alignright{float:right;margin:4px 0 8px 16px}.aligncenter{display:block;margin:0 auto}
.page-text{margin-bottom:24px}
.page-text .article__body{max-width:none}
.about__text{max-width:68ch;margin-bottom:12px}
.about__text p{margin:0 0 10px}

/* календар */
.stage-title{font-size:20px;margin:28px 0 12px}
.round.is-current{border-color:var(--ink);box-shadow:inset 4px 0 0 var(--yellow)}
.tempty.nodata{padding:6px 0}
.board .tempty{color:#c9d4e6}

/* пошук / 404 */
.search-big{display:flex;gap:8px;margin:0 0 20px}
.search-big input{flex:1;font:500 16px var(--f-text);padding:11px 14px;border:1px solid var(--line);border-radius:6px}
.search-big button{font:600 15px var(--f-text);padding:0 18px;border:0;border-radius:6px;background:var(--ink);color:#fff;cursor:pointer}

/* клуби */
.clubs{list-style:none;margin:24px 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.clubs__item a{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 12px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);text-decoration:none;color:var(--ink);text-align:center;height:100%}
.clubs__item a:hover{border-color:var(--ink)}
.clubs__name{font:700 16px var(--f-text)}
.clubs__item small{color:var(--muted);font-size:13px}

/* автор */
.author{display:flex;gap:20px;align-items:flex-start;margin-bottom:20px}
.author__photo{border-radius:50%;width:96px;height:96px;object-fit:cover;flex:none}

/* банери (ACF Options) */
.banners ul{list-style:none;margin:0 0 24px;padding:0;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory}
.banners__item{flex:0 0 100%;scroll-snap-align:start}
.banners__item img{display:block;width:100%;height:auto;border-radius:var(--r)}
.grid__side .banners__item{flex-basis:100%}

/* підвал: додаткові меню */
.site-foot__nav--more,.site-foot__nav--pages{flex-basis:100%}
.site-foot__nav--pages a{color:#c9d4e6;font-size:14px}
.site-foot__social{display:flex;gap:12px;list-style:none;margin:0;padding:0}
.site-foot__social img{display:block}

/* вивід старих шорткодів у текстах */
.uf-sc{margin:16px 0}
.uf-sc .standings{background:var(--card)}

/* пагінація: «Попередня» */
.pager__prev{margin-right:6px}
.site-foot__copy p{margin:0}

/* сітка: широкі таблиці не розтягують колонку на мобільному */
.grid__main,.grid__side{min-width:0}
@media (max-width:960px){.grid{grid-template-columns:minmax(0,1fr)}}

/* трансфери: на десктопі назви клубів переносяться, щоб таблиця вміщалась у колонку (сума не обрізається) */
.transfers .c-tr,.transfers .c-fee{white-space:normal}
.transfers .c-tr .team{gap:8px}
.transfers th,.transfers td{padding-left:6px;padding-right:6px}
/* де таблиця не вміщується (планшет, мобільний) — картка: гравець і сума / звідки → куди і тип (main.css ховав суму) */
@media (max-width:1199px){
  .transfers thead{display:none}
  .transfers tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 140px;grid-template-areas:"player player fee" "from to type";gap:6px 10px;align-items:center;padding:10px 4px;border-top:1px solid var(--line)}
  .transfers tbody th,.transfers tbody td{display:block;padding:0;border:0;text-align:left;width:auto}
  .transfers tbody tr[hidden],.transfers .c-date{display:none}
  .transfers .c-team{grid-area:player}
  .transfers .c-fee{display:block;grid-area:fee;text-align:right}
  .transfers .c-fee.is-empty{visibility:hidden}
  .transfers .c-from{grid-area:from;font-size:14px}
  .transfers .c-to{grid-area:to;font-size:14px;display:flex;align-items:center;gap:6px}
  .transfers .c-to::before{content:"→";color:var(--muted);flex:none}
  .transfers .c-tr .team{min-width:0;overflow-wrap:anywhere}
  .transfers .c-type{grid-area:type;text-align:right}
  .transfers .c-tr .crest{width:20px;height:20px;font-size:9px}
}
/* телефон: двом клубам і типу в одному рядку тісно — тип окремим рядком */
@media (max-width:620px){
  .transfers tbody tr{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"player fee" "from to" "type type"}
  .transfers .c-type{text-align:left}
}

/* Збірна в таблицях: рядок України */
.standings tr.z-ua td,.standings tr.z-ua th{background:color-mix(in srgb,var(--z-eu) 9%,transparent);font-weight:600}
.standings tr.z-ua .c-pos{box-shadow:inset 4px 0 0 var(--z-eu)}
/* Рейтинг УЄФА */
.ranking .c-season{color:var(--muted);font-variant-numeric:tabular-nums}
.ranking .c-pts{font-variant-numeric:tabular-nums}
@media (max-width:640px){.ranking .c-season{display:none}}

/* Контактна форма [uf_contact_form] */
.uf-contact{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:24px;margin:8px 0 24px;font-size:16px;line-height:1.5}
.uf-contact #cancel-comment-reply-link{display:none}
.uf-contact .comment-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0}
.uf-contact .comment-form>p{margin:0}
.uf-contact .comment-notes,.uf-contact .logged-in-as,.uf-contact .comment-form-comment,.uf-contact .form-submit{grid-column:1/-1}
.uf-contact .comment-notes,.uf-contact .logged-in-as{font-size:14px;color:var(--muted)}
.uf-contact label{display:block;font:600 14px var(--f-text);color:var(--ink);margin-bottom:6px}
.uf-contact input[type=text],.uf-contact input[type=email],.uf-contact textarea{display:block;width:100%;box-sizing:border-box;font:500 16px var(--f-text);color:var(--ink);background:#fff;padding:11px 14px;border:1px solid var(--line);border-radius:6px}
.uf-contact textarea{min-height:160px;resize:vertical}
.uf-contact input:focus,.uf-contact textarea:focus{outline:2px solid var(--yellow);outline-offset:1px;border-color:var(--ink)}
.uf-contact__btn{font:600 15px var(--f-text);padding:12px 28px;border:0;border-radius:6px;background:var(--ink);color:#fff;cursor:pointer}
.uf-contact__btn:hover{background:var(--ink-2)}
.uf-contact__ok{margin:0 0 16px;padding:12px 16px;border-radius:6px;background:#e6f4ec;border:1px solid var(--z-up);color:#14532d;font-weight:600}
.uf-contact__hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
@media (max-width:600px){.uf-contact{padding:16px}.uf-contact .comment-form{grid-template-columns:1fr}}