/*
Theme Name: Sportion
Theme URI: https://afthemes.com/products/sportion/
Author: AF themes
Author URI: https://afthemes.com
Description:  Sportion is a Newsphere child theme that is a ideal news and WordPress theme responsive magazine that allows you to easily write articles and blog posts.The child theme for the primary banner section comes with distinct design and color as well as added fresh background color for the primary navigation. Make an exceptional news site the assistance of live customizer choices and custom widgets, you can structure your site as you like and see the progressions live. It is compatible with the Gutenberg and RTL alongside WooCommerce module which encourages you to coordinate an online business with our layout. As it incorporates numerous helpful highlights that require to construct a magnificent looking newsportal, the theme is ideal for blogging and incredible for a newspaper, magazine, distributing or review website. The theme is all around enhanced that positions your site in the highest point of web indexes and users will get an exceptional help from the support team if there will be any troubles while utilizing the theme.
 See Demo: https://demo.afthemes.com/newsphere/sportion/
 Support: https://afthemes.com/supports/
Template: newsphere
Version: 1.0.4
Requires PHP: 5.3
Tested up to: 6.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sportion
Tags: news, blog, entertainment, one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-menu, featured-images, full-width-template, custom-header, translation-ready, theme-options, threaded-comments

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Sportion WordPress Theme, Copyright 2018 AF themes
Sportion is distributed under the terms of the GNU GPL v2 or later.
*/

body.aft-default-mode{
    background-color: #f7f7f7;
}
body.aft-default-mode .bottom-bar {
    background-color: #103158;
}
body.aft-default-mode .header-style1, 
body.aft-default-mode .aft-popular-tags {
    background-color: #f0f0f0;
}
body.aft-default-mode .aft-blocks.banner-carousel-1-wrap {
    background-color: #f3f3f3;
}
body.aft-default-mode .inner-suscribe input[type=submit],
body.aft-default-mode #scroll-up,
body.aft-default-mode .trending-posts-vertical .trending-no,
body.aft-default-mode .aft-main-banner-section .aft-trending-latest-popular .nav-tabs>li.active,
body.aft-default-mode .aft-main-banner-wrapper span.trending-no,
body.aft-default-mode .read-img .min-read-post-comment,
body.aft-default-mode .aft-home-icon {
    background-color: #af0000;
}

body.aft-default-mode .read-img .min-read-post-comment:after{
    border-top-color: #af0000;
}


bodybody.aft-default-mode  .sticky .read-title h4 a:before {
    color: #af0000;
}


body.aft-default-mode .newsphere_tabbed_posts_widget .nav-tabs > li > a:hover,
body.aft-default-mode .newsphere_tabbed_posts_widget .nav-tabs > li > a,
body.aft-default-mode .related-title,
body.aft-default-mode .widget-title span, body.aft-default-mode .header-after1 span{
    border-bottom-color: #af0000;
}

body .aft-trending-latest-popular .nav-tabs li {
    background-color: #fff;

}

body .aft-trending-latest-popular .nav-tabs>li>a{
    color: #404040;
}

.aft-trending-latest-popular .nav-tabs>li>a:hover{
    color: #af0000;
}

body.aft-default-mode .aft-main-banner-section .color-pad .cat-links li a.newsphere-categories.category-color-1,
body.aft-default-mode .main-banner-widget-section .color-pad .cat-links li a.newsphere-categories.category-color-1{
    color: #2b2b2b;
    border-color: #ffbf3f;
}
body.aft-default-mode .aft-main-banner-section .color-pad .cat-links li a.newsphere-categories.category-color-2,
body.aft-default-mode .main-banner-widget-section .color-pad .cat-links li a.newsphere-categories.category-color-2{
    color: #2b2b2b;
    border-color: #ff5722;
}
body.aft-default-mode .aft-main-banner-section .color-pad .cat-links li a.newsphere-categories.category-color-3,
body.aft-default-mode .main-banner-widget-section .color-pad .cat-links li a.newsphere-categories.category-color-3{
    color: #2b2b2b;
    border-color: #2196F3;
}
body.aft-default-mode .aft-main-banner-section .color-pad .cat-links li a.newsphere-categories.category-color-4,
body.aft-default-mode .main-banner-widget-section .color-pad .cat-links li a.newsphere-categories.category-color-4{
    color: #2b2b2b;
    border-color: #d327f1;
}
body.aft-default-mode .aft-main-banner-section .color-pad .cat-links li a.newsphere-categories.category-color-5,
body.aft-default-mode .main-banner-widget-section .color-pad .cat-links li a.newsphere-categories.category-color-5{
    color: #2b2b2b;
    border-color: #4caf50;
}
body.aft-default-mode .aft-main-banner-section .color-pad .cat-links li a.newsphere-categories.category-color-6,
body.aft-default-mode .main-banner-widget-section .color-pad .cat-links li a.newsphere-categories.category-color-6{
    color: #2b2b2b;
    border-color: #8bc34a;
}
body.aft-default-mode .aft-main-banner-section .color-pad .cat-links li a.newsphere-categories.category-color-7,
body.aft-default-mode .main-banner-widget-section .color-pad .cat-links li a.newsphere-categories.category-color-7{
    color: #2b2b2b;
    border-color: #00BCD4;
}

body.aft-default-mode .inner-suscribe input[type=submit], body.aft-default-mode #scroll-up, body.aft-default-mode .aft-main-banner-section .aft-trending-latest-popular .nav-tabs>li.active>a:hover, body.aft-default-mode .aft-main-banner-section .aft-trending-latest-popular .nav-tabs>li.active>a, body.aft-default-mode .read-img .min-read-post-comment a, body.aft-default-mode .aft-home-icon a, body.aft-default-mode .aft-main-banner-wrapper span.trending-no, body.aft-default-mode .trending-posts-vertical .trending-no{
    color: #fff;
}


body.aft-light-mode.aft-transparent-main-banner-box .aft-main-banner-section .aft-trending-latest-popular li.af-double-column.list-style:before, body.aft-dark-mode.aft-transparent-main-banner-box .aft-main-banner-section .aft-trending-latest-popular li.af-double-column.list-style:before, body.aft-default-mode.aft-transparent-main-banner-box .aft-main-banner-section .aft-trending-latest-popular li.af-double-column.list-style:before, body.aft-light-mode.aft-transparent-main-banner-box .aft-main-banner-section .read-single.color-pad:before, body.aft-dark-mode.aft-transparent-main-banner-box .aft-main-banner-section .read-single.color-pad:before, body.aft-default-mode.aft-transparent-main-banner-box .aft-main-banner-section .read-single.color-pad:before{
    background-color: #fff;
}

.aft-main-banner-section .color-pad .entry-meta span, .banner-carousel-1 .read-details .entry-meta span.byline a{
    color: #404040;
}

button, input[type="button"], input[type="reset"], input[type="submit"]{
    background:#af0000;
    color: #fff;
}
body.aft-default-mode .aft-trending-latest-popular .nav-tabs>li > a:hover, 
body.aft-default-mode .aft-trending-latest-popular .nav-tabs>li a.active {
    background: #af0000;
    color: #fff;
}
body.aft-default-mode .aft-main-banner-section .read-single.color-pad, .aft-main-banner-section .read-single.color-pad{
    background-color: #fff;
}

body .aft-main-banner-section .color-pad .read-title h4 a{
    color: #404040;
}

.aft-main-banner-section .color-pad .cat-links li a.newsphere-categories.category-color-1,
.main-banner-widget-section .color-pad .cat-links li a.newsphere-categories.category-color-1
{
   color: #af0000;
    border-color: #ffbf3f;
}

.aft-main-banner-section .color-pad .cat-links li a.newsphere-categories.category-color-2,
.main-banner-widget-section .color-pad .cat-links li a.newsphere-categories.category-color-2{
    color: #404040;
    border-color: #ffbf3f;
}

.aft-main-banner-section .color-pad .cat-links li a.newsphere-categories.category-color-3,
.main-banner-widget-section .color-pad .cat-links li a.newsphere-categories.category-color-3{
    color: #d27f05;
    border-color: #ffbf3f;
}

body .color-pad .cat-links li a.newsphere-categories.category-color-1,
a.newsphere-categories.category-color-1 {
    border-color: #ffbf3f;
}

.main-navigation .menu-description {
    background-color: #af0000;
    color: #ffffff;
}

.main-navigation .menu-description:after{
    border-top: 5px solid #af0000;
}

/* ------------------------------
   Base Pack (custom child-theme polish)
   ------------------------------ */
:root {
    --sportion-accent: #cc0000;
    --sportion-accent-hover: #a80000;
    --sportion-text: #1f2937;
    --sportion-muted: #6b7280;
    --sportion-surface: #ffffff;
    --sportion-bg: #f4f6fb;
    --sportion-border: #e5e7eb;
    --sportion-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
}

body.aft-default-mode {
    background-color: var(--sportion-bg);
    color: var(--sportion-text);
}

/* Header and navigation cleanup */
body.aft-default-mode .bottom-bar {
    background-color: #0f2746;
}

body.aft-default-mode .main-navigation,
body.aft-default-mode .menu-container {
    box-shadow: 0 2px 10px rgba(15, 39, 70, 0.08);
}

body .main-navigation .menu > li > a {
    font-weight: 600;
    letter-spacing: 0.2px;
}

/* Buttons */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background: var(--sportion-accent);
    border-radius: 6px;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    background: var(--sportion-accent-hover);
    transform: translateY(-1px);
}

/* Cards and post blocks */
body .aft-main-banner-section .read-single.color-pad,
body .af-double-column.list-style,
body .widget,
body .archive .post,
body .single-post .post {
    background-color: var(--sportion-surface);
    border: 1px solid var(--sportion-border);
    border-radius: 10px;
    box-shadow: var(--sportion-shadow);
}

body .read-title h4 a,
body h1.entry-title,
body h2.entry-title,
body h3.entry-title {
    color: var(--sportion-text);
}

body .entry-meta,
body .entry-meta a {
    color: var(--sportion-muted);
}

body a:hover,
body .read-title h4 a:hover {
    color: var(--sportion-accent);
}

/* Section tabs and badges */
body.aft-default-mode .aft-trending-latest-popular .nav-tabs > li > a:hover,
body.aft-default-mode .aft-trending-latest-popular .nav-tabs > li a.active,
body.aft-default-mode .inner-suscribe input[type=submit],
body.aft-default-mode #scroll-up,
body.aft-default-mode .trending-posts-vertical .trending-no,
body.aft-default-mode .aft-main-banner-wrapper span.trending-no {
    background: var(--sportion-accent);
}

body .cat-links li a.newsphere-categories {
    border-radius: 999px;
    padding: 2px 10px;
}

/* Footer */
body .site-footer,
body .bottom-footer,
body .secondary-footer {
    background: #0f172a;
}

body .site-footer,
body .site-footer a,
body .bottom-footer,
body .bottom-footer a {
    color: #e5e7eb;
}

body .site-footer a:hover,
body .bottom-footer a:hover {
    color: #ffffff;
}

/* Mobile polish */
@media (max-width: 991px) {
    body .main-navigation .menu > li > a {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    body .widget,
    body .af-double-column.list-style,
    body .aft-main-banner-section .read-single.color-pad {
        border-radius: 8px;
    }
}

/* Brand logo support (for uploaded custom logo) */
body .site-branding {
    min-height: 72px;
    display: flex;
    align-items: center;
}

body .site-branding .custom-logo-link {
    display: inline-flex;
    align-items: center;
}

body .site-branding .custom-logo {
    max-height: 58px;
    width: auto;
}

/* Keep branding clean when logo is used */
.wp-custom-logo .site-branding .site-title,
.wp-custom-logo .site-branding .site-description {
    display: none;
}

@media (max-width: 767px) {
    body .site-branding .custom-logo {
        max-height: 44px;
    }
}

/* Homepage hero with left live score */
.sportion-home-hero {
    margin: 12px 0 18px;
}

.sportion-home-live-scores {
    margin: 12px 0 18px;
}

.sportion-home-live-scores .sportion-live-score-board {
    width: 100%;
    max-width: 100%;
    margin: 0;
}

.sportion-home-archive-under-live {
    margin-top: 18px;
}

/* Archive page 3x3 grid */
.sportion-archive-page {
    float: none;
    width: 100%;
    max-width: 1200px;
    margin: 18px auto 30px;
    padding: 0 14px;
}

.sportion-archive-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.sportion-archive-card {
    background: #fff;
    border: 1px solid #dbe4f0;
    border-radius: 12px;
    overflow: hidden;
}

.sportion-archive-card__thumb {
    display: block;
    aspect-ratio: 16 / 9;
    background: #111827;
}

.sportion-archive-card__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sportion-archive-card__content {
    padding: 10px 12px 12px;
}

.sportion-archive-card__title {
    margin: 0;
    font-size: 18px;
    line-height: 1.3;
}

.sportion-archive-card__meta {
    display: inline-block;
    margin-top: 5px;
    font-size: 12px;
    color: #64748b;
}

.sportion-archive-pagination ul {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 18px 0 0;
}

.sportion-archive-pagination a,
.sportion-archive-pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 34px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #fff;
}

.sportion-archive-pagination .current {
    background: #ef4444;
    border-color: #ef4444;
    color: #fff;
}

@media (max-width: 992px) {
    .sportion-archive-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .sportion-archive-grid {
        grid-template-columns: 1fr;
    }
}

.sportion-home-hero__grid {
    display: grid;
    grid-template-columns: minmax(230px, 0.8fr) 2fr;
    gap: 12px;
}

.sportion-live-score-board {
    background: linear-gradient(180deg, #0f172a 0%, #1f2937 100%);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    color: #e5e7eb;
    padding: 10px;
}

.sportion-live-score-board__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 8px;
}

.sportion-live-score-board__head strong {
    color: #fff;
    font-size: 14px;
}

.sportion-live-score-board__head span {
    background: #ef4444;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    border-radius: 999px;
    padding: 2px 8px;
}

.sportion-live-score-board__list {
    display: grid;
    gap: 8px;
}

.sportion-live-match {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    padding: 8px;
}

.sportion-live-match.is-live {
    border-color: rgba(239, 68, 68, 0.6);
    box-shadow: inset 0 0 0 1px rgba(239, 68, 68, 0.22);
}

.sportion-live-match__competition {
    display: block;
    font-size: 11px;
    color: #93c5fd;
}

.sportion-live-match__teams {
    margin-top: 2px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    font-size: 12px;
}

.sportion-live-match__teams strong {
    color: #fff;
    font-size: 13px;
}

.sportion-live-match__minute {
    display: inline-block;
    margin-top: 3px;
    font-size: 11px;
    color: #fca5a5;
}

.sportion-home-hero__posts {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr;
    gap: 12px;
}

.sportion-hero-card {
    background: #fff;
    border: 1px solid #dbe4f0;
    border-radius: 12px;
    overflow: hidden;
}

.sportion-hero-card__media {
    display: block;
    aspect-ratio: 16 / 9;
    background: #111827;
}

.sportion-hero-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sportion-hero-card__content {
    padding: 10px 12px;
}

.sportion-hero-card h2 {
    margin: 0;
    font-size: 20px;
    line-height: 1.25;
}

.sportion-hero-card.is-side h2 {
    font-size: 16px;
}

.sportion-hero-card__meta {
    display: inline-block;
    margin-top: 5px;
    font-size: 12px;
    color: #64748b;
}

@media (max-width: 992px) {
    .sportion-home-hero__grid {
        grid-template-columns: 1fr;
    }

    .sportion-home-hero__posts {
        grid-template-columns: 1fr;
    }

    .sportion-hero-card h2,
    .sportion-hero-card.is-side h2 {
        font-size: 17px;
    }
}

/* Minimal homepage hard cleanup */
.home .af-main-banner-latest-posts,
.blog .af-main-banner-latest-posts {
    display: none !important;
}

.home #secondary.sidebar-area,
.blog #secondary.sidebar-area {
    display: none !important;
}

/* Minimal clean layout for announcement/content pages */
.single #primary.content-area,
.page #primary.content-area {
    float: none;
    width: 100%;
    max-width: 980px;
    margin: 26px auto 40px;
    padding: 0 14px;
}

.single .entry-content-wrap.read-single,
.page .entry-content-wrap {
    background: #fff;
    border: 1px solid var(--sportion-border);
    border-radius: 12px;
    box-shadow: var(--sportion-shadow);
    padding: 24px;
}

.single #secondary.sidebar-area,
.page #secondary.sidebar-area,
.single .promotionspace,
.single .comments-area,
.single .post-navigation,
.single .post-item-metadata.entry-meta {
    display: none !important;
}

.single .entry-content,
.page .entry-content {
    font-size: 18px;
    line-height: 1.8;
}

/* Hide category labels for cleaner look */
.single .read-categories,
.single .cat-links,
.page .read-categories,
.page .cat-links,
.home .read-categories,
.home .cat-links,
.blog .read-categories,
.blog .cat-links {
    display: none !important;
}

.sportion-home-category-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
    background: rgba(15, 23, 42, 0.86);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.2px;
    padding: 3px 8px;
    border-radius: 999px;
}

.sportion-home-category-badge.is-static {
    position: static;
    display: inline-block;
    margin-bottom: 8px;
}

.sportion-category-carousels {
    display: grid;
    gap: 18px;
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
}

.sportion-category-carousel-wrap {
    background: #fff;
    border: 1px solid #dbe4f0;
    border-radius: 12px;
    padding: 12px;
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    box-sizing: border-box;
}

/* Ensure category carousel section uses full row width */
.home .aft-main-banner-wrapper,
.blog .aft-main-banner-wrapper {
    display: block;
}

.home .aft-main-banner-wrapper .col.col-1.full-wid-resp,
.blog .aft-main-banner-wrapper .col.col-1.full-wid-resp {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    flex: 0 0 100% !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
}

.home .sportion-category-swiper,
.blog .sportion-category-swiper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

.sportion-category-carousel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}

.sportion-category-carousel-head h3 {
    margin: 0;
    font-size: 20px;
}

.sportion-category-carousel-head a {
    font-size: 13px;
    font-weight: 600;
}

.sportion-category-swiper .swiper-slide {
    transform: none !important;
}

.sportion-category-swiper .read-img.read-bg-img {
    overflow: hidden;
}

.sportion-category-swiper .read-img.read-bg-img img,
.sportion-category-swiper .read-single:hover .read-img.read-bg-img img,
.sportion-category-swiper .read-single:focus-within .read-img.read-bg-img img {
    transform: none !important;
    transition: none !important;
}

/* Keep card width stable even if swiper init is delayed */
.sportion-category-swiper .swiper-wrapper {
    display: flex;
}

.sportion-category-swiper .swiper-slide {
    width: calc((100% - 28px) / 3) !important;
    flex: 0 0 calc((100% - 28px) / 3);
}

@media (max-width: 1023px) {
    .sportion-category-swiper .swiper-slide {
        width: calc((100% - 14px) / 2) !important;
        flex-basis: calc((100% - 14px) / 2);
    }
}

@media (max-width: 767px) {
    .home .aft-main-banner-section .container-wrapper,
    .blog .aft-main-banner-section .container-wrapper {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .sportion-category-carousels {
        gap: 12px;
        max-width: 100%;
    }

    .sportion-category-swiper .swiper-slide {
        width: 100% !important;
        flex-basis: 100%;
    }

    .sportion-category-carousel-wrap {
        padding: 8px;
        border: 1px solid #dbe4f0;
        border-radius: 10px;
        background: #fff;
    }

    .sportion-category-carousel-head {
        padding: 0 8px;
        margin-bottom: 8px;
    }

    .sportion-category-carousel-head h3 {
        font-size: 17px;
    }

    .sportion-category-carousel-head a {
        font-size: 11px;
    }

    .sportion-category-swiper .read-single {
        margin-bottom: 0;
        border-radius: 8px;
        overflow: hidden;
    }

    .sportion-category-swiper .read-img.read-bg-img {
        height: 180px;
        border-radius: 8px;
    }

    .sportion-category-swiper .read-details {
        padding: 10px 8px 8px;
        min-height: 86px;
    }

    .sportion-category-swiper .read-title h4 {
        font-size: 14px;
        line-height: 1.35;
        margin: 0;
        display: -webkit-box;
        display: box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .sportion-category-swiper .read-title h4 a {
        white-space: normal !important;
        overflow-wrap: anywhere;
        word-break: break-word;
        line-height: 1.35;
    }

    /* Mobile has no hover; keep navigation visible. */
    .sportion-category-swiper .af-slider-btn {
        opacity: 1;
        visibility: visible;
        transform: translateY(-50%) scale(1);
    }

    .sportion-category-swiper .swiper-button-prev.af-slider-btn,
    .sportion-category-swiper .swiper-button-next.af-slider-btn {
        width: 28px;
        height: 28px;
    }

    .sportion-category-swiper .swiper-button-prev.af-slider-btn:after,
    .sportion-category-swiper .swiper-button-next.af-slider-btn:after {
        width: 28px;
        height: 28px;
        line-height: 28px;
        font-size: 18px;
    }
}

/* Custom rich footer */
.sportion-footer-extras {
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    padding: 26px 0;
}

.sportion-footer-extras__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.sportion-footer-box h3 {
    margin: 0 0 10px;
    color: #ffffff;
    font-size: 18px;
}

.sportion-footer-box p {
    margin: 0 0 10px;
    color: #cbd5e1;
}

.sportion-footer-box ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sportion-footer-box li {
    margin: 0 0 8px;
}

.sportion-footer-box a {
    color: #e2e8f0;
}

.sportion-footer-box a:hover {
    color: #ffffff;
}

.sportion-footer-social a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.sportion-footer-newsletter {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.sportion-footer-newsletter input[type="email"] {
    flex: 1 1 180px;
    min-height: 40px;
    border: 1px solid rgba(255, 255, 255, 0.26);
    background: #0b1327;
    color: #fff;
    border-radius: 6px;
    padding: 8px 10px;
}

.sportion-footer-newsletter button {
    min-height: 40px;
    padding: 0 14px;
    border: 0;
    border-radius: 6px;
    font-weight: 600;
}

@media (max-width: 992px) {
    .sportion-footer-extras__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .sportion-footer-extras__grid {
        grid-template-columns: 1fr;
    }
}

/* About page */
.sportion-about-page {
    float: none;
    width: 100%;
    max-width: 980px;
    margin: 26px auto 40px;
    padding: 0 14px;
}

.sportion-about-article {
    background: #fff;
    border: 1px solid var(--sportion-border);
    border-radius: 12px;
    box-shadow: var(--sportion-shadow);
    padding: 24px;
}

.sportion-about-lead {
    margin: 8px 0 0;
    color: #334155;
    font-size: 18px;
    line-height: 1.7;
}

.sportion-about-section + .sportion-about-section {
    margin-top: 22px;
}

.sportion-about-section h2 {
    margin-bottom: 8px;
}

.sportion-about-section ul {
    margin: 0;
    padding-left: 20px;
}

.sportion-about-values {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.sportion-about-values > div {
    border: 1px solid #dbe4f0;
    border-radius: 10px;
    background: #f8fafc;
    padding: 12px;
}

.sportion-about-values h3 {
    margin: 0 0 6px;
    font-size: 18px;
}

.sportion-about-contact ul {
    list-style: none;
    padding: 0;
    margin-top: 10px;
}

.sportion-about-contact li + li {
    margin-top: 6px;
}

@media (max-width: 768px) {
    .sportion-about-article {
        padding: 16px;
    }

    .sportion-about-values {
        grid-template-columns: 1fr;
    }

    .sportion-about-lead {
        font-size: 16px;
    }
}

/* Contact page */
.sportion-contact-page {
    float: none;
    width: 100%;
    max-width: 980px;
    margin: 26px auto 40px;
    padding: 0 14px;
}

.sportion-contact-article {
    background: #fff;
    border: 1px solid var(--sportion-border);
    border-radius: 12px;
    box-shadow: var(--sportion-shadow);
    padding: 24px;
}

.sportion-contact-lead {
    margin: 8px 0 14px;
    color: #334155;
    font-size: 18px;
    line-height: 1.7;
}

.sportion-contact-section + .sportion-contact-section {
    margin-top: 20px;
}

.sportion-contact-section ul {
    margin: 10px 0 0;
    padding-left: 20px;
}

@media (max-width: 768px) {
    .sportion-contact-article {
        padding: 16px;
    }

    .sportion-contact-lead {
        font-size: 16px;
    }
}

/* Legal pages (cookies, terms) */
.sportion-legal-page {
    float: none;
    width: 100%;
    max-width: 980px;
    margin: 26px auto 40px;
    padding: 0 14px;
}

.sportion-legal-article {
    background: #fff;
    border: 1px solid var(--sportion-border);
    border-radius: 12px;
    box-shadow: var(--sportion-shadow);
    padding: 24px;
}

.sportion-legal-lead {
    margin: 8px 0 14px;
    color: #334155;
    font-size: 18px;
    line-height: 1.7;
}

.sportion-legal-section + .sportion-legal-section {
    margin-top: 20px;
}

.sportion-legal-section ul {
    margin: 10px 0 0;
    padding-left: 20px;
}

@media (max-width: 768px) {
    .sportion-legal-article {
        padding: 16px;
    }

    .sportion-legal-lead {
        font-size: 16px;
    }
}

/* Advertising page */
.sportion-ads-page {
    float: none;
    width: 100%;
    max-width: 980px;
    margin: 26px auto 40px;
    padding: 0 14px;
}

.sportion-ads-article {
    background: #fff;
    border: 1px solid var(--sportion-border);
    border-radius: 12px;
    box-shadow: var(--sportion-shadow);
    padding: 24px;
}

.sportion-ads-lead {
    margin: 8px 0 14px;
    color: #334155;
    font-size: 18px;
    line-height: 1.7;
}

.sportion-ads-section + .sportion-ads-section {
    margin-top: 20px;
}

.sportion-ads-section ul,
.sportion-ads-section ol {
    margin: 10px 0 0;
    padding-left: 20px;
}

.sportion-ads-packages {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.sportion-ads-packages > div {
    border: 1px solid #dbe4f0;
    border-radius: 10px;
    background: #f8fafc;
    padding: 12px;
}

.sportion-ads-packages h3 {
    margin: 0 0 6px;
    font-size: 18px;
}

.sportion-ads-cta {
    border-top: 1px solid #e2e8f0;
    padding-top: 14px;
}

@media (max-width: 768px) {
    .sportion-ads-article {
        padding: 16px;
    }

    .sportion-ads-lead {
        font-size: 16px;
    }

    .sportion-ads-packages {
        grid-template-columns: 1fr;
    }
}