/*
Theme Name: TK Sjever
Author: TK Sjever
Description: Prozračna blokovska tema s fotografskim slajderom, klupskim programima i arhivom. Prva verzija za testiranje.
Version: 0.1.0
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: tk-sjever
License: GPL-2.0-or-later
*/
:root{--tk-blue:var(--wp--preset--color--blue,#1b73b5);--tk-red:var(--wp--preset--color--red,#bb2033);--tk-ink:var(--wp--preset--color--ink,#172633);--tk-soft:var(--wp--preset--color--soft,#f3f6f8);--tk-paper:var(--wp--preset--color--paper,#fff);--tk-line:#dce4e9;--tk-muted:#566875}
*{box-sizing:border-box}body{margin:0;background:var(--tk-paper);color:var(--tk-ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:var(--tk-blue);text-underline-offset:4px}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:3px solid var(--tk-blue);outline-offset:4px}img{max-width:100%;height:auto}figure{margin:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:inherit;line-height:1.16}h1{font-size:clamp(35px,4vw,56px);letter-spacing:-.045em;font-weight:700;margin-bottom:24px}h2{font-size:clamp(28px,3vw,38px);letter-spacing:-.03em;font-weight:600;margin-bottom:25px}h3{font-size:21px;letter-spacing:-.02em;font-weight:600}p{margin-bottom:20px}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}.tk-wrap{max-width:1180px;margin-inline:auto!important;width:calc(100% - 80px)}.tk-section{padding:72px 0;margin-top:0!important}.tk-eyebrow{color:var(--tk-blue);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:18px}.tk-main,.wp-site-blocks>*,.wp-block-template-part{margin-block-start:0}.wp-site-blocks{padding:0}.tk-header{border-bottom:1px solid var(--tk-line);background:var(--tk-paper)}.tk-header-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:20px}.tk-header-inner>*{margin:0}.tk-brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.tk-brand>*{margin:0}.tk-logo{width:65px;flex-shrink:0}.tk-logo img{display:block;width:65px;height:70px;object-fit:contain}.tk-brand-name{font-size:20px;letter-spacing:.035em;font-weight:700;margin:0}.tk-brand-name a{color:var(--tk-ink);text-decoration:none}.tk-brand-sub{font-size:10px;letter-spacing:.12em;margin:3px 0 0;color:var(--tk-muted)}.tk-navigation,.tk-preview-nav{font-size:13px}.tk-preview-nav{display:flex;gap:22px;flex-wrap:wrap}.tk-preview-nav a,.tk-navigation a{color:var(--tk-ink);text-decoration:none}.tk-preview-nav a:hover,.tk-navigation a:hover{text-decoration:underline}.wp-block-buttons{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.wp-block-button__link{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:12px 21px;background:var(--tk-red);border:1px solid var(--tk-red);color:#fff;border-radius:3px;font-size:13px;font-weight:600;text-decoration:none;line-height:1.4}.wp-block-button__link:hover{filter:brightness(.94);text-decoration:none}.is-style-outline .wp-block-button__link{background:transparent;color:var(--tk-ink);border-color:#a9b7c1}.tk-header .wp-block-button__link{min-height:42px;padding:10px 17px}.tk-slider{position:relative;background:var(--tk-soft);margin-top:0!important}.tk-slide{position:relative;min-height:510px;margin:0!important;overflow:hidden}.tk-slide-photo{position:absolute;inset:0 0 0 43%;margin:0!important}.tk-slide-photo img{width:100%;height:100%;object-fit:cover;object-position:center 52%;display:block}.tk-slide-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--tk-soft) 0%,rgba(243,246,248,.75) 7%,rgba(243,246,248,0) 35%)}.tk-slide-inner{position:relative;min-height:510px;display:flex;align-items:center;padding-block:56px 88px}.tk-slide-copy{width:45%;margin:0!important}.tk-slide-copy h1{max-width:490px}.tk-lead{font-size:16px;max-width:380px;color:#3b5262}.tk-slider-controls{position:absolute;bottom:24px;left:max(40px,calc((100% - 1180px)/2));display:flex;align-items:center;gap:14px;z-index:2}.tk-slider-controls button{border:1px solid #aebbc4;background:var(--tk-paper);color:var(--tk-ink);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:18px;padding:0}.tk-slider-controls button[aria-current=true]{background:var(--tk-blue);border-color:var(--tk-blue);color:white}.tk-slide-status{font-size:12px;color:var(--tk-muted);min-width:37px}.tk-slider-dots{display:flex;gap:8px}.tk-slider-dots button{width:27px;height:27px;font-size:11px}.tk-slider.is-ready>.tk-slide[hidden]{display:none}.tk-program-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;margin-top:38px}.tk-program{border-top:2px solid var(--tk-blue);padding-top:20px;position:relative;margin-top:0!important}.tk-number{font-size:12px;color:var(--tk-muted);margin-bottom:20px}.tk-program p:not(.tk-number){font-size:14px}.tk-program h3{margin-bottom:15px}.tk-text-link{font-size:13px;font-weight:600}.tk-text-link a{text-decoration:none}.tk-text-link a:hover{text-decoration:underline}.tk-about{background:var(--tk-soft)}.tk-about-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.tk-about-copy{margin-top:0!important}.tk-about-copy p:not(.tk-eyebrow){font-size:15px}.tk-water-photo{aspect-ratio:1.7;position:relative;overflow:hidden}.tk-water-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.tk-event-inner{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;align-items:center}.tk-event-copy{margin:0!important}.tk-event-copy>p:not(.tk-eyebrow){font-size:15px}.tk-poster{margin:0!important}.tk-poster img{display:block;width:100%;height:auto}.tk-archive-label{font-size:11px!important;font-weight:600;letter-spacing:.08em;color:var(--tk-muted)}.tk-section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex-wrap:wrap;margin-bottom:12px}.tk-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;padding:0;list-style:none}.tk-news-grid>article,.tk-news-grid>li{border-top:1px solid var(--tk-line);padding-top:24px;margin-top:0!important}.tk-news-grid time,.tk-news-grid .wp-block-post-date{font-size:12px;color:var(--tk-muted)}.tk-news-grid h3{font-size:20px;margin:16px 0;line-height:1.35}.tk-news-grid h3 a{color:var(--tk-ink);text-decoration:none}.tk-news-grid p{font-size:14px}.tk-news-grid a{font-size:13px}.tk-news-grid h3 a{font-size:inherit}.tk-contact{background:var(--tk-soft);border-top:1px solid var(--tk-line)}.tk-contact-inner{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:center}.tk-contact-copy p:last-child{max-width:490px;font-size:15px;margin-bottom:0}.tk-contact-details{border-left:2px solid var(--tk-red);padding-left:30px;margin:0!important}.tk-contact-details p{font-size:13px;margin:12px 0}.tk-contact-email a{font-size:clamp(18px,2.2vw,27px);text-decoration:none;font-weight:600;overflow-wrap:anywhere}.tk-footer{padding:36px 0;background:var(--tk-ink);color:#fff}.tk-footer-inner{display:grid;grid-template-columns:1.3fr 1.3fr 1fr;gap:30px}.tk-footer-inner>*{margin:0!important}.tk-footer p{font-size:12px;margin:0 0 7px;color:#d6e0e6}.tk-footer .tk-brand-name{color:#fff;font-size:16px}.tk-footer a{color:#fff}.tk-content{padding-block:65px 85px;min-height:450px}.tk-content>h1,.tk-content>.wp-block-post-title{max-width:900px}.tk-content .wp-block-post-content{overflow-wrap:anywhere;margin-top:36px}.tk-content .wp-block-post-content img{max-width:100%;height:auto}.tk-content .wp-block-search{margin-block:25px 40px}.wp-block-search__input{padding:12px;border:1px solid var(--tk-line);font:inherit;min-width:0}.wp-block-search__button{background:var(--tk-blue);color:#fff;border:0;padding:12px 20px}.tk-skip{position:absolute;left:20px;top:-100px;z-index:20;background:white;padding:10px}.tk-skip:focus{top:10px}.editor-styles-wrapper .tk-slide{margin-block:20px!important;border:1px dashed #a9b7c1}.editor-styles-wrapper .tk-slide-photo{pointer-events:auto}
@media(min-width:1440px){.tk-slide-photo{inset-inline-start:44%}.tk-slide{min-height:550px}.tk-slide-inner{min-height:550px}}
@media(max-width:960px){.tk-header-inner{gap:15px;flex-wrap:wrap}.tk-header-inner .tk-navigation,.tk-preview-nav{order:3;width:100%}.tk-slide-copy{width:48%}.tk-slide-photo{inset-inline-start:40%}.tk-slide-photo:after{background:linear-gradient(90deg,var(--tk-soft),rgba(243,246,248,.55) 15%,transparent 48%)}.tk-about-inner,.tk-event-inner{gap:35px}.tk-contact-inner{gap:30px}.tk-program-grid,.tk-news-grid{gap:22px}}
@media(max-width:640px){.tk-wrap{width:calc(100% - 40px)}.tk-section{padding-block:43px}.tk-header-inner{padding-block:13px;gap:12px}.tk-logo,.tk-logo img{width:46px}.tk-logo img{height:52px}.tk-brand{gap:9px}.tk-brand-name{font-size:17px}.tk-brand-sub{font-size:8px}.tk-header .wp-block-button__link{padding:10px 13px;font-size:12px}.tk-preview-nav{gap:10px 18px;font-size:12px}.tk-slide{min-height:0;display:flex;flex-direction:column}.tk-slide-photo{position:relative;inset:auto;order:2;width:100%;height:290px}.tk-slide-photo:after{background:linear-gradient(180deg,var(--tk-soft),transparent 17%)}.tk-slide-photo img{object-position:center 48%}.tk-slide-inner{min-height:0;padding:35px 0 22px}.tk-slide-copy{width:100%}.tk-slide-copy h1{font-size:37px;margin-bottom:17px}.tk-lead{font-size:14px;max-width:95%;margin-bottom:20px}.tk-slider-controls{position:relative;left:auto;bottom:auto;padding:13px 20px 18px;justify-content:center;background:var(--tk-soft)}.tk-slider-dots button{width:33px;height:33px}.tk-program-grid,.tk-news-grid,.tk-about-inner,.tk-event-inner,.tk-contact-inner{grid-template-columns:1fr;gap:28px}.tk-program-grid{margin-top:27px}.tk-program{padding-top:15px}.tk-number{margin-bottom:10px}.tk-about-copy h2 br{display:none}.tk-event .tk-poster{order:-1}.tk-water-photo{aspect-ratio:1.9}.tk-contact-details{padding-left:20px}.tk-footer-inner{grid-template-columns:1fr;gap:22px}.tk-section-heading{gap:0}.tk-content{padding-block:40px}.tk-content h1{font-size:34px;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:no-preference){a,button{transition:background-color .15s,color .15s}}
.tk-program-heading{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.tk-program-heading h2{margin:0}.tk-sports-icons{display:flex;align-items:center;gap:19px;margin:0!important}.tk-sport-icon{width:29px;height:29px;margin:0!important;opacity:.7}.tk-sport-icon img{display:block;width:29px;height:29px}.tk-news-image{margin:0 0 20px!important}.tk-news-image img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;height:auto}.tk-news-image a{display:block}.tk-news-image:empty{display:none}@media(max-width:640px){.tk-program-heading{gap:15px}.tk-sports-icons{gap:14px}.tk-sport-icon,.tk-sport-icon img{width:25px;height:25px}}
.tk-federations{border-top:1px solid var(--tk-line);padding:30px 0;background:var(--tk-paper);margin:0!important}.tk-federation-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}.tk-federation-inner>*,.tk-federation-logos>*{margin:0!important}.tk-federation-inner .tk-eyebrow{margin-bottom:7px}.tk-federation-caption{font-size:13px;color:var(--tk-muted);margin:0}.tk-federation-logos{display:flex;align-items:center;gap:38px}.tk-federation-logo a{display:block}.tk-federation-logo img{width:auto;height:65px;max-width:175px;object-fit:contain;display:block}.tk-federation-logo:last-child img{height:44px;max-width:180px}.tk-footer-bottom{border-top:1px solid #3d4b55;margin-top:25px!important;padding-top:16px}.tk-footer-bottom p{margin:0;font-size:11px}.tk-footer-bottom a{color:#c4cfd6;text-decoration:none}.tk-reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:70px}.tk-reading-article{min-width:0}.tk-reading-article h1{font-size:clamp(34px,4vw,50px);max-width:760px;margin-bottom:20px}.tk-breadcrumb{font-size:12px;color:var(--tk-muted);margin-bottom:35px}.tk-breadcrumb a{text-decoration:none}.tk-breadcrumb span{padding-inline:10px}.tk-post-meta,.tk-reading-article>.wp-block-post-date{font-size:12px;color:var(--tk-muted);border-bottom:1px solid var(--tk-line);padding-bottom:25px;margin-bottom:30px}.tk-article-body p{font-size:16px;line-height:1.85;margin-bottom:24px}.tk-article-body p:nth-last-child(2){font-size:14px;font-weight:600}.tk-post-featured{margin-block:25px}.tk-post-featured img{max-width:100%;height:auto}.tk-sidebar{align-self:start;border-left:1px solid var(--tk-line);padding-left:28px;margin:0!important}.tk-sidebar h3{font-size:17px;margin-bottom:20px}.tk-side-nav p{font-size:13px;border-bottom:1px solid var(--tk-line);padding-bottom:12px;margin-bottom:12px}.tk-side-nav a{text-decoration:none;color:var(--tk-ink)}.tk-side-contact{background:var(--tk-soft);padding:22px 18px;margin-top:32px!important;border-top:2px solid var(--tk-red)}.tk-side-contact h3{font-size:18px;line-height:1.35}.tk-side-contact p{font-size:13px}.tk-side-hts{margin-top:28px!important}.tk-side-hts p:not(.tk-eyebrow){font-size:13px}.tk-back-link{margin-top:40px;padding-top:24px;border-top:1px solid var(--tk-line);font-size:13px}@media(max-width:900px){.tk-reading-layout{gap:35px;grid-template-columns:minmax(0,1fr) 210px}.tk-sidebar{padding-left:20px}}@media(max-width:640px){.tk-reading-layout{grid-template-columns:1fr;gap:40px}.tk-sidebar{border-left:0;border-top:1px solid var(--tk-line);padding:30px 0 0}.tk-federation-logos{gap:25px}.tk-federation-logo img{height:58px}.tk-federation-logo:last-child img{height:38px;max-width:150px}.tk-reading-article h1{font-size:35px}}
.tk-news-placeholder a{aspect-ratio:16/10;display:grid;place-items:center;background:#fff}.tk-news-placeholder img{display:block;width:44%;height:76%;max-width:100%;object-fit:contain;aspect-ratio:auto;filter:grayscale(1);opacity:.13}