.hidden-xs {
    display: none;
}

.visible-xs {
    display: block;
}


/* =========================================================
   GLOBAL
========================================================= */

html.offcanvas,
body.offcanvas {
    overflow: hidden !important;
    height: 100% !important;
}


/* =========================================================
   CONTAINER / COLUMN
========================================================= */

#gtco-sport-icons .col-md-10 {
    padding: 0;
}

.gtco-container .col-md-10 {
    padding-left: 0;
    padding-right: 0;
}


/* =========================================================
   TYPOGRAPHY
========================================================= */

.highlight-title {
    font-size: 24px;
    min-height: 35px;
    width: 100%;
}

.lastest-large-title {
    font-size: 22px;
    margin-bottom: 20px;
}


/* =========================================================
   FOOTER
========================================================= */

#gtco-footer .logo-footer img {
    max-width: 145px;
}

#gtco-footer .gtco-footer-navbar li {
    font-size: 14px;
    padding: 0 8px;
}

#gtco-footer .gtco-footer-navbar {
    padding: 0;
    line-height: 1.35;
}


/* =========================================================
   MEDAL SUMMARY
========================================================= */

.medal-summary-block {
    padding: 20px 0 40px;
}

.stat-number {
    font-size: 2.25em;
    line-height: 0.35em;
}

.stat-label {
    font-size: 12px;
}

.stat-item {
    padding: 5px 0;
}


/* =========================================================
   HERO
========================================================= */

#gtco-hero {
    /*background-image: url(../images/bg/bg-hero-mobile.webp);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% auto;

    width: 100%;
    aspect-ratio: 1100 / 815;*/

    margin-top: 64px;
}

/*#gtco-hero .hero-block {
    width: 100vw;
    height: auto;
    aspect-ratio: 1100 / 815;
    margin-left: -15px;
    margin-right: -15px;
}*/

.hero-logo {
    top: 17%;
    left: 11%;
}

.hero-logo img {
    max-width: 115px;
}

.stats-bar-inner {
    width: 85%;
    margin: auto;
}

.hero-stats {bottom: 0px;}

/* =========================================================
   BANNER
========================================================= */

.banner-placement img {
    max-width: 300px;
}

#gtco-banner-placement-2 {
    padding: 40px 0 0;
}


/* =========================================================
   PROGRAM SUMMARY
========================================================= */

.program-summary-block {
    grid-template-columns: 1fr;
}


/* =========================================================
   ASIAN GAMES 2026 : LASTEST NEWS
========================================================= */

.lastest-block {
    width: 100%;
    padding: 0 20px;
}


/* =========================================
   LARGE BLOCK
========================================= */

.lastest-large {
    display: block;
    margin-bottom: 20px;
}

.lastest-large-image {
    margin-bottom: 20px;
}

.lastest-large-title {
    margin-bottom: 15px;
    line-height: 1.25;
}


/* =========================================
   MOBILE TEXT
========================================= */

.lastest-excerpt-desktop {
    display: none;
}

.lastest-excerpt-mobile {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;

    font-size: 17px;
    line-height: 1.5;
}


/* =========================================
   SMALL LIST
========================================= */

.lastest-small-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 12px;
}

.lastest-more {
    margin: 0 auto;
}


/* แสดงแค่ 6 Small Items บน Mobile */

.lastest-small:nth-child(n + 7) {
    display: none;
}

.lastest-small-image {
    margin-bottom: 12px;
}

.lastest-small-title {
    font-size: 18px;
    line-height: 1.4;

    -webkit-line-clamp: 3;
}


/* =========================================================
   ASIAN GAMES 2026
   PLAYER PROFILE
========================================================= */


/* =========================================================
   MOBILE
========================================================= */


/* =========================================
   OVERVIEW
========================================= */

.profile-overview-block {
    width: 100%;
    padding: 0 20px;
}

.profile-overview-list {
    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 30px 10px;

    margin-bottom: 40px;
}

.profile-overview-image {
    margin-bottom: 10px;
}

.profile-overview-name {
    margin: 0 0 5px;

    font-size: 17px;

    line-height: 1.15;
}

.profile-overview-sport {
    font-size: 14px;
    line-height: 1.15;
}


/* =========================================
   DETAIL
========================================= */

.profile-detail {
    margin-bottom: 0;
    height: 100%;

    background-image: none;
}

.profile-detail:after {
    background-image: unset;
}

.profile-detail-inner {
    padding: 0;
    grid-template-columns: 1fr;
}

.profile-detail-image {
    position: relative;

    background-image: url(../images/bg/bg-profile-detail-bottom-mobile.webp);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;

    margin-bottom: 0;
    padding: 0 30px;
}

.profile-detail-image:after {
    content: "";

    background-image: url(../images/bg/bg-profile-detail-mobile.webp);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: contain;

    position: absolute;
    left: 0;
    bottom: 0;

    width: 100%;
    height: 100%;

    z-index: 1;
    pointer-events: none;
}

.profile-detail-achievements-content {
    grid-template-columns: 1fr;
    gap: 0;
}

.profile-detail-content {
    margin-bottom: 0;
    padding: 0 20px 20px;

    background-image: url(../images/bg/bg-profile-detail-bottom-mobile.webp);
    background-position: top center;
    background-size: 100% 100%;

}

.profile-detail-name-th {
    font-size: 28px;
    line-height: 1.15;
}

.profile-detail-name-en {
    margin-bottom: 20px;

    font-size: 20px;
    line-height: 1;
}


.profile-detail-achievements strong,
.profile-detail-info.type-detail,
.profile-detail-info {
    font-size: 18px;
    line-height: 1.15;
}

.profile-detail-info h4 {
    font-size: 28px;
}

.profile-detail-achievements {
    font-size: 16px;
    line-height: 1.5;
}

.profile-detail-achievements-content {
    font-size: 15px;
    line-height: 1.55;
}


/* =========================================
   RELATED PLAYER
========================================= */

.profile-detail-related {
    padding: 2em 20px 70px;
}


/* Hide desktop grid */

.profile-detail-related-list {
    display: none;
}


.profile-title {
    font-size: 28px;
}



/*
.highlight-cover {
    margin-bottom: 15px;
}
*/


/* =========================================================
   SECTION SPACING
========================================================= */

#gtco-sport-icons,
#gtco-daily-program,
#gtco-medal-summary,
#gtco-profile-overview,
#gtco-player-profile-overview {
    padding-top: 65px;
}

#gtco-profile-overview .highlight-title {margin-top: 25px;}

#gtco-sport-icons .sport-icons-profile-block {
    padding: 30px 0;
    margin-bottom: -40px;
}


.page-template-index #gtco-sport-icons,
.page-template-index #gtco-profile-overview {padding-top: 40px;}
.page-template-index .sponsored-mobile-small-list {margin-bottom: 0;}
.page-template-index #gtco-profile-overview .highlight-title {margin-top: 0;}
.page-template-index .sponsor-group {margin-bottom: 0; margin-top: 30px;}
.page-template-index .sponsored-mobile-large-title {font-size: 22px;}

.page-template-player-profile-overview #gtco-profile-overview .highlight-title {margin-top: 40px;}

/* =========================================================
   UTILITY / MARGIN
========================================================= */

.mrt-d60-m15 {
    margin-top: 15px;
}


/* =========================================================
   HIGHLIGHT
========================================================= */

.highlight-cover-headline {
    margin-bottom: 10px;
}

.highlight-cover-headline .headline-subtitle {
    font-size: 0.85em;
}

.highlight-cover-headline .headline-title {
    font-size: 1.5em;
    letter-spacing: 1px;
}

.highlight-cover-headline .headline-today {
    font-size: 0.85em;
}


/* =========================================================
   DAILY PROGRAM
========================================================= */

.daily-program-block {
    padding: 40px 0;
}


/* =========================================================
   PROFILE OVERVIEW / RELATED
========================================================= */

#gtco-profile-overview,
.profile-detail-related {
    display: block;
}


/* -----------------------------------------
   NAVIGATION
   Mobile only
----------------------------------------- */

.profile-detail-related .profile-detail-navigation {
    display: flex;

    position: absolute;

    top: 40px;
    left: -28px;
    right: -28px;

    z-index: 10;

    justify-content: space-between;

    pointer-events: none;
}

.profile-detail-related .profile-detail-navigation button {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 28px;
    height: 28px;

    padding: 0;

    border: 0;
    border-radius: 50%;

    background: #073b8f;
    color: #fff;

    font-family: Arial, sans-serif;
    font-size: 28px;
    line-height: 1;

    cursor: pointer;

    pointer-events: auto;

    transition:
        transform 0.3s ease,
        background 0.3s ease;
}

.profile-detail-related .profile-detail-navigation button:hover {
    transform: scale(1.08);
    background: #052f73;
}