/* PRIME Home — стиль блоків SportsPress під дизайн головної (v1.3.0) * Діє лише коли на є клас ph-sp (налаштування «Стиль SportsPress PRIME» або ?prime_home=1). * Префікс body.ph-sp #page підвищує специфічність над Rookie та «Додатковим CSS». * Змінюються лише кольори, рамки, шрифти й відступи — розкладку SportsPress (float логотипів тощо) не чіпаємо. */ body.ph-sp{ --ph-bg:#050505; --ph-card:#0f0f0f; --ph-card-2:#131313; --ph-line:#262626; --ph-line-2:#1d1d1d; --ph-gold:#e3ad3c; --ph-gold-2:#f2c25a; --ph-text:#f2f2f2; --ph-muted:#b9b9b9; --ph-dim:#8a8a8a; --ph-head:'Oswald','Arial Narrow',Arial,sans-serif; --ph-body:'Lato',Arial,Helvetica,sans-serif; background:var(--ph-bg); } /* ---------- Загальне тло та заголовки сторінок ---------- */ body.ph-sp #page, body.ph-sp #page .site-content, body.ph-sp #page .content-wrapper{background:var(--ph-bg);color:var(--ph-text)} body.ph-sp #page .site-content{padding-top:34px;padding-bottom:50px;font-family:var(--ph-body)} body.ph-sp #page .entry-header{margin-bottom:26px;background:none} body.ph-sp #page .entry-title{font:500 clamp(28px,3.2vw,44px)/1.15 var(--ph-head);text-transform:uppercase;letter-spacing:.02em;color:#fff;background:none;padding:0} body.ph-sp #page .entry-content,body.ph-sp #page .entry-summary{color:var(--ph-muted)} body.ph-sp #page .entry-content a:not(.sp-view-all-link):not([class*="ph-"]), body.ph-sp #page .sp-template a{color:var(--ph-gold);text-decoration:none} body.ph-sp #page .entry-content a:not(.sp-view-all-link):not([class*="ph-"]):hover, body.ph-sp #page .sp-template a:hover{color:var(--ph-gold-2)} /* ---------- Блок SportsPress: заголовок-«картка» ---------- */ body.ph-sp #page .sp-template{margin-bottom:28px;color:var(--ph-text)} body.ph-sp #page .sp-table-caption, body.ph-sp #page .sp-heading{ margin:0;padding:16px 20px;background:var(--ph-card);color:#fff; border:1px solid var(--ph-line);border-top:3px solid var(--ph-gold);border-bottom:0;border-radius:2px 2px 0 0; font:500 18px/1.2 var(--ph-head);text-transform:uppercase;letter-spacing:.04em} body.ph-sp #page .sp-table-caption a{color:#fff} /* ---------- Таблиці ---------- */ body.ph-sp #page .sp-table-wrapper{border:0;background:none;overflow-x:auto;-webkit-overflow-scrolling:touch} body.ph-sp #page .sp-data-table{ width:100%;margin:0;border-collapse:collapse;border:1px solid var(--ph-line); background:var(--ph-card);color:var(--ph-text);font:400 15px/1.45 var(--ph-body)} body.ph-sp #page .sp-data-table thead th{ padding:14px 12px;background:var(--ph-card-2);color:var(--ph-gold); border:0;border-bottom:1px solid var(--ph-line); font:500 14px/1.2 var(--ph-head);text-transform:uppercase;letter-spacing:.05em} body.ph-sp #page .sp-data-table tbody td, body.ph-sp #page .sp-data-table tbody th, body.ph-sp #page .sp-data-table tfoot td{ padding:13px 12px;background:transparent;color:var(--ph-text); border:0;border-top:1px solid var(--ph-line-2)} body.ph-sp #page .sp-data-table tbody tr:nth-child(even) td{background:rgba(255,255,255,.015)} body.ph-sp #page .sp-data-table tbody tr:hover td{background:#161616} body.ph-sp #page .sp-data-table tfoot td{background:var(--ph-card-2);font-weight:700} body.ph-sp #page .sp-data-table .data-name, body.ph-sp #page .sp-data-table .data-name a{font-weight:700} body.ph-sp #page .sp-data-table .data-rank, body.ph-sp #page .sp-data-table .data-number{color:var(--ph-dim)} body.ph-sp #page .sp-highlight td{background:rgba(227,173,60,.08) !important} /* сортування DataTables */ body.ph-sp #page .sp-data-table thead .sorting, body.ph-sp #page .sp-data-table thead .sorting_asc, body.ph-sp #page .sp-data-table thead .sorting_desc{cursor:pointer} body.ph-sp #page .sp-data-table thead .sorting_asc, body.ph-sp #page .sp-data-table thead .sorting_desc{color:#fff} /* пагінація й пошук DataTables */ body.ph-sp #page .sp-table-wrapper .dataTables_paginate{ margin:0;padding:10px 12px;background:var(--ph-card);color:var(--ph-dim); border:1px solid var(--ph-line);border-top:0;font:500 14px/1 var(--ph-head);text-transform:uppercase;letter-spacing:.04em} body.ph-sp #page .sp-table-wrapper .dataTables_paginate .paginate_button{color:var(--ph-muted);padding:6px 10px;border-radius:2px} body.ph-sp #page .sp-table-wrapper .dataTables_paginate .paginate_button:hover{color:var(--ph-gold)} body.ph-sp #page .sp-table-wrapper .dataTables_paginate .current{background:var(--ph-gold);color:#111} body.ph-sp #page .sp-table-wrapper .dataTables_paginate .disabled{opacity:.35} body.ph-sp #page .dataTables_filter input, body.ph-sp #page .dataTables_length select{background:#111;color:#fff;border:1px solid #333;border-radius:2px;padding:6px 10px} /* «Показати все» */ body.ph-sp #page .sp-view-all-link{ display:block;margin:0;padding:12px 20px;text-align:right; background:var(--ph-card);border:1px solid var(--ph-line);border-top:0; font:500 14px/1 var(--ph-head);text-transform:uppercase;letter-spacing:.06em} body.ph-sp #page .sp-view-all-link a{color:var(--ph-gold)} body.ph-sp #page .sp-view-all-link a::after{content:" \2192"} body.ph-sp #page .sp-view-all-link a:hover{color:var(--ph-gold-2)} /* ---------- Логотипи команд у таблицях ---------- */ body.ph-sp #page .sp-data-table .team-logo img{filter:none} /* ---------- Деталі гравця / персоналу / команди (dl) ---------- */ body.ph-sp #page .sp-template-details dl{ margin:0 0 28px;padding:6px 0;background:var(--ph-card); border:1px solid var(--ph-line);border-top:3px solid var(--ph-gold);border-radius:2px;color:var(--ph-text)} body.ph-sp #page .sp-template-details dt{ color:var(--ph-dim);font:500 13px/22px var(--ph-head);text-transform:uppercase;letter-spacing:.05em} body.ph-sp #page .sp-template-details dd{color:#fff;font:400 15px/22px var(--ph-body)} body.ph-sp #page .sp-template-details dt, body.ph-sp #page .sp-template-details dd{margin:0;padding:11px 20px;min-height:45px;border-bottom:1px solid var(--ph-line-2);box-sizing:border-box} /* випадаючий перемикач гравця/персоналу */ body.ph-sp #page .sp-template-player-selector select, body.ph-sp #page .sp-template-staff-selector select, body.ph-sp #page .sp-selector-wrapper select{ background:#111;color:#fff;border:1px solid var(--ph-gold);border-radius:2px; padding:12px 16px;font:500 15px/1.2 var(--ph-head);letter-spacing:.03em;box-shadow:none} /* номер гравця (квадрат у заголовку Rookie) */ body.ph-sp #page .entry-title .sp-player-number, body.ph-sp #page .sp-player-number{background:var(--ph-gold);color:#111} /* ---------- Сторінка матчу: команди + рахунок ---------- */ body.ph-sp #page .sp-template-event-logos{color:#fff;font-family:var(--ph-head);text-transform:uppercase} body.ph-sp #page .sp-template-event-logos .sp-team-logo, body.ph-sp #page .sp-template-event-logos a{color:#fff} body.ph-sp #page .sp-template-event-logos .sp-team-result{ background:var(--ph-card-2);color:var(--ph-gold);border:1px solid var(--ph-gold);border-radius:2px; font:500 1em/1 var(--ph-head)} body.ph-sp #page .sp-template-event-logos .sp-team-result{display:inline-block;min-width:56px;padding:8px 14px;text-align:center} /* ---------- Блоки матчів (віджет/шорткод event-blocks) — як картки на головній ---------- */ body.ph-sp #page .sp-template-event-blocks .sp-data-table{border:0;background:none} body.ph-sp #page .sp-template-event-blocks .sp-data-table tbody td{ padding:18px 16px 20px;background:var(--ph-card);border:1px solid var(--ph-line);transition:border-color .2s} body.ph-sp #page .sp-template-event-blocks .sp-data-table tbody tr + tr td{border-top:0} body.ph-sp #page .sp-template-event-blocks .sp-data-table tbody tr:hover td{background:var(--ph-card);border-color:var(--ph-gold)} body.ph-sp #page .sp-template-event-blocks .sp-event-date, body.ph-sp #page .sp-template-event-blocks .sp-event-date a{color:#eee;font:400 15px/1.4 var(--ph-body)} body.ph-sp #page .sp-template-event-blocks .sp-event-results, body.ph-sp #page .sp-template-event-blocks .sp-event-results a{color:#fff;font:500 26px/1.1 var(--ph-head);letter-spacing:.03em} body.ph-sp #page .sp-template-event-blocks .sp-event-league, body.ph-sp #page .sp-template-event-blocks .sp-event-season, body.ph-sp #page .sp-template-event-blocks .sp-event-matchday{color:var(--ph-muted);font:400 14px/1.4 var(--ph-body)} body.ph-sp #page .sp-template-event-blocks .sp-event-venue{color:var(--ph-dim);font:400 14px/1.2 var(--ph-head);text-transform:uppercase;letter-spacing:.05em} body.ph-sp #page .sp-template-event-blocks .sp-event-title, body.ph-sp #page .sp-template-event-blocks .sp-event-title a, body.ph-sp #page .sp-template-event-blocks .event-title, body.ph-sp #page .sp-template-event-blocks .event-title a{ background:none;border:0;color:var(--ph-gold);font:500 20px/1.2 var(--ph-head);text-transform:uppercase;letter-spacing:.02em} body.ph-sp #page .sp-template-event-blocks .sp-event-group-name{color:var(--ph-gold);font:500 14px/1 var(--ph-head);text-transform:uppercase;letter-spacing:.05em} body.ph-sp #page .sp-template-event-logos-block .sp-team-name{color:#fff;font-family:var(--ph-head);text-transform:uppercase} /* ---------- Зворотний відлік ---------- */ body.ph-sp #page .sp-template-countdown .event-name, body.ph-sp #page .sp-template-countdown .event-venue, body.ph-sp #page .sp-template-countdown .event-league, body.ph-sp #page .sp-template-countdown .event-date{background:var(--ph-card);border-color:var(--ph-line);color:var(--ph-muted)} body.ph-sp #page .sp-template-countdown .event-name, body.ph-sp #page .sp-template-countdown .event-name a{color:#fff;font-family:var(--ph-head);text-transform:uppercase;letter-spacing:.03em} body.ph-sp #page .sp-template-countdown time span{background:var(--ph-card-2);border-color:var(--ph-line);color:var(--ph-gold);font-family:var(--ph-head)} /* ---------- Календар ---------- */ body.ph-sp #page .sp-template-event-calendar #today{background:rgba(227,173,60,.15)} body.ph-sp #page .sp-template-event-calendar #prev a, body.ph-sp #page .sp-template-event-calendar #next a{color:var(--ph-gold)} /* ---------- Стадіон / мапа, персонал, меню вкладок ---------- */ body.ph-sp #page .sp-template-event-venue .sp-google-map, body.ph-sp #page .sp-template-event-venue iframe, body.ph-sp #page .sp-template-event-venue .leaflet-container{border:1px solid var(--ph-line);border-top:0} body.ph-sp #page .sp-event-staff{background:var(--ph-card-2);border:1px solid var(--ph-line);border-top:0;color:var(--ph-muted);padding:12px 16px} body.ph-sp #page .sp-event-staff a{color:var(--ph-gold)} body.ph-sp #page .sp-tab-menu{border-bottom:1px solid var(--ph-line)} body.ph-sp #page .sp-tab-menu-item a{color:var(--ph-muted);font:500 15px/1 var(--ph-head);text-transform:uppercase;letter-spacing:.05em} body.ph-sp #page .sp-tab-menu-item-active a{color:var(--ph-gold);border-bottom-color:var(--ph-gold)} body.ph-sp #page .sp-message{color:var(--ph-gold);border-color:var(--ph-gold);background:rgba(227,173,60,.06)} /* ---------- Галерея команди/гравця ---------- */ body.ph-sp #page .sp-template-gallery .gallery-caption{background:var(--ph-card-2);color:#fff} body.ph-sp #page .sp-template-gallery .gallery-item strong{background:var(--ph-gold);color:#111} /* ---------- Сайдбар (віджети) ---------- */ body.ph-sp #page .widget-area .widget{margin-bottom:28px} body.ph-sp #page .widget-title{ margin:0;padding:16px 20px;background:var(--ph-card);color:#fff; border:1px solid var(--ph-line);border-top:3px solid var(--ph-gold);border-bottom:0; font:500 18px/1.2 var(--ph-head);text-transform:uppercase;letter-spacing:.04em} body.ph-sp #page .widget_nav_menu ul, body.ph-sp #page .widget_pages ul, body.ph-sp #page .widget_recent_entries ul, body.ph-sp #page .widget_categories ul{margin:0;padding:8px 20px;list-style:none;background:var(--ph-card);border:1px solid var(--ph-line)} body.ph-sp #page .widget_nav_menu ul li, body.ph-sp #page .widget_pages ul li, body.ph-sp #page .widget_recent_entries ul li, body.ph-sp #page .widget_categories ul li{margin:0;padding:0;border:0} body.ph-sp #page .widget_nav_menu ul li::before, body.ph-sp #page .widget_pages ul li::before, body.ph-sp #page .widget_recent_entries ul li::before, body.ph-sp #page .widget_categories ul li::before{color:var(--ph-gold)} body.ph-sp #page .widget_nav_menu ul li a, body.ph-sp #page .widget_pages ul li a, body.ph-sp #page .widget_recent_entries ul li a, body.ph-sp #page .widget_categories ul li a{display:inline-block;padding:9px 0;color:#d5d5d5;font:400 15px/1.3 var(--ph-body)} body.ph-sp #page .widget_nav_menu ul li a:hover, body.ph-sp #page .widget_pages ul li a:hover, body.ph-sp #page .widget_recent_entries ul li a:hover, body.ph-sp #page .widget_categories ul li a:hover{color:var(--ph-gold)} /* ---------- Кнопки й поля в контенті ---------- */ body.ph-sp #page .site-content button, body.ph-sp #page .site-content input[type="submit"], body.ph-sp #page .site-content input[type="button"], body.ph-sp #page .site-content .button{ background:var(--ph-gold);color:#111;border:0;border-radius:2px; font:500 15px/1 var(--ph-head);text-transform:uppercase;letter-spacing:.06em;padding:13px 22px} body.ph-sp #page .site-content button:hover, body.ph-sp #page .site-content input[type="submit"]:hover, body.ph-sp #page .site-content .button:hover{background:var(--ph-gold-2)} body.ph-sp #page .site-content input[type="text"], body.ph-sp #page .site-content input[type="email"], body.ph-sp #page .site-content input[type="search"], body.ph-sp #page .site-content input[type="tel"], body.ph-sp #page .site-content textarea, body.ph-sp #page .site-content select:not(.ph-select){background:#111;color:#fff;border:1px solid #333;border-radius:2px} /* ---------- Мобільні ---------- */ @media (max-width:600px){ body.ph-sp #page .sp-template-event-logos{font-size:22px;line-height:1.3} body.ph-sp #page .sp-template-event-logos .sp-team-logo{white-space:normal} body.ph-sp #page .sp-template-event-logos img{max-height:64px;width:auto} body.ph-sp #page .site-content{padding-top:22px} body.ph-sp #page .sp-table-caption,body.ph-sp #page .widget-title{padding:13px 14px;font-size:16px} body.ph-sp #page .sp-data-table{font-size:14px} body.ph-sp #page .sp-data-table thead th{padding:11px 8px;font-size:12.5px} body.ph-sp #page .sp-data-table tbody td{padding:11px 8px} body.ph-sp #page .sp-template-event-blocks .sp-event-results, body.ph-sp #page .sp-template-event-blocks .sp-event-results a{font-size:22px} }