*, ::after, ::before { box-sizing: border-box; }
* { margin: 0; padding: 0; outline: 0; list-style: none; }

body {
    font-family: var(--font_type), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    line-height: 1.5;
    background: var(--body_bg);
    color: #000;
    font-size: var(--font_size);
    font-weight: 500;
}

.d-none { display: none; }
.says, .screen-reader { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.hqy-lazy { opacity: 0; transition: all 500ms; }
.hqy-loaded { opacity: 1; }
.hed-btn, .AY_Match, .gr-inner, .AY_Block, .AYa-SiteInfo a, .fut-img img { border-radius: var(--rounded); }
.aya-btn, .MT_Stat {
    position: relative;
    background: var(--btn-bg);
    padding: 4px 10px 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--rounded);
    color: #fff;
    font-size: 15px;
    text-align: center;
}
a.aya-btn:hover { opacity: .8; }
.WTa { margin-left: auto; padding: 0 10px; height: 30px; line-height: 25px; font-size: 30px; display: inline-block; }
.rtl .WTa { margin-left: 0; margin-right: auto; }
.d-fx { display: flex; }
.fx-cen, .AY_Inner { display: flex !important; align-items: center !important; }
.fx-wrap { display: flex; flex-wrap: wrap; }
.grow-1 { flex-grow: 1; }
.gap-5 { gap: 5px; }
.gap-10 { gap: 10px; }
.gap-20 { gap: 20px; }
a { color: #222; text-decoration: none; }
img { font-size: 0; }
strong { font-weight: 700; }
a:focus, a:hover { color: var(--main_color); transition: .3s ease; }
.container { max-width: 1024px; margin-right: auto; margin-left: auto; padding: 0 var(--yall-padding); }

/* =========================================================================
   HEADER & LOGO (V12 Authentic Bold & Spacious Typography)
   ========================================================================= */
#AYaHeader { position: relative; margin-bottom: 15px; }
#AYaHeader .HdrInner { width: 100%; background: var(--header_bg); box-shadow: 0 0 4px var(--bk-shadow); position: relative; }
#AYaHeader .HdrInner > .container { min-height: 85px !important; display: flex !important; align-items: center !important; gap: 20px !important; }

.AYaLogo {
    background: var(--logo_bd) !important;
    box-sizing: border-box !important;
    width: auto !important;
    max-width: 220px !important;
    min-width: 140px !important;
    height: auto !important;
    min-height: 0 !important;
    border-radius: var(--rounded, 8px) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px 18px !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
    transition: transform .2s ease;
}
.AYaLogo.textlogo {
    width: auto !important;
    max-width: 220px !important;
    min-width: 140px !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 8px 18px !important;
}
.AYaLogo > a {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-decoration: none !important;
    width: 100% !important;
    line-height: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
}
.AYaLogo .SiteName,
.AYaLogo h1.SiteName,
.AYaLogo span.SiteName {
    display: block !important;
    text-align: center !important;
    color: var(--logo_color, #ffffff) !important;
    font-size: 28px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    letter-spacing: -0.2px !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2) !important;
}
.AYaLogo .SiteUrl,
.AYaLogo span.SiteUrl,
.AYaLogo span:not(.SiteName) {
    display: block !important;
    text-align: center !important;
    color: var(--logo_color, #ffffff) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.15 !important;
    margin: 3px 0 0 0 !important;
    padding: 0 !important;
    opacity: 0.95 !important;
    direction: ltr !important;
    letter-spacing: 0.2px !important;
    white-space: nowrap !important;
}
.LogoImage { display: flex; height: 75px; max-width: 100%; }

.AYaMainNav { display: flex !important; align-items: center !important; flex: 1 !important; }
.AYaMainNav li { position: relative; }
.MainMenu {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    flex: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
.MainMenu li > a {
    padding: 8px 14px !important;
    display: block !important;
    white-space: nowrap !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    color: var(--header_color) !important;
    text-decoration: none !important;
    transition: color .2s ease !important;
}
.MainMenu li > a:hover { color: var(--main_color) !important; }

.AYaSocial {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-right: auto !important;
    padding: 0 !important;
    list-style: none !important;
    flex-shrink: 0 !important;
}
.rtl .AYaSocial { margin-right: auto !important; margin-left: 0 !important; }

.hed-btn {
    height: 35px;
    width: 35px;
    background: var(--DarkColor);
    display: inline-flex;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    border-radius: var(--rounded);
    border: none;
    color: #fff;
    transition: opacity .2s ease;
}
.hed-btn:hover { opacity: .85; }
.hed-btn .icon { width: 18px; height: 18px; color: #fff; fill: currentColor; }

.AYaSocial .twitter a { --DarkColor: #000; }
.AYaSocial .facebook a { --DarkColor: #1877f2; }
.AYaSocial .youtube a { --DarkColor: #cd201f; }
.AYaSocial .telegram a { --DarkColor: #24a1de; }

.skin-switcher-item { display: inline-flex !important; align-items: center !important; }
.hed-btn.skin-toggle-btn, .hed-btn.mo {
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
    background: var(--DarkColor) !important;
    color: #fff !important;
    border-radius: var(--rounded) !important;
    width: 35px !important;
    height: 35px !important;
    padding: 0 !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
}

@media screen and (min-width: 1001px) {
    .AYaLogo { width: auto !important; margin: 6px 0 !important; }
    .hed-btn.op, .hed-btn.mo, .CloseNave { display: none !important; }
    .skin-switcher-item { display: inline-flex !important; }
}
@media screen and (max-width: 1000px) {
    .skin-switcher-item { display: none !important; }
    .hed-btn.mo { display: inline-flex !important; }
    .AYaLogo { margin: 8px auto !important; width: auto !important; flex: 0 0 auto !important; }
    .AYaMainNav {
        float: none;
        z-index: 99;
        height: 100%;
        width: 280px;
        position: fixed;
        top: 0;
        left: -300px;
        margin: auto;
        transition: all .5s ease;
        padding: 60px 15px 15px;
        overflow-x: hidden;
        box-shadow: 0 1px 6px rgba(32,33,36,0.4);
        background: var(--LightColor);
    }
    html.OpenMenu .AYaMainNav { left: 0; }
    .rtl .AYaMainNav { left: auto; right: -300px; }
    html.OpenMenu .rtl .AYaMainNav { left: auto; right: 0; }
    .MainMenu li { width: 100%; margin-bottom: 12px; }
    .MainMenu li a { background: var(--DarkColor); padding: 8px 14px; color: #fff; border-radius: var(--rounded); }
    .AYaSocial { justify-content: space-between; }
    .CloseNave { display: inline-block; cursor: pointer; left: calc(50% - 14px); position: absolute; top: 20px; width: 20px; height: 20px; }
    .CloseNave .line { background: var(--DarkColor); position: absolute; }
    .CloseNave .line.line-1 { transform: rotate(45deg); }
    .CloseNave .line.line-2 { transform: rotate(-45deg); }
}

/* =========================================================================
   MATCHES TABLE & FIXTURE CARDS (Fully Clickable, 3 Info Columns)
   ========================================================================= */
.AY_Block { margin-bottom: 20px; box-shadow: 0 0 4px var(--bk-shadow); background: var(--LightColor); overflow: hidden; border-radius: var(--rounded); }
.AYb_Head {
    padding: 12px;
    overflow: hidden;
    border-bottom: 1px solid var(--Gray2);
    border-radius: var(--rounded) var(--rounded) 0 0;
    background: var(--bk-hd-bg);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.AYb_Head h1, .AYb_Head h2 { font-size: 16px; margin: 0; font-weight: 700; }
.AYb_Head a { color: #fff; }
.AYb_Head .aya-btn { --btn-bg: var(--bk-ttl-bg); }
.AYb_Inner { padding: 12px 12px 0; overflow: hidden; }

.AY-Fixture .AYb_Head h2 { --btn-bg: var(--main_color); }
.tmz-name { display: flex; position: relative; height: 20px; overflow: hidden; padding: 2px 5px 0; justify-content: flex-end; }
.tmz-name span { font-size: 11px; padding: 2px 8px; background: var(--bk-hd-bg); border-radius: 6px 6px 0 0; font-weight: 600; }

.AY-Dtab { display: flex; list-style: none; margin: 0; padding: 0; gap: 6px; }
.AY-Dtab li.today a { --btn-bg: var(--todaybg); }
.AY-Dtab li.yesterday a { --btn-bg: var(--yrsdaybg); }
.AY-Dtab li.tomorrow a { --btn-bg: var(--tomorobg); }
.albaflex {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
}
.albaflex .live { order: 1 !important; }
.albaflex .soon, .albaflex .comming-soon { order: 2 !important; }
.albaflex .not-start, .albaflex .not-started { order: 3 !important; }
.albaflex .gools { order: 3 !important; }
.albaflex .end, .albaflex .finished, .albaflex .penalty { order: 4 !important; }

.AY_Match {
    order: 3;
    overflow: hidden !important;
    text-align: center;
    background: var(--match-bg);
    margin-bottom: 12px;
    position: relative !important;
    border-radius: var(--rounded) !important;
    --stat-bg: #263545;
    cursor: pointer !important;
    transition: transform .15s ease, box-shadow .15s ease;
}
.AY_Match:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.AY_Match a { color: #222; }

.AY_Inner {
    display: flex !important;
    align-items: center !important;
    padding: 10px 12px !important;
}
.AY_Inner > div { flex: 0 0 auto; width: 33.33333333%; }

.MT_Team { display: flex; align-items: center; flex: 1; }
.MT_Team.TM2 { flex-direction: row-reverse; }
.TM_Logo { width: 50%; }
.TM_Logo img { margin: 8px auto; display: flex; object-fit: contain; }
.TM_Name { margin: 6px auto; font-weight: 600; font-size: 15px; }

.MT_Data { margin: 8px auto; display: flex; flex-direction: column; align-items: center; }
.MT_Time { font-size: 16px; font-weight: 700; }
.MT_Result { font-size: 22px; font-weight: 800; display: inline-flex; gap: 6px; justify-content: center; align-items: center; }
.MT_Stat { font-size: 13px; margin: 6px auto 0; height: 26px; min-width: 65px; --btn-bg: var(--stat-bg); font-weight: 700; }

@keyframes blinker { 50% { background: #263545; } }
.AY_Match.live .MT_Stat { --stat-bg: #d00000; animation: blinker 500ms ease-in-out infinite; }
.AY_Match.finished { --stat-bg: #474747; }
.AY_Match.comming-soon { --stat-bg: #0f6f37; }
.TourName { font-size: 12px; text-align: center; line-height: 1.4; margin-top: 6px; color: #64748b; font-weight: 600; }

.AY_Match.started .MT_Time,
.AY_Match.live .MT_Time,
.AY_Match.gools .MT_Time,
.AY_Match.finished .MT_Time,
.AY_Match.comming .MT_Result,
.AY_Match.comming-soon .MT_Result,
.AY_Match.not-started .MT_Result { display: none; }

/* Match Overlay: 100% full-card clickable */
.AY_Match > a,
.AY_Match a.AY_CardLink {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 10 !important;
    display: block !important;
    cursor: pointer !important;
    text-decoration: none !important;
}
.MT_Mask, .overlay-match {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    cursor: pointer !important;
    background: rgba(0, 0, 0, 0.6) !important;
    z-index: 10 !important;
    border-radius: var(--rounded) !important;
    transition: opacity .2s ease !important;
}
.AY_Match:hover .MT_Mask,
.AY_Match:hover .overlay-match {
    opacity: 1 !important;
}
.MT_MaskText, .text-match {
    position: absolute !important;
    inset: 0 !important;
    margin: auto !important;
    width: 48px !important;
    height: 48px !important;
    background: no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M256,0C114.617,0,0,114.615,0,256s114.617,256,256,256s256-114.615,256-256S397.383,0,256,0z M344.48,269.57l-128,80c-2.59,1.617-5.535,2.43-8.48,2.43c-2.668,0-5.34-.664-7.758-2.008C195.156,347.172,192,341.82,192,336V176c0-5.82,3.156-11.172,8.242-13.992c5.086-2.836,11.305-2.664,16.238,.422l128,80c4.676,2.93,7.52,8.055,7.52,13.57S349.156,266.641,344.48,269.57z'%3E%3C/path%3E%3C/svg%3E") !important;
}

/* Match Bottom Info Bar (3 Equal Columns with Icons) */
.MT_Info, .match-info {
    display: block !important;
    border-top: 1px solid var(--Gray2) !important;
    overflow: hidden !important;
    width: 100% !important;
    background: transparent !important;
}
.MT_Info ul, .match-info ul {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
.MT_Info li, .match-info li {
    flex: 1 1 33.333% !important;
    width: 33.333% !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 7px 6px !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    color: #475569 !important;
    box-sizing: border-box !important;
    border-left: 1px solid var(--Gray2) !important;
}
.MT_Info li:last-child, .match-info li:last-child { border-left: none !important; }
.rtl .MT_Info li, .rtl .match-info li {
    border-left: none !important;
    border-right: 1px solid var(--Gray2) !important;
}
.rtl .MT_Info li:first-child, .rtl .match-info li:first-child { border-right: none !important; }

.MT_Info li.channel-info::before, .MT_Info li:first-child::before { content: "📺 "; margin-left: 5px; }
.MT_Info li.commentator-info::before, .MT_Info li:nth-child(2)::before { content: "🎤 "; margin-left: 5px; }
.MT_Info li.championship-info::before, .MT_Info li:last-child::before { content: "🏆 "; margin-left: 5px; }

/* =========================================================================
   INSIDE MATCH CARD (Top Banner with Stadium Background)
   ========================================================================= */
.MtCard, .coMatch {
    position: relative !important;
    margin-bottom: 20px !important;
    border-radius: var(--rounded) !important;
    padding: 12px !important;
    background: var(--LightColor) !important;
    box-shadow: 0 0 4px var(--bk-shadow) !important;
    overflow: hidden !important;
}
.backMatch {
    overflow: hidden !important;
    border-radius: var(--rounded) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
    position: relative !important;
}
.McInner, .baMatch {
    overflow: hidden !important;
    background: rgba(0, 0, 0, 0.65) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-around !important;
    padding: 40px 15px !important;
}
.McTeam {
    width: 40% !important;
    text-align: center !important;
    color: #ffffff !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}
.TmFlag, .teamlogo {
    width: 90px !important;
    height: 90px !important;
    max-width: 90px !important;
    max-height: 90px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    margin: 0 auto 12px !important;
    opacity: 1 !important;
    filter: drop-shadow(0 4px 6px rgba(0,0,0,0.5)) !important;
}
.TmNeam, .teamname {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.7) !important;
}
.McTeam.ce { width: 20% !important; }
.matchvs {
    font-size: 64px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    text-align: center !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8) !important;
    line-height: 1 !important;
    letter-spacing: 2px !important;
}
.match-penalty-result {
    font-size: 14px;
    color: #f87171;
    font-weight: 700;
    margin-top: 6px;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .McInner { padding: 25px 10px !important; }
    .TmFlag {
        width: 60px !important;
        height: 60px !important;
        max-width: 60px !important;
        max-height: 60px !important;
        margin-bottom: 8px !important;
    }
    .TmNeam { font-size: 15px !important; }
    .matchvs { font-size: 38px !important; }
}

/* =========================================================================
   INSIDE MATCH DETAILS TABLE (AY-MatchInfo)
   ========================================================================= */
.AY-MatchInfo {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin: 25px 0 !important;
    padding: 16px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: var(--rounded) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
    overflow: hidden !important;
    clear: both !important;
}
.AY-MatchInfo h2 {
    display: inline-block !important;
    padding: 6px 14px !important;
    background-color: #e2e8f0 !important;
    color: #0f172a !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    margin: 0 0 12px !important;
    text-align: right !important;
    border-radius: var(--rounded) !important;
    border-right: 4px solid var(--main_color) !important;
}
.AY-MatchInfo table,
.AY-MatchInfo table.table-bordered,
.entry table,
.entry-content table {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background-color: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: var(--rounded) !important;
    overflow: hidden !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}
.AY-MatchInfo table.table-bordered th {
    width: 30% !important;
    text-align: right !important;
    padding: 11px 16px !important;
    background: #f1f5f9 !important;
    border-bottom: 1px solid #e2e8f0 !important;
    border-left: 1px solid #e2e8f0 !important;
    color: #1e293b !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    vertical-align: middle !important;
}
.rtl .AY-MatchInfo table.table-bordered th {
    border-left: 1px solid #e2e8f0 !important;
    border-right: none !important;
}
.AY-MatchInfo table.table-bordered td {
    padding: 11px 16px !important;
    background: #ffffff !important;
    border-bottom: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    vertical-align: middle !important;
}
.AY-MatchInfo table.table-bordered tr:nth-child(even) td {
    background: #f8fafc !important;
}
.AY-MatchInfo table.table-bordered td a {
    color: var(--main_color, #d32f2f) !important;
    text-decoration: none !important;
    font-weight: 700 !important;
}
.AY-MatchInfo table.table-bordered td a:hover {
    text-decoration: underline !important;
}
.AY-MatchInfo table.table-bordered tr:hover td {
    background: #eef2f6 !important;
}
.AY-MatchInfo table.table-bordered tr:last-child th,
.AY-MatchInfo table.table-bordered tr:last-child td {
    border-bottom: none !important;
}
.match-info-icon {
    display: inline-block;
    margin-left: 8px;
    font-size: 16px;
    vertical-align: middle;
}
.rtl .match-info-icon { margin-left: 8px; margin-right: 0; }

/* =========================================================================
   POST SHARE BUTTONS (Clean, Consistent 4-Pill Layout)
   ========================================================================= */
.post-share {
    overflow: hidden !important;
    border-radius: var(--rounded) !important;
    padding: 12px !important;
    background: var(--Gray1) !important;
    margin: 18px 0 !important;
    box-sizing: border-box !important;
}
.share-links {
    display: flex !important;
    gap: 10px !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    box-sizing: border-box !important;
}
.share-links li {
    flex: 1 1 25% !important;
    width: 25% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
.share-links li a.aya-btn {
    height: 42px !important;
    width: 100% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border-radius: var(--rounded) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    padding: 0 12px !important;
    transition: opacity .2s ease !important;
}
.share-links li a.aya-btn:hover { opacity: .88 !important; color: #ffffff !important; }
.share-links li a.aya-btn svg { width: 16px !important; height: 16px !important; fill: currentColor !important; flex-shrink: 0 !important; }
.share-links .facebook a, .share-links a.facebook { background: #126de3 !important; --btn-bg: #126de3 !important; }
.share-links .twitter a, .share-links a.twitter { background: #000000 !important; --btn-bg: #000000 !important; }
.share-links .whatsapp a, .share-links a.whatsapp { background: #008a0d !important; --btn-bg: #008a0d !important; }
.share-links .telegram a, .share-links a.telegram { background: #027bb8 !important; --btn-bg: #027bb8 !important; }

@media screen and (max-width: 650px) {
    .share-links { flex-wrap: wrap !important; gap: 8px !important; }
    .share-links li { flex: 1 1 calc(50% - 4px) !important; width: calc(50% - 4px) !important; }
}

/* =========================================================================
   SINGLE MATCH ARTICLE HEADINGS & CONTENT
   ========================================================================= */
.EntryHeader {
    margin-bottom: 20px;
    padding: 15px 20px;
    background: var(--bk-hd-bg);
    border-radius: var(--rounded) var(--rounded) 0 0;
    border-bottom: 1px solid var(--Gray1);
}
.EntryTitle { overflow: hidden; font-size: 24px; font-weight: 800; }
.entry {
    font-size: 17px;
    text-align: justify;
    font-weight: 500;
    line-height: 1.8;
}
.entry-content { padding: 15px 20px; clear: both; }
.entry p { margin-bottom: 16px; }
.entry h1, .entry h2, .entry h3 {
    display: table;
    padding: 6px 16px;
    background-color: var(--Gray1);
    font-size: 18px;
    font-weight: 700;
    margin: 18px 0 12px;
    text-align: right;
    border-radius: 8px;
}

/* =========================================================================
   ARTICLES & LATEST NEWS CARDS (BoxContent, HeadTitle, PostsInner, AY-PItem)
   ========================================================================= */
.BoxContent, .AY_home_posts {
    margin-bottom: 20px !important;
    background: var(--LightColor, #ffffff) !important;
    border-radius: var(--rounded, 8px) !important;
    box-shadow: 0 0 4px var(--bk-shadow, rgba(0, 0, 0, 0.3)) !important;
    border: 1px solid var(--Gray2, #ddd) !important;
    overflow: hidden !important;
}
.HeadTitle {
    padding: 12px 16px !important;
    background: var(--bk-hd-bg, #eceef2) !important;
    border-bottom: 1px solid var(--Gray2, #ddd) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
}
.HeadTitle h1, .HeadTitle h2, .HeadTitle h3 {
    margin: 0 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    background: var(--DarkColor, #273340) !important;
    color: #ffffff !important;
    padding: 4px 12px 5px !important;
    border-radius: var(--rounded, 8px) !important;
    display: inline-flex !important;
    align-items: center !important;
}
.HeadTitle h2.boxstitle, .HeadTitle .boxstitle {
    background: var(--main_color, #931800) !important;
}
.HeadTitle a {
    color: #ffffff !important;
    text-decoration: none !important;
}
.PostsInner,
.PostsInner.AYaGrid,
.AlbaGridPosts,
.AY_home_posts .PostsInner {
    padding: 14px !important;
    overflow: hidden !important;
    display: grid !important;
    gap: 14px !important;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
    box-sizing: border-box !important;
}
.AY-PItem, .gr-item {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
}
.AY-PInner, .gr-inner {
    background: var(--match-bg, #eceef2) !important;
    border-radius: var(--rounded, 8px) !important;
    border: 1px solid var(--Gray2, #ddd) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}
.AY-PInner:hover, .gr-inner:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12) !important;
    border-color: var(--main_color) !important;
}
.AY-PostImg, .gr-img {
    width: 100% !important;
    height: 150px !important;
    background-color: #273340 !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    background-image: linear-gradient(135deg, #1f2937 0%, #374151 100%);
}
.AY-PostImg.no-thumb::after,
.gr-img.no-thumb::after,
.AY-PostImg[data-src=""]::after {
    content: "⚽";
    font-size: 36px;
    opacity: 0.35;
}
.AY-PostImg img, .gr-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}
.post-info, .gr-info {
    padding: 12px 14px !important;
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    justify-content: center !important;
    background: transparent !important;
    box-sizing: border-box !important;
}
.AY-PostTitle, .gr-title, .post-info h3, .gr-info h3 {
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    color: var(--header_color, #222222) !important;
    margin: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    transition: color .2s ease !important;
}
.AY-PInner:hover .AY-PostTitle,
.gr-inner:hover .gr-title,
.AY-PInner:hover .post-info h3 {
    color: var(--main_color) !important;
}

/* Fallback for standard WordPress recent posts widget in home-content */
.widget_recent_entries ul {
    display: grid !important;
    gap: 12px !important;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
    padding: 14px !important;
    margin: 0 !important;
    list-style: none !important;
}
.widget_recent_entries li {
    background: var(--match-bg, #eceef2) !important;
    border-radius: var(--rounded, 8px) !important;
    border: 1px solid var(--Gray2, #ddd) !important;
    padding: 12px 14px !important;
    transition: transform .2s ease, border-color .2s ease !important;
}
.widget_recent_entries li:hover {
    transform: translateY(-2px) !important;
    border-color: var(--main_color) !important;
}
.widget_recent_entries li a {
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    color: var(--header_color, #222) !important;
    display: block !important;
}
.widget_recent_entries li a:hover {
    color: var(--main_color) !important;
}
.widget_recent_entries .post-date {
    font-size: 12px !important;
    color: #718096 !important;
    margin-top: 6px !important;
    display: block !important;
}

@media screen and (max-width: 500px) {
    .PostsInner, .PostsInner.AYaGrid, .AlbaGridPosts, .widget_recent_entries ul {
        grid-template-columns: 1fr !important;
        padding: 10px !important;
        gap: 10px !important;
    }
    .AY-PostImg, .gr-img {
        height: 140px !important;
    }
}

/* =========================================================================
   FOOTER & SITE INFO
   ========================================================================= */
#AYaFooter { position: relative; margin-top: 15px; width: 100%; box-shadow: 0 0 4px var(--bk-shadow); }
.FW-Area { background: var(--footer_bd); width: 100%; }
.FW-Area li { padding: 0; list-style: outside; color: #3fc75d; width: 100%; margin-left: 16px; }
.rtl .FW-Area li { margin-left: 0; margin-right: 16px; }
.FW-Area li a { color: #484848; display: block; font-size: 14px; line-height: 33px; font-weight: 500; }
.FWidget { width: 25%; padding: 20px 12px; box-sizing: border-box; }
@media screen and (max-width: 900px) { .FWidget { width: 50%; } }
@media screen and (max-width: 480px) { .FWidget { width: 100%; } }
.FW-Title { margin-bottom: 10px; position: relative; }
.FW-Title::before { background: var(--main_color); content: ""; height: 3px; position: absolute; width: 23px; bottom: -1.5px; }
.FW-Title .title { border-bottom: var(--footer_border) solid 1px; padding-bottom: 8px; font-weight: 700; font-size: 16px; display: inline-block; }
.AYa-SiteInfo { position: relative; }
.AYa-SiteInfo a { font-size: 13px; padding: 0 7px; display: block; color: var(--cop_color); }
.SnfoInner { background: var(--cop_bd); color: var(--cop_color); padding: 20px 0; }
.SnfoInner .cp-text { font-size: 13px; }

/* =========================================================================
   DARK MODE (High-Contrast, Visible Text, No Hidden Elements)
   ========================================================================= */
.Night, .Night body {
    --body_bg: #1c2733;
    --header_bg: #263545;
    --header_color: #ffffff;
    --cop_color: #94a3b8;
    --footer_color: #cbd5e1;
    --footer_bd: #263545;
    --cop_bd: #1c2733;
    --footer_border: #2b3b4d;
    --Gray1: #1c2733;
    --Gray2: #2b3b4d;
    --Gray3: #1c2733;
    --match-bg: #263545;
    --LightColor: #263545;
    --DarkColor: #121a23;
    --bk-hd-bg: #121a23;
    --bk-ttl-bg: #1f2a38;
    --logo_color: #ffffff;
}
.Night body, body.Night {
    color: #e2e8f0 !important;
    background: var(--body_bg) !important;
}
.Night a { color: #cbd5e1 !important; }
.Night a:hover { color: #ffffff !important; }
.Night .MainMenu li > a { color: #ffffff !important; }
.Night .MainMenu li > a:hover { color: var(--main_color) !important; }
.Night .AYaLogo .SiteName, .Night .AYaLogo span { color: var(--logo_color) !important; }
.Night .tmz-name span { color: #cbd5e1 !important; background: #121a23 !important; }
.Night .cp-text, .Night .AYa-SiteInfo, .Night .AYa-SiteInfo a { color: #94a3b8 !important; }
.Night .FW-Area li a { color: #cbd5e1 !important; }
.Night .FW-Title .title { color: #ffffff !important; }
.Night .AY_Match a { color: #ffffff !important; }
.Night .TourName { color: #94a3b8 !important; }
.Night .MT_Time { color: #e2e8f0 !important; }
.Night .MT_Result { color: #ffffff !important; }
.Night .TM_Name { color: #ffffff !important; }
.Night .MT_Info { border-color: var(--Gray2) !important; }
.Night .MT_Info li { color: #cbd5e1 !important; border-color: var(--Gray2) !important; }
.Night .AYb_Head h1, .Night .AYb_Head h2, .Night .AYb_Head h3 { color: #ffffff !important; }
.Night .EntryTitle, .Night .EntryTitle a { color: #ffffff !important; }
.Night .entry { color: #e2e8f0 !important; }
.Night .entry p { color: #e2e8f0 !important; }
.Night .entry h1, .Night .entry h2, .Night .entry h3 { background-color: #121a23 !important; color: #ffffff !important; }
.Night .hed-btn { background: #121a23 !important; color: #fff !important; }
.Night .BoxContent, .Night .AY_home_posts {
    background: var(--LightColor, #263545) !important;
    border-color: #1b232c !important;
}
.Night .HeadTitle {
    background: var(--DarkColor, #121a23) !important;
    border-color: #2b3b4d !important;
}
.Night .AY-PInner, .Night .gr-inner,
.Night .widget_recent_entries li {
    background: var(--DarkColor, #121a23) !important;
    border-color: #2b3b4d !important;
}
.Night .AY-PInner:hover, .Night .gr-inner:hover,
.Night .widget_recent_entries li:hover {
    border-color: var(--main_color) !important;
}
.Night .AY-PostTitle, .Night .gr-title, .Night .post-info h3, .Night .gr-info h3,
.Night .widget_recent_entries li a {
    color: #f6f7fa !important;
}
.Night .AY-PostImg, .Night .gr-img {
    background-color: #151d27 !important;
}

.Night .AY-MatchInfo {
    background: #151d27 !important;
    border-color: #2b3b4d !important;
    box-shadow: none !important;
}
.Night .AY-MatchInfo h2 {
    background-color: #1e293b !important;
    color: #ffffff !important;
    border-right-color: var(--main_color) !important;
}
.Night .AY-MatchInfo table.table-bordered {
    background-color: #19222d !important;
    border-color: #2b3b4d !important;
}
.Night .AY-MatchInfo table.table-bordered th {
    background: #121a23 !important;
    border-color: #2b3b4d !important;
    color: #f1f5f9 !important;
}
.Night .AY-MatchInfo table.table-bordered td {
    background: #19222d !important;
    border-color: #2b3b4d !important;
    color: #e2e8f0 !important;
}
.Night .AY-MatchInfo table.table-bordered tr:nth-child(even) td {
    background: #1c2733 !important;
}
.Night .AY-MatchInfo table.table-bordered td a {
    color: var(--main_color, #ff5252) !important;
    text-decoration: none !important;
    font-weight: 700 !important;
}
.Night .AY-MatchInfo table.table-bordered td a:hover {
    text-decoration: underline !important;
}
.Night .AY-MatchInfo table.table-bordered tr:hover td {
    background: #223040 !important;
}

html:not(.Night) .icon-sun, .Night .icon-moon,
html:not(.Night) .sun, .Night .mon { display: none !important; }
html:not(.Night) .icon-moon, .Night .icon-sun,
html:not(.Night) .mon, .Night .sun { display: block !important; }

@media screen and (max-width: 500px) {
.AY-Fixture .AYb_Head h2 { display: block; width: 100%; text-align: center; margin-bottom: 6px; }
.AY-Dtab { width: 100%; }
.AY-Dtab li { margin: 0; flex: 1; min-width: 0; }
.AY-Dtab li a { width: 100%; height: 100%; padding-right: 0; padding-left: 0; font-size: 14px; }
.AY_Inner { padding: 10px 6px !important; }
.AY_Inner > div { min-width: 0; }
.MT_Team { flex-direction: column !important; width: calc((100% - 120px) / 2) !important; flex: 0 0 auto; }
.AY_Inner > .MT_Data { width: 120px !important; margin: 8px auto; }
.TM_Logo { width: 100%; }
.TM_Logo img { width: 50px; height: 50px; margin: 0 auto; }
.TM_Name { font-size: 14px; overflow-wrap: anywhere; }
.MT_Info li { font-size: 12px !important; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}
.under-header { margin: 0 0 10px; }
.message-box { color: #2c7635; background-color: #dff0d4; border: #d6e9c4 solid 1px; padding: 4px 15px; border-radius: var(--rounded); margin: 0 auto 10px; font-size: 14px; width: 100%; }
.message-box strong { margin-left: 5px; }
.ltr .message-box strong { margin-left: 0; margin-right: 5px; }
.Night .message-box { color: #b7e4bf; background-color: rgba(44, 118, 53, .25); border-color: rgba(44, 118, 53, .5); }

/* =========================================================================
   SIR-TV REFERENCE MATCH OVERRIDES (header gradient, logo, day tabs,
   match card, match inside gradient, footer, latest news, sir-tv text block)
   ========================================================================= */

/* --- HEADER: transparent like reference (only the logo box has gradient) --- */
#AYaHeader .HdrInner {
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0;
}
#AYaHeader .MainMenu li > a { color: #222 !important; }
#AYaHeader .MainMenu li > a:hover { color: var(--main_color, #50095A) !important; opacity: 1; }

/* --- LOGO BOX: purple gradient matching the reference --- */
#AYaLogo, .AYaLogo.textlogo {
    background: linear-gradient(135deg, #7c3aed 0%, #4c1d95 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: rgba(124, 58, 237, 0.22) 0px 6px 18px, rgba(255, 255, 255, 0.1) 0px 1px 0px inset !important;
    border-radius: 14px !important;
    position: relative !important;
    overflow: hidden !important;
    padding: 10px 16px !important;
    max-width: 220px !important;
    min-height: 75px !important;
    min-width: 170px !important;
}
#AYaLogo::before {
    content: "";
    position: absolute;
    top: -40%;
    right: -20%;
    width: 80px;
    height: 80px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0) 70%);
    pointer-events: none;
}
#AYaLogo > a {
    gap: 2px;
    text-decoration: none !important;
    position: relative;
    z-index: 1;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}
#AYaLogo .SiteName {
    letter-spacing: 1px !important;
    text-shadow: rgba(0, 0, 0, 0.18) 0px 1px 2px !important;
    font-size: 26px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    color: #ffffff !important;
    text-align: center !important;
    white-space: nowrap !important;
}
#AYaLogo .SiteUrl {
    letter-spacing: 0.6px !important;
    text-transform: lowercase !important;
    margin-top: 1px !important;
    padding-top: 3px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.18) !important;
    width: 100% !important;
    text-align: center !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    color: rgba(255, 255, 255, 0.78) !important;
    display: block !important;
    direction: ltr !important;
    white-space: nowrap !important;
}
#AYaLogo:hover {
    box-shadow: rgba(124, 58, 237, 0.32) 0px 8px 22px, rgba(255, 255, 255, 0.14) 0px 1px 0px inset !important;
    transform: translateY(-1px);
    transition: .2s;
}
@media screen and (max-width: 500px) {
    #AYaLogo, .AYaLogo.textlogo { max-width: 180px !important; padding: 8px 12px !important; }
    #AYaLogo .SiteName { font-size: 22px !important; }
    #AYaLogo .SiteUrl { font-size: 10px !important; }
}

/* --- FIXTURE BLOCK: transparent wrapper like reference --- */
.AY_Block.AY-Fixture {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    margin-bottom: 10px !important;
}

/* --- DAY TABS (الأمس / اليوم / الغد): same size & position as reference --- */
.AY-Fixture .AYb_Head {
    padding: 6px 12px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: var(--rounded, 8px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-bottom: 10px !important;
}
.AY-Fixture .AYb_Head h2 .aya-btn,
.AY-Fixture .AYb_Head h2 {
    font-size: 14px !important;
    margin: 0 !important;
    padding: 4px 10px 5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.2px !important;
    background: var(--main_color, #50095A) !important;
    color: #fff !important;
    box-shadow: none !important;
    border-radius: 8px !important;
    width: auto !important;
    height: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 21px !important;
}
.AY-Dtab {
    margin-bottom: 10px !important;
    gap: 6px !important;
    padding: 0 !important;
    width: auto !important;
    display: flex !important;
}
.AY-Dtab li { flex: 0 1 auto !important; margin: 0 !important; }
.AY-Dtab li a {
    padding: 7px 14px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    letter-spacing: 0.2px !important;
    width: auto !important;
    min-width: 55px !important;
    height: 33.5px !important;
    min-height: 33.5px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 19.5px !important;
    box-sizing: border-box !important;
}
.AY-Dtab li.today a { --btn-bg: var(--main_color, #50095A) !important; background: var(--main_color, #50095A) !important; }
.AY-Dtab li.yesterday a,
.AY-Dtab li.tomorrow a { background: #1f2024 !important; color: #ffffff !important; --btn-bg: #1f2024 !important; }
.AY-Dtab li.tomorrow a { --btn-bg: #1f2024 !important; background: #1f2024 !important; }
@media screen and (max-width: 500px) {
    .AY-Fixture .AYb_Head { justify-content: center !important; }
    .AY-Fixture .AYb_Head h2 { width: 100% !important; display: flex !important; justify-content: center !important; margin-bottom: 6px !important; }
    .AY-Dtab { width: 100% !important; }
    .AY-Dtab li { flex: 1 1 0 !important; min-width: 0 !important; }
    .AY-Dtab li a { width: 100% !important; padding: 7px 6px !important; font-size: 13px !important; }
}

/* --- MATCH CARD (outside): exact border / shadow / gradient as reference --- */
.AY_Match {
    background: linear-gradient(#ffffff 0%, #fafaff 100%) !important;
    border: 1px solid rgba(80, 9, 90, 0.12) !important;
    box-shadow: rgba(80, 9, 90, 0.06) 0px 1px 4px 0px !important;
    padding: 12px 15px !important;
    border-radius: var(--rounded) !important;
}
.AY_Inner { padding: 0 !important; }
.MT_Stat { font-size: 14px !important; --stat-bg: #3b1f6b !important; }
.MT_Time { font-size: 16px !important; font-weight: 500 !important; }

/* --- MATCH CARD INSIDE (MtCard): gradient, no background image --- */
.MtCard {
    position: relative !important;
    margin-bottom: 15px !important;
    border-radius: 8px !important;
    padding: 12px !important;
    background: var(--LightColor, #ffffff) !important;
    box-shadow: 0 0 4px var(--bk-shadow) !important;
    overflow: hidden !important;
}
.McInner {
    overflow: hidden !important;
    border-radius: 8px !important;
    background: linear-gradient(45deg, var(--DarkColor, #273340) 0%, var(--main_color, #50095A) 100%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-around !important;
}
@media screen and (min-width: 768px) {
    .McInner { padding: 50px 0 !important; }
    .TmFlag, .TmFlag img { width: 90px !important; height: 90px !important; max-width: 90px !important; max-height: 90px !important; }
    .TmNeam { font-size: 18px !important; }
    .matchvs { font-size: 80px !important; }
}
@media screen and (max-width: 767px) {
    .McInner { padding: 30px 0 !important; }
    .TmFlag, .TmFlag img { width: 60px !important; height: 60px !important; max-width: 60px !important; max-height: 60px !important; }
    .matchvs { font-size: 50px !important; }
}
.McTeam { width: 40% !important; text-align: center !important; color: #ffffff !important; }
.McTeam.ce { width: 20% !important; }
.TmFlag { margin: 0 auto 15px !important; display: flex !important; align-items: center !important; justify-content: center !important; }
.TmFlag img { max-width: 100% !important; max-height: 100% !important; object-fit: contain !important; filter: drop-shadow(0 4px 6px rgba(0,0,0,0.5)) !important; }
.TmNeam { font-size: 18px !important; font-weight: 700 !important; color: #ffffff !important; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.7) !important; }
.matchvs { font-weight: 600 !important; color: #ffffff !important; text-align: center !important; text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8) !important; line-height: 1 !important; letter-spacing: 2px !important; }

/* --- FOOTER: same shape as reference --- */
#AYaFooter { box-shadow: none !important; margin-top: 15px; }
#AYaFooter .container { padding: 0 var(--yall-padding); }
.FW-Area { background: var(--footer_bd, #fff) !important; padding: 0 10px !important; border-radius: var(--rounded) !important; }
.AYa-SiteInfo { margin-top: 15px; }
.AYa-SiteInfo .container { padding: 0 var(--yall-padding); }
.AYa-SiteInfo .SnfoInner {
    background: var(--cop_bd, #fff) !important;
    color: var(--cop_color, #222) !important;
    padding: 15px !important;
    border-radius: var(--rounded) !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
}
.AYa-SiteInfo .SnfoInner ul { margin: 0; padding: 0; }
.AYa-SiteInfo .SnfoInner a { color: var(--cop_color, #222) !important; font-size: 13px; padding: 0 7px; display: block; }

/* --- LATEST NEWS (PS_1): frame + head + separate cards like reference --- */
.AY_Block.PS_1 {
    margin-bottom: 15px !important;
    box-shadow: 0 0 4px var(--bk-shadow, rgba(0,0,0,.08)) !important;
    background: var(--LightColor, #fff) !important;
    overflow: hidden !important;
    border-radius: var(--rounded, 8px) !important;
}
.AY_Block.PS_1 .AYb_Head {
    padding: 8px !important;
    overflow: hidden !important;
    border-bottom: 0 !important;
    border-radius: 0 !important;
    background: var(--LightColor, #fff) !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin: 0 !important;
}
.AY_Block.PS_1 .AYb_Head h2.aya-btn,
.AY_Block.PS_1 .AYb_Head h2 {
    font-size: 16px !important;
    margin: 0 !important;
    font-weight: 700 !important;
    background: var(--main_color, #50095A) !important;
    color: #fff !important;
    padding: 4px 10px 5px !important;
    border-radius: var(--rounded, 8px) !important;
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    height: auto !important;
    box-shadow: none !important;
}
.AY_Block.PS_1 .AYb_Head a.WTa {
    margin-left: 0 !important;
    margin-right: auto !important;
    padding: 0 10px !important;
    height: 30px !important;
    line-height: 25px !important;
    font-size: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--main_color, #50095A) !important;
    color: #fff !important;
    border-radius: var(--rounded, 8px) !important;
    text-decoration: none !important;
}
.AY_Block.PS_1 .AYb_Inner { padding: 0 12px !important; overflow: hidden !important; }
.AY_Block.PS_1 .AlbaGridPosts,
.AY_home_posts .AlbaGridPosts.Nfeed,
.AlbaGridPosts.Nfeed {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(237px, 1fr)) !important;
    gap: 12px !important;
    padding: 0 0 12px !important;
}
.AY_Block.PS_1 .gr-inner,
.AY_home_posts .Nfeed .gr-inner,
.Nfeed .gr-inner {
    display: block !important;
    height: 230px !important;
    background: #ffffff !important;
    border-radius: 8px !important;
    border: 0 !important;
    overflow: hidden !important;
    box-shadow: none !important;
}
.AY_Block.PS_1 .gr-img,
.AY_home_posts .Nfeed .gr-img,
.Nfeed .gr-img {
    width: 100% !important;
    height: 160px !important;
    min-width: 0 !important;
    flex: none !important;
    background-size: cover !important;
    background-position: center !important;
    display: block !important;
}
.AY_Block.PS_1 .gr-info,
.AY_home_posts .Nfeed .gr-info,
.Nfeed .gr-info {
    padding: 10px !important;
    width: 100% !important;
    height: 70px !important;
    display: block !important;
}
.AY_Block.PS_1 .gr-title,
.AY_home_posts .Nfeed .gr-title,
.Nfeed .gr-title {
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 22.5px !important;
    height: 50px !important;
    max-height: 50px !important;
    overflow: hidden !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    display: -webkit-box !important;
}

/* --- POST FEATURED IMAGE: centered like reference --- */
.PostFutImage { text-align: center !important; display: block !important; }
.PostFutImage img { display: inline-block !important; margin: 0 auto !important; max-width: 100% !important; height: auto !important; }

/* --- SIR TV TEXT BLOCK (below latest news): button = main_color, text one line --- */
.AY_home_posts.widget_text .AYb_Inner.PostsInner,
.AY_home_posts.widget_text .textwidget {
    display: block !important;
    padding: 15px 20px !important;
    background: var(--LightColor, #fff) !important;
    overflow: visible !important;
}
.widget_text .HeadTitle h2,
.AY_home_posts.widget_text .HeadTitle h2,
.AY_Block .AYb_Head h3.aya-btn {
    background: var(--main_color, #50095A) !important;
    color: #ffffff !important;
    padding: 4px 10px 5px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    border-radius: var(--rounded) !important;
    display: inline-flex !important;
    width: auto !important;
}
.widget_text .textwidget p,
.AY_home_posts.widget_text .textwidget p {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 33px !important;
    color: #000 !important;
    display: block !important;
    width: 100% !important;
}

/* --- LIVE BADGE: red blinking like reference --- */
.AY_Match.live .MT_Stat,
.AY_Match .MT_Stat.live,
.MT_Stat.live {
    --stat-bg: #d00000 !important;
    background: #d00000;
    color: #fff !important;
    animation: 500ms ease-in-out 0s infinite normal none running blinker !important;
    padding: 4px 10px 5px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}
@keyframes blinker { 50% { background: #263545; } }

/* --- MOBILE MENU: match reference behaviour --- */
@media screen and (max-width: 1000px) {
    .AYaMainNav { display: block !important; }
    .AYaMainNav .MainMenu { display: block !important; }
    .AYaMainNav .MainMenu li { display: block !important; width: 100% !important; margin-bottom: 12px !important; }
    .hed-btn.op {
        background: var(--main_color, #50095A) !important;
        border-radius: 50% !important;
        width: 40px !important;
        height: 40px !important;
        transition: background 0.3s !important;
    }
    html.OpenMenu .SiteOverlay {
        display: block !important;
        position: fixed !important;
        inset: 0 !important;
        background: rgba(0, 0, 0, 0.8) !important;
        z-index: 50 !important;
        visibility: visible !important;
        opacity: 1 !important;
        transition: 0.2s !important;
    }
    .SiteOverlay {
        display: block !important;
        position: fixed !important;
        inset: 0 !important;
        background: rgba(0, 0, 0, 0.8) !important;
        z-index: 50 !important;
        visibility: hidden !important;
        opacity: 0 !important;
        transition: 0.2s !important;
    }
}

/* --- HIDE TIMEZONE TEXT (بتوقيت مكة المكرمة) --- */
.tmz-name { display: none !important; }
body.show-tmz .tmz-name { display: flex !important; }

/* --- DARK MODE TWEAKS FOR THE NEW GRADIENTS --- */
.Night #AYaHeader .HdrInner { background: transparent !important; }
.Night #AYaHeader .MainMenu li > a { color: #fff !important; }
.Night .AY_Match { background: linear-gradient(#263545 0%, #2a2a3a 100%) !important; border-color: rgba(80, 9, 90, 0.25) !important; }
.Night .Nfeed .gr-inner { background: var(--DarkColor, #121a23) !important; }
.Night .Nfeed .gr-title { color: #f6f7fa !important; }
.Night .widget_text .textwidget { background: var(--LightColor, #263545) !important; color: #e2e8f0 !important; }