/* Liga budućih šampiona — informativne stranice */
.content-page{background:#f4f6f8}
.page-banner{padding:27px 0 45px;background:var(--navy);color:#fff;position:relative;overflow:hidden}
.page-banner:after{content:'';position:absolute;inset:0 0 0 auto;width:35%;background:linear-gradient(120deg,transparent,#f5a42c12);pointer-events:none}
.page-breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;color:#c2cfe1;font-size:13px;margin-bottom:30px;position:relative;z-index:1;overflow-wrap:anywhere}
.page-breadcrumbs a:hover{color:#fff;text-decoration:underline}
.page-banner .eyebrow{color:#c6d4e6}
.page-banner h1{font:700 clamp(42px,5vw,65px)/1.12 'Barlow Condensed',Arial,sans-serif;text-transform:uppercase;margin:15px 0 0;max-width:1000px;overflow-wrap:anywhere;position:relative;z-index:1}
.page-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:30px;padding-top:40px;padding-bottom:55px;align-items:start}
.page-article{background:#fff;border:1px solid #e0e6ee;padding:40px;min-width:0}
.page-richtext{font-size:17px;line-height:1.95;color:#334155;overflow-wrap:anywhere;overflow-x:auto}
/* CMS sadržaj zadržava HTML strukturu, uz čitljiv tekst na beloj podlozi. */
.page-richtext :where(p,div,span,li,td,th,font){color:inherit!important;font-family:inherit!important;font-size:inherit!important;line-height:inherit!important;background-color:transparent!important}
.page-richtext :where(p,div,span,li,font){max-width:100%}
.page-richtext p{margin:0 0 1.2em}
.page-richtext> :first-child{margin-top:0}
.page-richtext> :last-child{margin-bottom:0}
.page-richtext h1,.page-richtext h2,.page-richtext h3,.page-richtext h4,.page-richtext h5,.page-richtext h6{color:var(--navy)!important;font-family:'Barlow Condensed',Arial,sans-serif!important;font-weight:700!important;line-height:1.2!important;margin:1.2em 0 .55em}
.page-richtext h1{font-size:38px!important}.page-richtext h2{font-size:33px!important}.page-richtext h3{font-size:28px!important}.page-richtext h4{font-size:24px!important}.page-richtext h5,.page-richtext h6{font-size:21px!important}
.page-richtext :where(h1,h2,h3,h4,h5,h6) :where(span,font){color:inherit!important;font-family:inherit!important;font-size:inherit!important;line-height:inherit!important}
.page-richtext ul,.page-richtext ol{margin:.7em 0 1.4em;padding-left:1.5em;color:#334155}
.page-richtext li{margin-bottom:.55em}
.page-richtext ul ul,.page-richtext ol ol,.page-richtext ul ol,.page-richtext ol ul{margin:.5em 0}
.page-richtext a{color:#174e84!important;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.page-richtext a:hover{color:#98600b!important}
.page-richtext img{max-width:100%!important;height:auto!important;vertical-align:middle}
.page-richtext figure{max-width:100%;margin:1.5em 0}
.page-richtext figcaption{font-size:14px;color:var(--muted);line-height:1.7;margin-top:10px}
.page-richtext iframe,.page-richtext video,.page-richtext object,.page-richtext embed{max-width:100%!important}
.page-richtext iframe[src*="youtube"],.page-richtext iframe[src*="youtu.be"],.page-richtext iframe[src*="vimeo"]{width:100%!important;height:auto!important;aspect-ratio:16/9}
.page-richtext blockquote{margin:1.5em 0;padding:16px 22px;background:#f2f5f9;border-left:3px solid var(--orange)}
.page-richtext blockquote p:last-child{margin-bottom:0}
.page-richtext hr{border:0;border-top:1px solid #e1e8ef;margin:2em 0}
.page-richtext pre{overflow:auto;background:#f1f4f8;padding:16px;font-size:14px;line-height:1.6}
.page-richtext table{max-width:100%!important;border-collapse:collapse;font-size:15px!important;line-height:1.65}
.page-richtext th,.page-richtext td{border:1px solid #d7e0ea;padding:12px 14px;vertical-align:top;min-width:80px}
.page-richtext th{background:#edf2f7!important;color:var(--navy)!important;font-weight:800}
.rich-table-scroll{max-width:100%;overflow-x:auto;margin:1.5em 0;-webkit-overflow-scrolling:touch}
.rich-table-scroll table{margin:0}
.article-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;border-top:1px solid #e2e8f0;padding-top:25px;margin-top:35px}
.article-bottom .textlink{font-size:14px}
.page-sidebar{min-width:0;display:grid;gap:22px}
.side-box{padding:25px;background:#fff;border:1px solid #dce3eb}
.side-box h2{font:700 30px/1.2 'Barlow Condensed',Arial,sans-serif;margin:13px 0 20px;text-transform:uppercase}
.side-nav{display:flex;flex-direction:column}
.side-nav a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-top:1px solid #e3e9f0;font-size:16px;font-weight:700}
.side-nav a span{color:#a56b13}
.side-nav a:hover,.side-nav a[aria-current="page"]{color:#98600b}
.side-nav a[aria-current="page"]{border-left:3px solid var(--orange);padding-left:12px}
.side-competition{background:var(--navy);color:#fff;padding:27px 25px}
.side-competition .eyebrow{font-size:11px;color:#c1d0e3}
.side-competition h2{font:700 35px/1.05 'Barlow Condensed',Arial,sans-serif;margin:18px 0;text-transform:uppercase}
.side-competition p{font-size:15px;line-height:1.8;color:#d1dcea;margin:0 0 23px}
.side-competition .btn{width:100%;padding:13px 12px;font-size:14px;gap:12px}
.page-message h2{font:700 33px 'Barlow Condensed',Arial,sans-serif;margin:0 0 15px}
.page-message p{font-size:17px;line-height:1.8;color:#59697e;margin-bottom:25px}
.content-page .partners{background:#fff}
@media(max-width:1000px){.page-layout{grid-template-columns:minmax(0,1fr) 250px;gap:22px}.page-article{padding:30px}.side-box,.side-competition{padding:22px}.page-richtext{font-size:16px}}
@media(max-width:800px){.page-layout{grid-template-columns:1fr}.page-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.page-article{padding:30px}.side-competition h2{font-size:31px}}
@media(max-width:650px){.page-banner{padding:20px 0 32px}.page-breadcrumbs{font-size:12px;margin-bottom:25px}.page-banner h1{font-size:43px}.page-layout{padding-top:22px;padding-bottom:35px;gap:22px}.page-article{padding:24px 20px}.page-richtext{font-size:16px;line-height:1.9}.page-richtext h1{font-size:32px!important}.page-richtext h2{font-size:29px!important}.page-richtext h3{font-size:25px!important}.page-richtext h4{font-size:23px!important}.page-richtext table{font-size:14px!important}.page-richtext th,.page-richtext td{padding:10px;min-width:90px}.page-sidebar{grid-template-columns:1fr;gap:18px}.article-bottom{gap:18px;margin-top:27px;padding-top:22px}.article-bottom .textlink{font-size:13px}.page-message p{font-size:16px}}
