/* Tips listing (templates/tips-listing.php, partials/tc-card.php) + "Προτάσεις της ημέρας" sidebar widget. Builds on articles.css. */
.tips-sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tips-page{--tc-odd-bg:#62dac6;--tip-line:#e9edf2;--tip-gray:#e1e7ed}
.tips-page .art-preferred-source{margin-top:0}
.tips-page .tips-intro{margin-top:20px;font-size:16px;line-height:1.45}
.tips-page .tips-group{margin-top:26px}
.tips-page .tips-league-heading{background:var(--tip-gray);border-radius:8px;box-shadow:0 4px 8px 0 #0000002e;padding:26px 26px 24px;margin-bottom:24px}
.tips-page .tips-league-heading h1,.tips-page .tips-league-heading h2{font-family:var(--art-font);font-size:30px;font-weight:700;line-height:1.1;text-transform:uppercase;letter-spacing:0;color:#3c3c3c;padding:0;border:0}
.tips-page .custom-media.art-banner{margin:30px 0 0}
.tips-page .custom-media.art-banner+.tips-group{margin-top:36px}
/* /prognostika/ mixed feed: tip cards and article cards in one .art-list (its gap does the spacing) */
.tips-page .tips-feed{margin-top:26px}
.tips-page .tips-feed .tc-card,.tips-page .tips-feed .custom-media.art-banner{margin:0}

/* card */
.tips-page .tc-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px 0 #0000001a;margin-bottom:12px}
.tips-page .tc-row{display:flex;align-items:stretch}
.tips-page .tc-link{flex:1;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 210px auto;grid-template-areas:"when . oddlabel" "match pick odds";column-gap:18px;row-gap:6px;align-items:end;padding:14px 0 14px 14px;color:var(--art-text)}
.tips-page .tc-card[data-tip-url] .tc-row{cursor:pointer}.tips-page .tc-card[data-tip-url] .tc-link:hover .tc-match-name{color:var(--art-teal)}.tips-page a.tc-match-name{color:inherit;text-decoration:none}.tips-page a.tc-odds{text-decoration:none}
.tips-page .tc-when{grid-area:when;font-size:13px;color:#333;align-self:start}
.tips-page .tc-expired{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:4px;background:#eceff2;color:#666;font-size:11px;text-transform:uppercase;vertical-align:1px}
.tips-page .tc-odd-label{grid-area:oddlabel;font-size:10px;font-weight:700;text-transform:uppercase;color:#555;text-align:center;align-self:start}
.tips-page .tc-match{grid-area:match;display:flex;align-items:center;gap:14px;align-self:center}
.tips-page .tc-flag{flex:none;display:flex;align-items:center;justify-content:center;width:44px;height:44px}
.tips-page .tc-flag .flag{display:block;width:24px;height:24px;transform:scale(1.84)}
.tips-page .tc-match-name{font-size:13px;font-weight:700;text-transform:uppercase;line-height:1.25;transition:color .2s}
.tips-page .tc-pick{grid-area:pick;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}
.tips-page .tc-market{font-size:11px;line-height:1.2;color:#333}
.tips-page .tc-selection{font-size:19px;font-weight:700;line-height:1.1}
.tips-page .tc-odds{grid-area:odds;display:flex;align-items:stretch;height:38px;border-radius:6px;overflow:hidden;align-self:center}
.tips-page .tc-odd{display:flex;align-items:center;justify-content:center;min-width:64px;padding:0 10px;background:var(--tc-odd-bg);color:#fff;font-size:19px;font-weight:700}
.tips-page .tc-book{display:flex;align-items:center;justify-content:center;width:74px;padding:0 4px}
.tips-page .tc-book img{display:block;max-width:64px;max-height:28px;width:auto;height:auto;margin:0}
.tips-page .tc-toggle{flex:none;width:58px;border:0;background:none;color:var(--art-teal);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.tips-page .tc-toggle svg{transition:transform .2s;transform:rotate(180deg)}
.tips-page .tc-card.is-open .tc-toggle svg{transform:none}
.tips-page .tc-toggle:focus-visible{outline:2px solid var(--art-teal);outline-offset:-4px;border-radius:6px}
.tips-page .tc-analysis{border-top:2px solid var(--tip-line);padding:12px 14px 14px}
.tips-page .tc-analysis-inner{background:#f5f7f9;border-radius:8px;padding:22px 24px;font-size:18px;line-height:1.45}
.tips-page .tc-analysis-inner p{margin:0 0 10px;font-size:inherit;line-height:inherit;font-family:var(--art-font)}
.tips-page .tc-analysis-inner p:last-child{margin-bottom:0}
.tips-page .tips-empty{background:#fff;border-radius:8px;padding:24px;text-align:center;font-size:16px}
.tips-page .tips-rypoi{margin-top:24px;text-align:center}

@media (max-width:640px){
	.tips-page .tips-league-heading{padding:18px 18px 16px}
	.tips-page .tips-league-heading h1,.tips-page .tips-league-heading h2{font-size:24px}
	.tips-page .tc-link{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"when when" "match match" "pick odds";row-gap:10px;padding:12px 0 12px 12px}
	.tips-page .tc-odd-label{display:none}
	.tips-page .tc-pick{align-items:flex-start;text-align:left}
	.tips-page .tc-flag{width:32px;height:32px}
	.tips-page .tc-flag .flag{transform:scale(1.34)}
	.tips-page .tc-toggle{width:44px}
	.tips-page .tc-analysis-inner{font-size:16px;padding:16px}
}

/* a tip's own page (templates/tip-single.php): article layout (articles.css) with the tip card under the title */
.tip-single-page .tip-single-card{margin-top:24px}
.tip-single-page .tip-single-card .tc-card{margin-bottom:0}
.tip-single-page .art-content{margin-top:28px;margin-bottom:28px}
.tips-page .tip-single-more{text-align:center;margin:26px 0 8px}
.tips-page .tip-single-more a{font-weight:700;color:var(--art-teal)}