/*
Theme Name: TIK Modern
Theme URI: https://www.tik.hr/
Author: TIK Zagreb
Description: Moderna poslovna WordPress tema za TIK Zagreb s opsežnim postavkama, responsive layoutom i light/dark načinom rada.
Version: 0.3.12
Text Domain: tik-modern
*/
:root{--tik-blue:#0875bd;--tik-navy:#063f70;--tik-bg:#fff;--tik-surface:#f4f8fb;--tik-text:#102d49;--tik-muted:#63778a;--tik-border:#dce7ef;--tik-dark-bg:#091722;--tik-dark-surface:#112635;--tik-dark-text:#edf6fc;--tik-dark-heading:#e4f4ff;--tik-radius:8px;--tik-width:1440px;--tik-content-width:900px;--tik-sidebar-width:320px;--tik-gutter:32px;--tik-font-size:16px;--tik-line-height:1.6;--tik-header-height:82px;--tik-section-space:76px}
html[data-theme="dark"]{--tik-bg:var(--tik-dark-bg);--tik-surface:var(--tik-dark-surface);--tik-text:var(--tik-dark-text);--tik-navy:var(--tik-dark-heading);--tik-muted:#a9bdcb;--tik-border:#28404f;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;min-width:0;overflow-x:hidden;background:var(--tik-bg);color:var(--tik-text);font-size:var(--tik-font-size);line-height:var(--tik-line-height)}a{color:var(--tik-blue);text-decoration:none}img{display:block;max-width:100%;height:auto}.tik-container{width:min(calc(100% - (var(--tik-gutter) * 2)),var(--tik-width));max-width:100%;margin-inline:auto}.tik-container.narrow{max-width:var(--tik-content-width)}
.site-header{width:100%;z-index:100;background:color-mix(in srgb,var(--tik-bg) 95%,transparent);border-bottom:1px solid var(--tik-border);backdrop-filter:blur(14px)}.site-header.is-sticky{position:sticky;top:0}.header-inner{min-height:var(--tik-header-height);display:flex;align-items:center;gap:28px;min-width:0}.site-branding{display:flex;align-items:center;gap:16px;margin-right:auto;min-width:0;flex:0 1 auto}.custom-logo{max-height:54px;width:auto}.site-title{font-size:25px;font-weight:850;color:var(--tik-navy);white-space:nowrap}.site-tagline{font-size:10px;max-width:130px;line-height:1.25;color:var(--tik-muted);text-transform:uppercase}.main-nav{min-width:0}.main-nav ul{display:flex;align-items:center;gap:clamp(14px,1.7vw,30px);list-style:none;margin:0;padding:0}.main-nav li{position:relative}.main-nav a{font-size:14px;font-weight:700;color:var(--tik-text);white-space:nowrap}.main-nav a:hover{color:var(--tik-blue)}.main-nav .sub-menu{display:none;position:absolute;top:100%;left:-18px;min-width:230px;background:var(--tik-bg);border:1px solid var(--tik-border);padding:10px;box-shadow:0 14px 35px rgba(0,0,0,.12);z-index:20}.main-nav li:hover>.sub-menu{display:block}.main-nav .sub-menu a{display:block;padding:9px 10px}.main-nav .sub-menu .sub-menu{left:100%;top:-10px}.header-actions{display:flex;gap:6px;align-items:center;flex-shrink:0}.theme-toggle,.search-toggle,.mobile-toggle{border:0;background:transparent;color:var(--tik-text);font-size:20px;cursor:pointer;padding:9px}.mobile-toggle{display:none}.tik-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:max(4px,var(--tik-radius));background:var(--tik-blue);color:#fff!important;font-weight:750;border:1px solid var(--tik-blue);transition:.2s;white-space:nowrap}.tik-button:hover{transform:translateY(-1px);filter:brightness(.96)}.tik-button.alt{background:var(--tik-bg);color:var(--tik-text)!important;border-color:var(--tik-border)}.header-search{display:none;border-top:1px solid var(--tik-border);padding:14px 0;background:var(--tik-bg)}.header-search.open{display:block}.header-search form{display:flex;max-width:700px;margin:auto}.header-search input{width:100%;padding:12px;border:1px solid var(--tik-border);background:var(--tik-bg);color:var(--tik-text)}
.hero{width:100%;background:var(--tik-surface);overflow:hidden}.hero-inner{min-height:var(--hero-h,560px);display:grid;grid-template-columns:minmax(0,var(--hero-text,48%)) minmax(0,1fr);align-items:stretch}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:64px clamp(32px,4vw,72px) 64px 0;min-width:0}.hero-media{min-height:420px;background:linear-gradient(135deg,color-mix(in srgb,var(--tik-blue) 10%,var(--tik-surface)),color-mix(in srgb,var(--tik-blue) 28%,var(--tik-surface)));position:relative;overflow:hidden}.hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--hero-position,center)}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--tik-surface) 0%,transparent 18%);pointer-events:none}.eyebrow{color:var(--tik-blue);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.09em}.hero h1{font-size:clamp(42px,4.2vw,68px);line-height:1.02;margin:10px 0 20px;color:var(--tik-navy);letter-spacing:-.035em}.hero p{font-size:18px;max-width:650px;margin:0}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.trustbar{width:100%;border-bottom:1px solid var(--tik-border);background:var(--tik-bg)}.trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px;padding:27px 0}.trust-item{display:flex;gap:14px;align-items:flex-start;min-width:0}.trust-icon{font-size:29px;line-height:1;color:var(--tik-blue)}.trust-item strong{display:block;line-height:1.25}.trust-item small{display:block;color:var(--tik-muted);margin-top:4px}
.section{width:100%;padding:var(--tik-section-space) 0}.section.alt{background:var(--tik-surface)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.section h2,.archive-head h1{font-size:clamp(30px,3.2vw,48px);line-height:1.12;margin:7px 0 14px;color:var(--tik-navy);letter-spacing:-.025em}.program-grid{display:grid;grid-template-columns:repeat(var(--program-cols,5),minmax(0,1fr));gap:18px}.program-card{min-width:0;background:var(--tik-bg);border:1px solid var(--tik-border);overflow:hidden;transition:.2s}.tik-rounded .program-card,.tik-rounded .featured-image img,.tik-rounded .about-image img,.tik-rounded .content-card,.tik-rounded .post-card,.tik-rounded .widget{border-radius:var(--tik-radius)}.tik-shadows .program-card:hover,.tik-shadows .post-card:hover{transform:translateY(-3px);box-shadow:0 14px 36px rgba(0,0,0,.09)}.program-card>a{display:block;color:inherit}.program-card img,.program-placeholder{width:100%;aspect-ratio:1.28;object-fit:cover;background:linear-gradient(135deg,var(--tik-surface),color-mix(in srgb,var(--tik-blue) 14%,var(--tik-surface)))}.program-card-body{padding:19px}.program-card h3{margin:0 0 6px;font-size:18px;color:var(--tik-navy)}.program-card p{font-size:13px;color:var(--tik-muted);margin:0 0 16px}.program-card span{font-size:13px;color:var(--tik-blue);font-weight:750}.featured-grid,.about-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:clamp(36px,5vw,80px)}.featured-grid.image-left .featured-image{order:-1}.featured-copy p,.about-grid p{font-size:17px;color:var(--tik-muted)}.featured-image img,.about-image img{width:100%;max-height:520px;object-fit:cover}.partner-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:30px}.partner{min-height:88px;border:1px solid var(--tik-border);background:var(--tik-bg);display:flex;align-items:center;justify-content:center;padding:16px;min-width:0}.partner a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.partner img{max-height:46px;max-width:150px}
.cta{width:100%;background:#064879;color:#fff}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:31px 0}.cta h3{margin:0;font-size:25px}.cta p{margin:4px 0 0;color:#dcecf7}.cta-button{background:#fff;color:#064879!important;border-color:#fff}.site-footer{width:100%;padding:46px 0 24px;background:var(--tik-bg);border-top:1px solid var(--tik-border)}.footer-grid{display:grid;grid-template-columns:repeat(var(--footer-cols,4),minmax(0,1fr));gap:40px}.footer-widget h3{font-size:16px;color:var(--tik-navy)}.footer-widget ul{list-style:none;padding:0}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--tik-border);margin-top:30px;padding-top:20px;color:var(--tik-muted);font-size:13px}.footer-menu{display:flex;gap:18px;list-style:none;margin:0;padding:0}
.site-main{width:100%;padding-top:34px;padding-bottom:70px}.breadcrumbs{font-size:13px;color:var(--tik-muted);display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) var(--tik-sidebar-width);gap:55px;align-items:start}.tik-sidebar-left .primary-content{order:2}.tik-sidebar-left .main-sidebar{order:1}.tik-sidebar-none .content-layout{grid-template-columns:minmax(0,1fr)}.primary-content{min-width:0}.content-card{max-width:var(--tik-content-width);margin-inline:auto;background:var(--tik-bg)}.entry-title{font-size:clamp(38px,5vw,60px);line-height:1.08;color:var(--tik-navy);letter-spacing:-.03em;margin:0 0 12px}.entry-meta{font-size:13px;color:var(--tik-muted);margin-bottom:24px}.entry-featured{margin:25px 0}.entry-featured img{width:100%;height:auto}.entry-content{font-size:17px}.entry-content h2,.entry-content h3{color:var(--tik-navy);line-height:1.2}.main-sidebar{position:sticky;top:calc(var(--tik-header-height) + 25px);min-width:0}.widget{border:1px solid var(--tik-border);padding:22px;margin-bottom:20px;background:var(--tik-bg)}.widget-title{margin-top:0;color:var(--tik-navy)}.posts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.post-card{border:1px solid var(--tik-border);overflow:hidden;background:var(--tik-bg);transition:.2s}.post-card>a{color:inherit}.post-card img{width:100%;aspect-ratio:1.55;object-fit:cover}.post-card-body{padding:22px}.post-card h2{color:var(--tik-navy);font-size:22px;line-height:1.2;margin:0 0 10px}.post-card p{color:var(--tik-muted)}.navigation.pagination{grid-column:1/-1}.screen-reader-text{position:absolute;left:-9999px}
.home-full .home-section-container{width:min(calc(100% - (var(--tik-gutter) * 2)),var(--tik-home-width,1920px));margin-inline:auto}.home-contained .home-section-container{width:min(calc(100% - (var(--tik-gutter) * 2)),var(--tik-width));margin-inline:auto}
@media(max-width:1240px){.main-nav ul{gap:14px}.site-tagline{display:none}.program-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.partner-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.posts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1040px){.mobile-toggle{display:block;order:2}.header-actions{order:3}.main-nav{display:none;position:absolute;left:0;right:0;top:var(--tik-header-height);background:var(--tik-bg);border-bottom:1px solid var(--tik-border);padding:18px var(--tik-gutter);max-height:calc(100vh - var(--tik-header-height));overflow:auto}.main-nav.open{display:block}.main-nav ul{display:block}.main-nav a{display:block;padding:10px 0}.main-nav .sub-menu{position:static;display:none;box-shadow:none;border:0;padding:0 0 0 18px}.main-nav .submenu-open>.sub-menu{display:block}.header-button{display:none}.hero-inner{grid-template-columns:1fr 1fr}.hero-copy{padding-right:32px}.trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-grid,.about-grid{grid-template-columns:1fr;gap:35px}.featured-grid.image-left .featured-image{order:0}.content-layout{grid-template-columns:1fr}.main-sidebar{position:static}.tik-sidebar-left .primary-content,.tik-sidebar-left .main-sidebar{order:initial}}
@media(max-width:760px){:root{--tik-gutter:20px}.site-title{font-size:21px}.hero-inner{display:block;min-height:0}.hero-copy{padding:54px 0 44px}.hero-media{min-height:300px;margin-inline:calc(var(--tik-gutter) * -1)}.hero-media:after{background:linear-gradient(180deg,var(--tik-surface) 0%,transparent 16%)}.hero h1{font-size:clamp(38px,11vw,54px)}.trust-grid,.program-grid,.partner-grid,.posts-grid{grid-template-columns:1fr 1fr}.cta-inner,.footer-bottom{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:520px){:root{--tik-gutter:16px}.trust-grid,.program-grid,.partner-grid,.posts-grid,.footer-grid{grid-template-columns:1fr!important}.header-actions .theme-toggle{display:none}.hero-media{min-height:240px}.section{padding:56px 0}}

/* Light / Dark switch */
.theme-toggle{width:42px;height:42px;border:1px solid var(--tik-border);border-radius:999px;background:var(--tik-surface);display:inline-flex;align-items:center;justify-content:center;position:relative;transition:.2s}
.theme-toggle:hover{border-color:var(--tik-blue);transform:translateY(-1px)}
.theme-toggle .theme-icon{position:absolute;line-height:1;font-size:19px;transition:opacity .18s,transform .18s}
.theme-icon-sun{opacity:1;transform:scale(1) rotate(0)}
.theme-icon-moon{opacity:0;transform:scale(.65) rotate(-20deg)}
html[data-theme="dark"] .theme-icon-sun{opacity:0;transform:scale(.65) rotate(20deg)}
html[data-theme="dark"] .theme-icon-moon{opacity:1;transform:scale(1) rotate(0)}
@media(max-width:520px){.header-actions .theme-toggle{display:inline-flex}}


/* v0.3.2 - Keep inner page/archive content inside the configured centered container.
   .site-main previously declared width:100% after .tik-container and overrode it. */
.site-main.tik-container{
  width:min(calc(100% - (var(--tik-gutter) * 2)),var(--tik-width));
  max-width:var(--tik-width);
  margin-inline:auto;
}
@media(max-width:760px){
  .site-main.tik-container{
    width:calc(100% - (var(--tik-gutter) * 2));
  }
}

/* v0.3.3 - Configurable archive/category card columns */
.posts-grid{grid-template-columns:repeat(var(--archive-cols,4),minmax(0,1fr));gap:20px}
.posts-grid .post-card-body{padding:18px}
.posts-grid .post-card h2{font-size:18px}
.posts-grid .post-card p{font-size:14px;line-height:1.55}
@media(max-width:1240px){.posts-grid{grid-template-columns:repeat(min(var(--archive-cols,4),3),minmax(0,1fr))}}
@media(max-width:980px){.posts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.posts-grid{grid-template-columns:1fr}}

/* TIK v0.3.6 — administrator-controlled typography */
h1{font-size:var(--font-h1)}h2{font-size:var(--font-h2)}h3{font-size:var(--font-h3)}h4{font-size:var(--font-h4)}h5{font-size:var(--font-h5)}h6{font-size:var(--font-h6)}
.hero h1{font-size:var(--font-hero-title)}.hero p{font-size:var(--font-hero-text)}
.archive-head h1{font-size:var(--font-archive-title)}.entry-title{font-size:var(--font-h1)}
.program-card h3,.posts-grid .post-card h2,.post-card h2{font-size:var(--font-card-title)}
.program-card p,.posts-grid .post-card p,.post-card p{font-size:var(--font-card-text)}
.main-nav a{font-size:var(--font-nav)}.tik-button{font-size:var(--font-button)}
.breadcrumbs{font-size:var(--font-breadcrumb)}.entry-meta{font-size:var(--font-meta)}
.widget,.main-sidebar{font-size:var(--font-sidebar)}.site-footer,.footer-bottom{font-size:var(--font-footer)}.cta h3{font-size:var(--font-cta-title)}
@media(max-width:760px){.hero h1{font-size:min(var(--font-hero-title),54px)}.entry-title{font-size:min(var(--font-h1),48px)}.archive-head h1{font-size:min(var(--font-archive-title),44px)}}


/* TIK v0.3.7 — independent typography by page context */
/* Homepage */
.home .hero h1{font-size:var(--home-hero-title)}
.home .hero p{font-size:var(--home-hero-text)}
.home .section h2{font-size:var(--home-section-title)}
.home .program-card h3{font-size:var(--home-card-title)}
.home .program-card p{font-size:var(--home-card-text)}
.home .featured-copy p,.home .about-grid p,.home .section>div>p{font-size:var(--home-body-text)}
.home .cta h3{font-size:var(--home-cta-title)}
/* Static pages */
.page:not(.home) .entry-title{font-size:var(--page-title)}
.page:not(.home) .entry-content{font-size:var(--page-body)}
.page:not(.home) .entry-content h2{font-size:var(--page-h2)}
.page:not(.home) .entry-content h3{font-size:var(--page-h3)}
.page:not(.home) .entry-content h4{font-size:var(--page-h4)}
.page:not(.home) .entry-content h5{font-size:var(--page-h5)}
.page:not(.home) .entry-content h6{font-size:var(--page-h6)}
/* Single posts/products */
.single .entry-title{font-size:var(--post-title)}
.single .entry-content{font-size:var(--post-body)}
.single .entry-content h2{font-size:var(--post-h2)}
.single .entry-content h3{font-size:var(--post-h3)}
.single .entry-content h4{font-size:var(--post-h4)}
.single .entry-content h5{font-size:var(--post-h5)}
.single .entry-content h6{font-size:var(--post-h6)}
.single .entry-meta{font-size:var(--post-meta)}
/* Archives/categories/search/blog listing */
.archive .archive-head h1,.category .archive-head h1,.search .archive-head h1,.blog .archive-head h1{font-size:var(--archive-title-size)}
.archive .post-card h2,.category .post-card h2,.search .post-card h2,.blog .post-card h2{font-size:var(--archive-card-title)}
.archive .post-card p,.category .post-card p,.search .post-card p,.blog .post-card p{font-size:var(--archive-card-text)}
.archive .entry-meta,.category .entry-meta,.search .entry-meta,.blog .entry-meta{font-size:var(--archive-meta)}
@media(max-width:760px){
 .home .hero h1{font-size:min(var(--home-hero-title),54px)}
 .page:not(.home) .entry-title{font-size:min(var(--page-title),48px)}
 .single .entry-title{font-size:min(var(--post-title),48px)}
 .archive .archive-head h1,.category .archive-head h1,.search .archive-head h1,.blog .archive-head h1{font-size:min(var(--archive-title-size),44px)}
}

/* TIK v0.3.8 — automatic child-page cards */
.subpages-grid{display:grid;grid-template-columns:repeat(var(--subpage-cols,4),minmax(0,1fr));gap:20px;margin-top:36px}
.subpage-card{overflow:hidden;border:1px solid var(--tik-border);border-radius:var(--tik-radius);background:var(--tik-bg);transition:transform .18s ease,box-shadow .18s ease}
.subpage-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.08)}
.subpage-thumb{display:flex;height:var(--subpage-image-height,190px);overflow:hidden;background:var(--tik-surface);align-items:center;justify-content:center}
.subpage-thumb img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:var(--subpage-image-fit,contain);object-position:center}
.subpage-card-body{padding:20px}.subpage-card h2{font-size:var(--page-h3);margin:0 0 10px}.subpage-card h2 a{text-decoration:none;color:var(--tik-navy)}
.subpage-card p{margin:0 0 16px;color:var(--tik-muted);font-size:14px}.subpage-more{text-decoration:none;font-weight:700;color:var(--tik-blue)}
html[data-theme="dark"] .subpage-card{background:var(--tik-dark-surface);border-color:rgba(255,255,255,.1)}html[data-theme="dark"] .subpage-card h2 a{color:var(--tik-dark-heading)}
@media(max-width:1240px){.subpages-grid{grid-template-columns:repeat(min(var(--subpage-cols,4),3),minmax(0,1fr))}}
@media(max-width:900px){.subpages-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.subpages-grid{grid-template-columns:1fr}}

/* Featured image sizing: always stays inside the content column. */
.entry-featured{width:100%;max-width:100%;min-width:0;overflow:hidden;margin-inline:auto}
.entry-featured img{display:block;width:100%;max-width:100%;height:auto;margin:0 auto;object-fit:contain}
.page .entry-featured img{max-height:var(--featured-page-max-height)}
.single-post .entry-featured img{max-height:var(--featured-post-max-height)}
.tik-page-featured-small.page .entry-featured{max-width:480px}
.tik-page-featured-medium.page .entry-featured{max-width:720px}
.tik-post-featured-small.single-post .entry-featured{max-width:480px}
.tik-post-featured-medium.single-post .entry-featured{max-width:720px}
.tik-page-featured-fit-cover.page .entry-featured img{height:var(--featured-page-max-height);object-fit:cover}
.tik-page-featured-fit-contain.page .entry-featured img{object-fit:contain}
.tik-post-featured-fit-cover.single-post .entry-featured img{height:var(--featured-post-max-height);object-fit:cover}
.tik-post-featured-fit-contain.single-post .entry-featured img{object-fit:contain}