:root{
    --navy:#142440;
    --navy-deep:#0D1830;
    --brass:#B8862E;
    --brass-deep:#8F6A20;
    --wine:#7A2E2E;
    --paper:#FFFFFF;
    --band:#EEF1F5;
    --band-deep:#E4E8EE;
    --ink:#16181C;
    --slate:#5B6470;
    --slate-light:#8892A0;
    --line:#DDE1E6;
    --serif: "Source Serif 4", Georgia, serif;
    --sans: "IBM Plex Sans", -apple-system, sans-serif;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    font-family:var(--sans);
    color:var(--ink);
    background:var(--paper);
    -webkit-font-smoothing:antialiased;
    text-align:justify; /* poravnanje teksta svuda na sajtu */
  }
  img{max-width:100%;display:block;object-fit:cover;}
  a{color:inherit;text-decoration:none;}
  figure{margin:0;}
  .wrap{max-width:1240px;margin:0 auto;padding:0 24px;}

  /* ---------- utility bar ---------- */
  .utility{
    background:var(--navy-deep);
    color:#C7D0DE;
    font-size:13px;
  }
  .utility .wrap{
    display:flex;justify-content:space-between;align-items:center;height:36px;
  }
  .utility .date{color:#8A97AC;}
  .utility .links{display:flex;gap:18px;}
  .utility .links a{color:#C7D0DE;}
  .utility .links a:hover{color:#fff;}

  /* ---------- header / nav ---------- */
  header.site{
    background:var(--paper);
    border-bottom:1px solid var(--line);
    position:sticky;top:0;z-index:50;
  }
  .header-row{
    display:flex;align-items:center;justify-content:space-between;
    padding:18px 0;
    gap:24px;
  }
  .logo{
    font-family:var(--serif);
    font-weight:700;
    font-size:28px;
    letter-spacing:0.2px;
    color:var(--navy);
    display:flex;align-items:baseline;gap:8px;
  }
  .logo .mark{
    width:34px;height:34px;
    background:var(--brass);
    border-radius:3px;
    display:inline-flex;align-items:center;justify-content:center;
    color:var(--navy-deep);
    font-family:var(--serif);
    font-weight:700;font-size:18px;
    flex:none;
  }
  .logo .tag{
    font-family:var(--sans);
    font-weight:500;
    font-size:12px;
    color:var(--slate);
    letter-spacing:0.3px;
  }
  nav.primary{
    display:flex;gap:2px;
  }
  nav.primary a{
    font-size:15px;
    font-weight:500;
    color:var(--ink);
    padding:10px 14px;
    border-radius:4px;
    white-space:nowrap;
  }
  nav.primary a:hover{background:var(--band);}
  nav.primary a.active{color:var(--navy);position:relative;}
  nav.primary a.active::after{
    content:"";position:absolute;left:14px;right:14px;bottom:2px;height:2px;background:var(--brass);
  }
  .header-actions{display:flex;align-items:center;gap:14px;}
  .search-btn{
    width:38px;height:38px;border-radius:50%;
    border:1px solid var(--line);
    display:flex;align-items:center;justify-content:center;
    color:var(--slate);
    background:none;cursor:pointer;
  }
  .search-btn:hover{border-color:var(--navy);color:var(--navy);}
  .menu-toggle{display:none;background:none;border:none;cursor:pointer;color:var(--navy);}

  /* ---------- section headers ---------- */
  .section{padding:52px 0;}
  .section.band{background:var(--band);}
  .section-head{
    display:flex;align-items:baseline;justify-content:space-between;
    margin-bottom:28px;
    gap:16px;
  }
  .section-head .tab{
    background:var(--navy);
    color:#fff;
    font-family:var(--serif);
    font-weight:600;
    font-size:22px;
    padding:6px 18px 8px;
    border-radius:2px 10px 2px 10px;
  }
  .section-head .sub{
    font-size:14px;color:var(--slate);
    border-left:2px solid var(--line);
    padding-left:14px;
  }
  .section-head .price-eyebrow{
    font-family:var(--serif);font-weight:700;font-size:19px;color:var(--navy);
    text-transform:uppercase;letter-spacing:0.4px;
  }
  .section-head .price-eyebrow .pipe{color:var(--brass-deep);margin:0 4px;font-weight:400;}
  .see-all{
    font-size:14px;font-weight:600;color:var(--navy);
    white-space:nowrap;
  }
  .see-all:hover{color:var(--brass-deep);}

  .pill{
    display:inline-block;
    font-size:11.5px;font-weight:600;
    letter-spacing:0.2px;
    padding:3px 9px;
    border-radius:3px;
    background:var(--navy);
    color:#fff;
  }
  .pill.brass{background:var(--brass);color:#2B1E08;}
  .pill.wine{background:var(--wine);color:#fff;}
  .pill.outline{background:none;border:1px solid var(--line);color:var(--slate);}

  .meta{
    font-size:12.5px;color:var(--slate-light);
    display:flex;gap:10px;align-items:center;
  }

  h1,h2,h3,h4{font-family:var(--serif);margin:0;color:var(--ink);}

  /* ================= HERO / AKTUELNO ================= */
  .hero{padding-top:32px;padding-bottom:52px;}
  .hero-head{
    display:flex;align-items:center;gap:12px;margin-bottom:24px;
  }
  .hero-head .dot{
    width:9px;height:9px;border-radius:50%;background:var(--wine);
    animation:pulse 2s infinite;
  }
  @keyframes pulse{0%,100%{opacity:1;}50%{opacity:0.35;}}
  .hero-head h1{font-size:24px;font-weight:600;}
  .hero-grid{
    display:grid;grid-template-columns:1.6fr 1fr;gap:40px;
  }
  .lead-story .img-wrap{
    border-radius:6px;overflow:hidden;margin-bottom:18px;
    box-shadow:0 1px 3px rgba(20,36,64,0.08);
  }
  .lead-story img{width:100%;aspect-ratio:1200/800;}
  .lead-story .cat-row{display:flex;gap:8px;margin-bottom:12px;}
  .lead-story h2{font-size:32px;line-height:1.2;font-weight:600;margin-bottom:12px;}
  .lead-story p.dek{
    font-family:var(--serif);font-size:17px;line-height:1.55;color:#3B404A;margin-bottom:14px;
  }
  .aktuelno-list{
    display:flex;flex-direction:column;
  }
  .aktuelno-list .item{
    display:flex;gap:14px;
    padding:16px 0;
    border-bottom:1px solid var(--line);
  }
  .aktuelno-list .item:first-child{padding-top:0;}
  .aktuelno-list .item time{
    font-family:var(--sans);font-weight:600;font-size:13px;color:var(--brass-deep);
    flex:none;width:44px;
  }
  .aktuelno-list .item h4{font-size:15.5px;font-weight:600;line-height:1.35;}
  .aktuelno-list .item h4:hover{color:var(--navy);text-decoration:underline;text-decoration-color:var(--line);}
  .aktuelno-list .item .cat{font-size:11.5px;color:var(--slate);font-weight:600;margin-bottom:4px;display:block;}

  /* ================= IZVOZ ================= */
  .izvoz-grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:28px;
  }
  .card{
    background:var(--paper);
    border-radius:6px;overflow:hidden;
    border:1px solid var(--line);
    transition:box-shadow .2s ease, transform .2s ease;
  }
  .card:hover{box-shadow:0 8px 24px rgba(20,36,64,0.10);transform:translateY(-2px);}
  .card .img-wrap{aspect-ratio:1200/800;overflow:hidden;}
  .card .img-wrap img{width:100%;height:100%;}
  .card .body{padding:18px 20px 20px;}
  .card .cat-row{margin-bottom:10px;}
  .card h3{font-size:18px;line-height:1.32;font-weight:600;margin-bottom:8px;}
  .card p.dek{font-size:14px;line-height:1.5;color:var(--slate);margin-bottom:12px;}

  /* ================= TRŽIŠTA ================= */
  .trzista-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:40px;align-items:start;}
  .ticker-list{display:flex;flex-direction:column;gap:2px;}
  .ticker-row{
    display:grid;grid-template-columns:1fr auto auto;
    gap:16px;align-items:center;
    padding:16px 18px;
    background:var(--paper);
    border:1px solid var(--line);
    border-radius:5px;
    margin-bottom:10px;
  }
  .ticker-row .region{display:flex;align-items:center;gap:12px;}
  .ticker-row .flag{
    width:32px;height:32px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    background:var(--band-deep);font-size:15px;flex:none;
  }
  .ticker-row .region strong{display:block;font-size:15px;font-weight:600;}
  .ticker-row .region span{font-size:12.5px;color:var(--slate);}
  .ticker-row .trend{
    font-family:var(--sans);font-weight:700;font-size:14px;
    padding:4px 10px;border-radius:20px;
  }
  .trend.up{color:#1E6B45;background:#E4F3EA;}
  .trend.down{color:var(--wine);background:#F6E7E7;}
  .trend.flat{color:var(--slate);background:var(--band);}
  .ticker-row .updated{font-size:11.5px;color:var(--slate-light);white-space:nowrap;}

  .trzista-feature{
    background:var(--navy);
    border-radius:8px;
    overflow:hidden;
    color:#fff;
  }
  .trzista-feature .img-wrap{aspect-ratio:1200/800;}
  .trzista-feature .img-wrap img{width:100%;height:100%;opacity:0.92;}
  .trzista-feature .body{padding:26px 28px 30px;}
  .trzista-feature .pill{background:var(--brass);color:#2B1E08;}
  .trzista-feature h3{color:#fff;font-size:22px;line-height:1.3;margin:12px 0 10px;}
  .trzista-feature p{font-size:14.5px;line-height:1.6;color:#C7D0DE;margin-bottom:14px;}
  .trzista-feature .meta{color:#8A97AC;}

  /* ================= U FOKUSU ================= */
  .fokus-layout{display:grid;grid-template-columns:1fr 1.35fr;gap:44px;}
  .ranked-list{display:flex;flex-direction:column;}
  .ranked-list .r-item{
    display:flex;gap:16px;align-items:flex-start;
    padding:18px 0;
    border-bottom:1px solid var(--line);
  }
  .ranked-list .r-item:first-child{padding-top:0;}
  .ranked-list .rank{
    font-family:var(--serif);font-weight:700;font-size:28px;
    color:var(--band-deep);
    width:34px;flex:none;line-height:1;
    -webkit-text-stroke:1px var(--slate-light);
    color:transparent;
  }
  .ranked-list h4{font-size:15.5px;font-weight:600;line-height:1.38;margin-bottom:6px;}
  .ranked-list h4:hover{color:var(--navy);}

  .fokus-feature{
    display:grid;grid-template-columns:1fr 1fr;gap:0;
    border:1px solid var(--line);border-radius:6px;overflow:hidden;
  }
  .fokus-feature .img-wrap{aspect-ratio:1200/800;height:100%;}
  .fokus-feature .img-wrap img{width:100%;height:100%;}
  .fokus-feature .body{padding:26px 26px 28px;display:flex;flex-direction:column;justify-content:center;}
  .fokus-feature h3{font-size:21px;line-height:1.3;margin:10px 0;}
  .fokus-feature p{font-size:14px;color:var(--slate);line-height:1.55;margin-bottom:14px;}

  /* ================= PRIČE IZVOZNIKA ================= */
  .price-scroll{
    display:grid;grid-template-columns:repeat(3,1fr);gap:28px;
  }
  .price-card{
    scroll-snap-align:start;
    border-radius:8px;overflow:hidden;background:var(--paper);
    border:1px solid var(--line);
  }
  .price-card .img-wrap{aspect-ratio:1200/800;position:relative;}
  .price-card .img-wrap img{width:100%;height:100%;}
  .price-card .quote-mark{
    position:absolute;top:14px;left:14px;
    font-family:var(--serif);font-size:40px;color:#fff;
    text-shadow:0 2px 8px rgba(0,0,0,0.4);
    line-height:1;
  }
  .price-card .body{padding:16px 18px 20px;text-align:left;}
  .price-card h4{font-size:16px;line-height:1.35;margin-bottom:8px;}
  .price-card .role{font-size:12.5px;color:var(--brass-deep);font-weight:600;margin-bottom:8px;}
  .price-card p{font-size:13px;color:var(--slate);line-height:1.5;}

  /* ================= NAJNOVIJE VESTI ================= */
  .latest-layout{display:grid;grid-template-columns:1fr 300px;gap:48px;}
  .latest-list{display:flex;flex-direction:column;}
  .latest-item{
    display:grid;grid-template-columns:150px 1fr;gap:20px;
    padding:22px 0;border-bottom:1px solid var(--line);
  }
  .latest-item:first-child{padding-top:0;}
  .latest-item .img-wrap{border-radius:5px;overflow:hidden;aspect-ratio:1200/800;}
  .latest-item .img-wrap img{width:100%;height:100%;}
  .latest-item h4{font-size:17px;line-height:1.35;margin:6px 0 6px;}
  .latest-item h4:hover{color:var(--navy);}
  .latest-item p{font-size:13.5px;color:var(--slate);line-height:1.5;}
  .load-more{
    display:block;margin:28px auto 0;
    background:none;border:1px solid var(--navy);color:var(--navy);
    font-family:var(--sans);font-weight:600;font-size:14px;
    padding:12px 28px;border-radius:4px;cursor:pointer;
  }
  .load-more:hover{background:var(--navy);color:#fff;}

  .sidebar-box{margin-bottom:36px;}
  .sidebar-box .head{
    font-family:var(--serif);font-weight:600;font-size:16px;
    padding-bottom:10px;margin-bottom:14px;
    border-bottom:2px solid var(--navy);
  }
  .sidebar-item{
    display:flex;gap:12px;padding:12px 0;
    border-bottom:1px solid var(--line);
  }
  .sidebar-item:first-child{padding-top:0;}
  .sidebar-item .num{
    font-family:var(--serif);font-weight:700;font-size:20px;color:var(--band-deep);
    -webkit-text-stroke:1px var(--slate-light);
    color:transparent;width:22px;flex:none;
  }
  .sidebar-item h5{font-size:13.5px;font-weight:600;line-height:1.4;}
  .newsletter-box{
    background:var(--navy);color:#fff;border-radius:8px;padding:26px 24px;
  }
  .newsletter-box h5{font-family:var(--serif);font-size:18px;margin-bottom:8px;}
  .newsletter-box p{font-size:13.5px;color:#C7D0DE;line-height:1.5;margin-bottom:16px;}
  .newsletter-box form{display:flex;flex-direction:column;gap:10px;}
  .newsletter-box input{
    padding:10px 12px;border-radius:4px;border:1px solid #2A3A5A;
    background:#1B2C4C;color:#fff;font-family:var(--sans);font-size:13.5px;
  }
  .newsletter-box input::placeholder{color:#8A97AC;}
  .newsletter-box button{
    background:var(--brass);color:#2B1E08;border:none;border-radius:4px;
    padding:11px;font-weight:700;font-size:13.5px;cursor:pointer;
  }
  .newsletter-box button:hover{background:#CC9838;}

  /* ---------- footer (base — layout rules consolidated further down) ---------- */
  footer.site{background:var(--navy-deep);color:#B7C1D1;}

  /* ---------- responsive ---------- */
  @media(max-width:980px){
    nav.primary{display:none;}
    .menu-toggle{display:flex;}
    .hero-grid,.trzista-layout,.fokus-layout,.latest-layout{grid-template-columns:1fr;}
    .izvoz-grid{grid-template-columns:repeat(2,1fr);}
    .fokus-feature{grid-template-columns:1fr;}
  }
  @media(max-width:600px){
    .izvoz-grid{grid-template-columns:1fr;}
    .latest-item{grid-template-columns:100px 1fr;}
    .lead-story h2{font-size:24px;}
    .section-head .sub{display:none;}
  }

/* ================= SHARED INNER-PAGE COMPONENTS ================= */

/* breadcrumb */
.breadcrumb{
  font-size:13px;color:var(--slate);
  padding:18px 0 0;
}
.breadcrumb a{color:var(--slate);}
.breadcrumb a:hover{color:var(--navy);}
.breadcrumb .sep{margin:0 6px;color:var(--slate-light);}
.breadcrumb .current{color:var(--ink);font-weight:600;}

/* page header band used on category/video/contact pages */
.page-header{
  background:var(--navy);
  color:#fff;
  padding:40px 0 34px;
  margin-bottom:8px;
}
.page-header .eyebrow{
  display:inline-block;background:var(--brass);color:#2B1E08;
  font-weight:700;font-size:12.5px;padding:4px 12px;border-radius:3px;margin-bottom:14px;
}
.page-header h1{color:#fff;font-size:32px;margin-bottom:10px;}
.page-header p{color:#C7D0DE;font-size:15px;max-width:640px;line-height:1.55;}

/* content + sidebar shell reused across inner pages */
.content-shell{
  display:grid;grid-template-columns:1fr 300px;gap:48px;
  padding:44px 0 60px;
}
@media(max-width:980px){
  .content-shell{grid-template-columns:1fr;}
}

/* ---- Category Grid page ---- */
.grid-articles{
  display:grid;grid-template-columns:repeat(2,1fr);gap:28px;
  margin-bottom:32px;
}
@media(max-width:900px){.price-scroll{grid-template-columns:repeat(2,1fr);}}
@media(max-width:700px){.grid-articles{grid-template-columns:1fr;}}
@media(max-width:560px){.price-scroll{grid-template-columns:1fr;}}

.article-card .img-wrap{aspect-ratio:1200/800;overflow:hidden;border-radius:6px;margin-bottom:14px;}
.article-card .img-wrap img{width:100%;height:100%;transition:transform .3s ease;}
.article-card:hover .img-wrap img{transform:scale(1.04);}
.article-card .cat-row{margin-bottom:10px;}
.article-card h3{font-size:19px;line-height:1.32;margin-bottom:8px;}
.article-card h3 a:hover{color:var(--navy);}
.article-card p.dek{font-size:14px;color:var(--slate);line-height:1.55;margin-bottom:10px;}

.more-articles{
  border-top:1px solid var(--line);padding-top:20px;margin-top:8px;
}
.more-articles h5{font-family:var(--serif);font-size:15px;margin-bottom:12px;color:var(--slate);}
.more-articles ol{margin:0;padding-left:20px;}
.more-articles li{font-size:14.5px;margin-bottom:8px;}
.more-articles li a:hover{color:var(--navy);text-decoration:underline;}

/* ---- Category List page ---- */
.list-articles{display:flex;flex-direction:column;margin-bottom:32px;}
.list-article{
  display:grid;grid-template-columns:260px 1fr;gap:26px;
  padding:26px 0;border-bottom:1px solid var(--line);
}
.list-article:first-child{padding-top:0;}
.list-article .img-wrap{aspect-ratio:1200/800;border-radius:6px;overflow:hidden;}
.list-article .img-wrap img{width:100%;height:100%;}
.list-article h3{font-size:21px;line-height:1.3;margin:8px 0 10px;}
.list-article h3 a:hover{color:var(--navy);}
.list-article p.dek{font-size:14.5px;color:var(--slate);line-height:1.6;margin-bottom:10px;}
@media(max-width:700px){
  .list-article{grid-template-columns:1fr;}
}

/* pagination */
.pagination{
  display:flex;align-items:center;justify-content:center;gap:6px;
  margin:8px 0 20px;flex-wrap:wrap;
}
.pagination a, .pagination span{
  min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;
  border:1px solid var(--line);border-radius:4px;font-size:14px;font-weight:600;
  color:var(--ink);padding:0 10px;
}
.pagination a:hover{border-color:var(--navy);color:var(--navy);}
.pagination .active{background:var(--navy);color:#fff;border-color:var(--navy);}
.pagination .disabled{color:var(--slate-light);}

/* ---- Video page ---- */
.video-hero{
  position:relative;border-radius:8px;overflow:hidden;margin-bottom:32px;
  aspect-ratio:1200/800;max-height:460px;
}
.video-hero img{width:100%;height:100%;object-fit:cover;}
.video-hero .overlay{
  position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,24,48,0.05) 0%,rgba(13,24,48,0.85) 100%);
  display:flex;flex-direction:column;justify-content:flex-end;padding:32px;
}
.video-hero .play-btn{
  width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,0.92);
  display:flex;align-items:center;justify-content:center;margin-bottom:18px;
  color:var(--navy);
}
.video-hero h2{color:#fff;font-size:26px;max-width:600px;margin-bottom:8px;}
.video-hero .meta{color:#C7D0DE;}

.video-list{display:flex;flex-direction:column;}
.video-row{
  display:grid;grid-template-columns:220px 1fr;gap:22px;
  padding:22px 0;border-bottom:1px solid var(--line);
}
.video-row .thumb{position:relative;border-radius:6px;overflow:hidden;aspect-ratio:1200/800;}
.video-row .thumb img{width:100%;height:100%;}
.video-row .thumb .play{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  background:rgba(13,24,48,0.25);
}
.video-row .thumb .play svg{width:34px;height:34px;color:#fff;}
.video-row h4{font-size:18px;line-height:1.35;margin:2px 0 8px;}
.video-row h4:hover{color:var(--navy);}
.video-row p{font-size:14px;color:var(--slate);line-height:1.55;}
@media(max-width:700px){
  .video-row{grid-template-columns:1fr;gap:14px;}
  .video-row .thumb{aspect-ratio:1200/700;}
}

/* ---- Contact page ---- */
.contact-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:48px;padding:44px 0 60px;}
@media(max-width:900px){.contact-layout{grid-template-columns:1fr;}}
.contact-info .info-block{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid var(--line);}
.contact-info .info-block:first-child{padding-top:0;}
.contact-info .icon{
  width:40px;height:40px;border-radius:50%;background:var(--band);color:var(--navy);
  display:flex;align-items:center;justify-content:center;flex:none;
}
.contact-info h5{font-size:14px;margin-bottom:4px;}
.contact-info p{font-size:14.5px;color:var(--slate);line-height:1.5;margin:0;}
.contact-info .social-row{display:flex;gap:10px;margin-top:20px;}
.contact-info .social-row a{
  width:38px;height:38px;border-radius:50%;border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;color:var(--navy);
}
.contact-info .social-row a:hover{background:var(--navy);color:#fff;border-color:var(--navy);}

.contact-form{background:var(--band);border-radius:8px;padding:32px;}
.contact-form h3{font-size:20px;margin-bottom:6px;}
.contact-form > p{font-size:14px;color:var(--slate);margin-bottom:22px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;}
@media(max-width:520px){.form-row{grid-template-columns:1fr;}}
.form-field{display:flex;flex-direction:column;gap:6px;}
.form-field.full{grid-column:1/-1;}
.form-field label{font-size:13px;font-weight:600;color:var(--ink);}
.form-field input,.form-field textarea{
  padding:11px 13px;border:1px solid var(--line);border-radius:5px;
  font-family:var(--sans);font-size:14px;background:#fff;color:var(--ink);
}
.form-field input:focus,.form-field textarea:focus{outline:2px solid var(--navy);outline-offset:1px;}
.form-field textarea{resize:vertical;min-height:120px;}
.submit-btn{
  background:var(--navy);color:#fff;border:none;border-radius:5px;
  padding:13px 30px;font-weight:700;font-size:14.5px;cursor:pointer;margin-top:6px;
}
.submit-btn:hover{background:var(--navy-deep);}
.contact-map{margin-top:32px;border-radius:8px;overflow:hidden;border:1px solid var(--line);aspect-ratio:1200/500;}
.contact-map iframe{width:100%;height:100%;border:0;display:block;}

/* ---- Article detail page ---- */
.article-header{padding:30px 0 10px;max-width:760px;}
.article-header h1{font-size:34px;line-height:1.25;margin:16px 0 16px;}
.article-header .dek{font-family:var(--serif);font-size:18px;color:#3B404A;line-height:1.55;margin-bottom:18px;}
.article-byline{
  display:flex;align-items:center;gap:14px;padding:16px 0;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  margin-bottom:28px;flex-wrap:wrap;
}
.article-byline .avatar{
  width:38px;height:38px;border-radius:50%;background:var(--band-deep);
  display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:700;color:var(--navy);
}
.article-byline .who strong{display:block;font-size:14px;}
.article-byline .who span{font-size:12.5px;color:var(--slate);}
.article-byline .share{margin-left:auto;display:flex;gap:8px;}
.article-byline .share a{
  width:34px;height:34px;border-radius:50%;border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;color:var(--navy);
}
.article-byline .share a:hover{background:var(--navy);color:#fff;}

.article-hero-img{max-width:760px;border-radius:8px;overflow:hidden;margin-bottom:28px;aspect-ratio:1200/800;}
.article-hero-img img{width:100%;height:100%;}
.article-hero-img figcaption{font-size:12.5px;color:var(--slate-light);padding-top:8px;}

.article-body{max-width:760px;font-family:var(--serif);font-size:18px;line-height:1.75;color:#22262C;}
.article-body p{margin:0 0 22px;}
.article-body h2{font-size:24px;margin:36px 0 16px;font-family:var(--serif);}
.article-body ul{margin:0 0 22px;padding-left:22px;}
.article-body li{margin-bottom:10px;}
.article-body strong{color:var(--ink);}
.article-body .pull-note{
  font-family:var(--sans);font-size:13.5px;color:var(--slate);
  border-top:1px solid var(--line);padding-top:16px;margin-top:36px;
}
.article-inline-img{max-width:320px;float:right;margin:6px 0 24px 28px;border-radius:6px;overflow:hidden;aspect-ratio:800/1200;}
.article-inline-img img{width:100%;height:100%;}
@media(max-width:700px){.article-inline-img{float:none;max-width:100%;margin:0 0 22px;}}

.article-tags{display:flex;gap:8px;flex-wrap:wrap;margin:32px 0;max-width:760px;}
.article-tags a{
  font-size:12.5px;padding:6px 12px;border-radius:20px;background:var(--band);color:var(--slate);
}
.article-tags a:hover{background:var(--navy);color:#fff;}

.article-nav{
  display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:760px;
  padding:24px 0;border-top:1px solid var(--line);margin-bottom:20px;
}
.article-nav a{
  display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--line);border-radius:6px;
}
.article-nav a:hover{border-color:var(--navy);}
.article-nav .label{font-size:11.5px;color:var(--slate-light);font-weight:700;letter-spacing:.3px;}
.article-nav .title{font-size:14.5px;font-weight:600;}
.article-nav .next{text-align:right;align-items:flex-end;}

.author-box{
  max-width:760px;display:flex;gap:16px;background:var(--band);border-radius:8px;
  padding:22px;margin:8px 0 32px;
}
.author-box .avatar{
  width:52px;height:52px;border-radius:50%;background:var(--navy);color:#fff;
  display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:700;font-size:18px;flex:none;
}
.author-box strong{display:block;font-size:15px;margin-bottom:4px;}
.author-box p{font-size:13.5px;color:var(--slate);margin:0;line-height:1.5;}

/* ================= BIZLIFE-STYLE TWO-TIER NAV (no dropdowns) ================= */
.navbar-primary{
  background:var(--navy-deep);
  position:sticky;top:0;z-index:60;
}
.navbar-primary .wrap{
  display:flex;align-items:center;justify-content:space-between;
  height:68px;gap:20px;
}
.navbar-primary .logo{
  font-family:var(--serif);font-weight:800;font-size:27px;letter-spacing:0.2px;color:#fff;
  display:flex;align-items:center;gap:8px;flex:none;
}
.navbar-primary .logo .mark{
  width:32px;height:32px;background:var(--brass);border-radius:3px;
  display:flex;align-items:center;justify-content:center;color:var(--navy-deep);
  font-family:var(--serif);font-weight:700;font-size:16px;
}
.navbar-primary nav.main-cats{
  display:flex;align-items:center;height:100%;flex:1;overflow-x:auto;
}
.navbar-primary nav.main-cats a{
  color:#C7D0DE;text-transform:uppercase;font-size:12.5px;font-weight:700;
  letter-spacing:0.6px;padding:0 16px;height:100%;
  display:flex;align-items:center;white-space:nowrap;
  border-bottom:3px solid transparent;
}
.navbar-primary nav.main-cats a:hover{color:#fff;}
.navbar-primary nav.main-cats a.active{color:#fff;border-bottom-color:var(--brass);}
.navbar-nav-actions{display:flex;align-items:center;gap:10px;flex:none;}
.navbar-nav-actions .search-btn{
  width:36px;height:36px;border-radius:50%;border:1px solid #2A3A5A;
  display:flex;align-items:center;justify-content:center;color:#C7D0DE;
  background:none;cursor:pointer;
}
.navbar-nav-actions .search-btn:hover{border-color:#fff;color:#fff;}
.navbar-nav-actions .nl-btn{
  background:var(--brass);color:#2B1E08;font-weight:700;font-size:12.5px;
  padding:9px 16px;border-radius:4px;white-space:nowrap;
}
.navbar-nav-actions .nl-btn:hover{background:#CC9838;}
.nav-menu-toggle{display:none;background:none;border:none;color:#fff;cursor:pointer;}

.subnav{
  background:var(--band);border-bottom:1px solid var(--line);
}
/* da anker linkovi iz subnav-a (npr. #evropa, #propisi) ne budu sakriveni ispod lepljivog headera */
.article-card, .list-article{scroll-margin-top:150px;}
.subnav .wrap{
  display:flex;align-items:center;gap:6px;height:46px;overflow-x:auto;
}
.subnav .subnav-label{
  font-size:11.5px;font-weight:700;color:var(--slate-light);text-transform:uppercase;
  letter-spacing:0.4px;flex:none;margin-right:6px;white-space:nowrap;
}
.subnav a{
  font-size:13px;font-weight:600;color:var(--slate);
  padding:7px 14px;border-radius:20px;white-space:nowrap;flex:none;
}
.subnav a:hover{background:var(--band-deep);color:var(--ink);}
.subnav a.active{background:var(--navy);color:#fff;}

@media(max-width:900px){
  .navbar-primary nav.main-cats{display:none;}
  .nav-menu-toggle{display:flex;}
  .navbar-nav-actions .nl-btn{display:none;}
}

/* bizlife-style byline used on teaser cards instead of full date/read-time */
.byline-small{font-size:12.5px;color:var(--slate);margin:2px 0 0;}
.byline-small a{color:var(--slate);font-weight:600;}
.byline-small a:hover{color:var(--navy);text-decoration:underline;}

/* ================= UTILITY TOP BAR: LANGUAGE SWITCH (flat, no dropdown) ================= */
.utility-top{background:var(--navy-deep);border-bottom:1px solid #1C2C4C;}
.utility-top .wrap{
  display:flex;align-items:center;justify-content:space-between;
  height:34px;gap:16px;
}
.lang-switch{display:flex;align-items:center;gap:1px;overflow-x:auto;scrollbar-width:none;}
.lang-switch::-webkit-scrollbar{display:none;}
.lang-switch button{
  font-size:16px;line-height:1;padding:6px 5px;border-radius:4px;
  white-space:nowrap;flex:none;opacity:0.55;filter:grayscale(15%);
  display:flex;align-items:center;transition:opacity .15s ease,background .15s ease;
  background:none;border:0;cursor:pointer;font-family:inherit;
}
.lang-switch button:hover{opacity:0.9;background:#1E2F52;}
.lang-switch button.active{opacity:1;background:#1E2F52;box-shadow:inset 0 0 0 1px #33477A;}
.lang-switch button:focus-visible{outline:2px solid var(--brass);outline-offset:1px;}
.utility-top .social-mini{display:flex;gap:12px;flex:none;}
.utility-top .social-mini a{color:#8A97AC;display:flex;}
.utility-top .social-mini a:hover{color:#fff;}

/* ================= SEARCH OVERLAY (functional client-side search) ================= */
.search-overlay{
  position:fixed;inset:0;background:rgba(13,24,48,0.6);z-index:300;
  display:none;align-items:flex-start;justify-content:center;padding:80px 20px;
}
.search-overlay.open{display:flex;}
.search-panel{
  background:#fff;width:100%;max-width:640px;border-radius:8px;padding:22px;
  box-shadow:0 20px 60px rgba(0,0,0,0.3);max-height:70vh;overflow:auto;
}
.search-panel .search-input-row{
  display:flex;gap:12px;align-items:center;border-bottom:2px solid var(--line);
  padding-bottom:14px;margin-bottom:10px;color:var(--slate);
}
.search-panel input{
  flex:1;border:none;outline:none;font-family:var(--sans);font-size:16px;
  padding:8px 0;color:var(--ink);
}
.search-panel .close-btn{background:none;border:none;cursor:pointer;color:var(--slate);flex:none;}
.search-panel .close-btn:hover{color:var(--ink);}
.search-results{display:flex;flex-direction:column;gap:2px;}
.search-results a{display:flex;flex-direction:column;padding:11px 10px;border-radius:5px;gap:2px;}
.search-results a:hover{background:var(--band);}
.search-results .r-title{font-size:14px;font-weight:600;color:var(--ink);}
.search-results .r-cat{font-size:12px;color:var(--slate);}
.search-empty{font-size:14px;color:var(--slate);padding:14px 10px;}

/* ================= FIX: image wrappers are <a> (inline) -> aspect-ratio/overflow were ignored, images overflowed and content overlapped ================= */
a.img-wrap, a.thumb, a.video-hero, .img-wrap{display:block;}
.article-card .img-wrap, .list-article .img-wrap, .card .img-wrap, .latest-item .img-wrap{position:relative;}
.article-card, .list-article{min-width:0;}

/* ================= IMAGE CONTAIN MODE (show full image, never crop) ================= */
.img-wrap, .article-hero-img, .article-inline-img, .video-row .thumb, .video-hero{
  background:var(--band);
}
.img-wrap img, .article-hero-img img, .article-inline-img img, .video-row .thumb img,
.video-hero img{
  object-fit:contain;
}

/* Priče izvoznika cards: fill the frame like the rest of the site's article cards (cropped, not letterboxed) */
.price-card .img-wrap img{
  object-fit:cover;
}

/* ================= TYPE SCALE OVERRIDE: 12 / 14 / 16 / 18px for UI & body text ================= */
.utility .date, .utility .links a{font-size:14px;}
.breadcrumb{font-size:14px;}
.navbar-primary nav.main-cats a{font-size:12px;}
.subnav a, .subnav-label{font-size:14px;}
.pill, .pill.brass, .pill.wine, .pill.outline{font-size:12px;}
.meta, .byline-small{font-size:12px;}
.card p.dek, .article-card p.dek, .list-article p.dek, .trzista-feature p, .fokus-feature p{font-size:14px;}
.lead-story p.dek{font-size:16px;}
.aktuelno-list .item h4{font-size:16px;}
.aktuelno-list .item .cat{font-size:12px;}
.sidebar-item h5{font-size:14px;}
.sidebar-box .head{font-size:16px;}
.newsletter-box p{font-size:14px;}
.newsletter-box input, .newsletter-box button{font-size:14px;}
.form-field label{font-size:14px;}
.form-field input, .form-field textarea{font-size:14px;}
.contact-info p, .contact-info h5{font-size:14px;}
.page-header p{font-size:16px;}
.section-head .sub{font-size:14px;}
.see-all{font-size:14px;}
.load-more, .submit-btn, .nl-btn{font-size:14px;}
.pagination a, .pagination span{font-size:14px;}
.ticker-row .region strong{font-size:16px;}
.ticker-row .region span, .ticker-row .updated{font-size:12px;}
.author-box p{font-size:14px;}
.article-tags a{font-size:12px;}
.article-nav .title{font-size:14px;}
.article-nav .label{font-size:12px;}
.r-item .meta, .ranked-list .meta{font-size:12px;}

/* Filet de sécurité: garantit toujours un espace avant le footer, quel que soit le contenu de la page */
main{display:block;padding-bottom:32px;}

/* ================= FOOTER REORGANISÉ (5 colonnes + partenaires + bas de page) ================= */
footer.site{padding:52px 0 24px;margin-top:0;position:relative;z-index:1;}
.footer-top{
  display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr 1.1fr;gap:32px 28px;
  align-items:start;
  margin-bottom:30px;
}
.footer-top > *{min-width:0;}
.footer-brand .footer-logo{font-family:var(--serif);font-weight:700;font-size:22px;color:#fff;margin-bottom:12px;}
.footer-brand p{font-size:14px;color:#94A1B4;line-height:1.6;margin:0 0 18px;max-width:320px;}
.footer-social{display:flex;gap:10px;}
.footer-social a{
  width:34px;height:34px;border-radius:50%;border:1px solid #2A3A5A;
  display:flex;align-items:center;justify-content:center;color:#C7D0DE;flex:none;
}
.footer-social a:hover{background:var(--brass);border-color:var(--brass);color:#2B1E08;}

.footer-col h5{font-family:var(--sans);font-weight:700;color:#fff;font-size:14px;margin:0 0 16px;letter-spacing:0.2px;}
.footer-col a{display:block;font-size:14px;color:#94A1B4;padding:6px 0;}
.footer-col a:hover{color:#fff;}

.footer-contact .fc-line{
  display:flex;gap:9px;align-items:flex-start;font-size:14px;color:#94A1B4;
  margin:0 0 12px;line-height:1.4;
}
.footer-contact .fc-line svg{flex:none;margin-top:2px;color:#5B7099;}

.footer-partners{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;
  padding:20px 0;border-top:1px solid #223559;border-bottom:1px solid #223559;
  margin-bottom:18px;
}
/* drugi pravougaonik (portali) nema donju liniju duplo - samo gornju, da ne dupliramo border */
.footer-portali{border-top:none;padding-top:0;}
.footer-partners .fp-label{
  font-size:14px;font-weight:700;color:#8FA0BE;text-transform:uppercase;letter-spacing:0.5px;
  margin-right:4px;
}
.footer-partners a{font-size:14px;font-weight:400;color:#94A1B4;display:inline-flex;align-items:center;}
.footer-partners a:hover{color:#fff;}
.footer-partners .fp-sep{color:#3A4A6B;}
/* pripremljeno za buduće logotipe partnera/portala - tekst ostaje regular, logo je veći element */
.footer-partners a img{height:26px;width:auto;max-width:120px;object-fit:contain;display:block;}

.footer-bottom{
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;
  font-size:12px;color:#7A87A0;
}

@media(max-width:980px){
  .footer-top{grid-template-columns:1fr 1fr;}
  .footer-brand{grid-column:1/-1;}
}
@media(max-width:560px){
  .footer-top{grid-template-columns:1fr;}
}

/* ================= AD BANNER (real image, 970×500, like lawlife.rs) ================= */
.ad-banner-wrap{padding:12px 0 8px;}
.ad-banner{
  max-width:970px;margin:0 auto;position:relative;
  border-radius:6px;overflow:hidden;background:var(--band);
}
.ad-banner img{width:100%;height:100%;display:block;object-fit:cover;}
.ad-banner.h500{aspect-ratio:970/500;}
.ad-banner .ad-label{
  position:absolute;top:8px;left:10px;z-index:2;
  font-size:10px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;
  color:#fff;background:rgba(13,24,48,0.55);padding:2px 8px;border-radius:3px;
}

/* ================= IN FOCUS (homepage-only module, articles link to their real category) ================= */
.infocus-layout{display:grid;grid-template-columns:1fr 1.35fr;gap:44px;}
.infocus-layout .ranked-list .r-item .pill{margin-bottom:4px;display:inline-block;}
@media(max-width:980px){
  .infocus-layout{grid-template-columns:1fr;}
}

/* ================= DEVIZNI KURSEVI (markets.js) ================= */
.mk-tape{background:var(--navy);border-bottom:2px solid var(--brass);overflow:hidden;min-height:46px;display:flex;align-items:center;}
.mk-track{display:flex;width:max-content;opacity:0;transition:opacity .4s ease;}
.mk-tape.is-ready .mk-track{opacity:1;animation:mk-scroll 45s linear infinite;}
.mk-tape:hover .mk-track{animation-play-state:paused;}
.mk-group{display:flex;flex:none;}
.mk-item{display:flex;align-items:center;gap:10px;padding:12px 26px;border-right:1px solid rgba(255,255,255,.10);white-space:nowrap;font-family:var(--sans);}
.mk-item b{font-size:12px;font-weight:600;letter-spacing:.04em;color:#C7D0DE;text-transform:uppercase;}
.mk-item .mk-v{font-size:15px;font-weight:600;color:#fff;font-variant-numeric:tabular-nums;}
.mk-item .trend{font-size:12px;padding:2px 8px;}
@keyframes mk-scroll{to{transform:translateX(-50%);}}
@media (prefers-reduced-motion:reduce){
  .mk-tape{overflow-x:auto;}
  .mk-tape.is-ready .mk-track{animation:none;}
  .mk-group[aria-hidden="true"]{display:none;}
}

.trzista-left{min-width:0;}
.mk-card{
  background:var(--paper);border:1px solid var(--line);border-radius:5px;
  padding:18px 20px 14px;margin-top:2px;position:relative;
}
.mk-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:12px;}
.mk-head strong{font-family:var(--serif);font-size:17px;font-weight:600;color:var(--ink);}
.mk-head span{font-size:12px;color:var(--slate);}
.mk-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px;}
.mk-tab{
  font-family:var(--sans);font-size:12.5px;font-weight:600;color:var(--slate);
  background:none;border:1px solid var(--line);border-radius:20px;padding:5px 12px;cursor:pointer;
  transition:all .15s ease;
}
.mk-tab:hover{border-color:var(--navy);color:var(--navy);}
.mk-tab.on{background:var(--navy);border-color:var(--navy);color:#fff;}
.mk-now{display:flex;align-items:baseline;gap:12px;margin-bottom:8px;}
.mk-val{font-family:var(--serif);font-size:32px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1;}
.mk-plot{position:relative;height:190px;touch-action:pan-y;cursor:crosshair;}
.mk-plot svg{width:100%;height:100%;display:block;overflow:visible;}
.mk-line{fill:none;stroke:var(--navy);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:round;}
.mk-grid{stroke:var(--line);stroke-width:1;stroke-dasharray:3 4;vector-effect:non-scaling-stroke;}
.mk-dot{position:absolute;width:11px;height:11px;margin:-5.5px 0 0 -5.5px;border-radius:50%;background:var(--brass);border:2px solid #fff;box-shadow:0 1px 4px rgba(20,36,64,.3);pointer-events:none;}
.mk-tip{
  position:absolute;top:-6px;transform:translate(-50%,-100%);pointer-events:none;
  background:var(--navy);color:#fff;border-radius:4px;padding:5px 9px;font-family:var(--sans);
  display:flex;flex-direction:column;align-items:center;white-space:nowrap;font-size:13px;line-height:1.3;
}
.mk-tip span{font-size:11px;color:#C7D0DE;}
.mk-range{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:10px;font-size:12px;color:var(--slate);}
.mk-range b{color:var(--ink);font-weight:600;}
.mk-note{margin:10px 0 0;padding-top:10px;border-top:1px solid var(--line);font-size:11.5px;color:var(--slate-light);line-height:1.45;}
.mk-card:not(.is-ready) .mk-plot{background:linear-gradient(90deg,var(--band) 25%,var(--band-deep) 50%,var(--band) 75%);background-size:200% 100%;animation:mk-shimmer 1.4s linear infinite;border-radius:4px;}
@keyframes mk-shimmer{to{background-position:-200% 0;}}
.mk-err{display:none;margin:0;font-size:14px;color:var(--slate);}
.mk-card.is-error .mk-tabs, .mk-card.is-error .mk-now, .mk-card.is-error .mk-plot,
.mk-card.is-error .mk-range, .mk-card.is-error .mk-note{display:none;}
.mk-card.is-error .mk-err{display:block;}
.mk-tape .trend.up{background:rgba(63,185,120,.18);color:#7BDBA9;}
.mk-tape .trend.down{background:rgba(232,110,110,.20);color:#F4A3A3;}
.mk-tape .trend.flat{background:rgba(255,255,255,.12);color:#C7D0DE;}

/* ================= COOKIE BAR (cookies.js) ================= */
.cookie-bar{
  position:fixed;left:0;right:0;bottom:0;z-index:400;
  background:var(--navy);border-top:2px solid var(--brass);
  box-shadow:0 -6px 24px rgba(10,18,36,.25);
  transform:translateY(100%);opacity:0;transition:transform .3s ease,opacity .3s ease;
}
.cookie-bar.is-open{transform:translateY(0);opacity:1;}
.cookie-bar-inner{
  max-width:1200px;margin:0 auto;padding:16px 20px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;
}
.cookie-text{
  flex:1 1 420px;margin:0;font-family:var(--sans);font-size:13.5px;line-height:1.55;color:#C7D0DE;
}
.cookie-link{color:#fff;text-decoration:underline;text-underline-offset:2px;}
.cookie-link:hover{color:var(--brass);}
.cookie-actions{display:flex;gap:10px;flex:none;flex-wrap:wrap;}
.cookie-btn{
  font-family:var(--sans);font-size:13px;font-weight:600;padding:9px 18px;border-radius:4px;
  cursor:pointer;white-space:nowrap;transition:opacity .15s ease,background .15s ease;
}
.cookie-btn-ghost{background:none;border:1px solid rgba(255,255,255,.3);color:#fff;}
.cookie-btn-ghost:hover{background:rgba(255,255,255,.08);}
.cookie-btn-solid{background:var(--brass);border:1px solid var(--brass);color:var(--navy-deep);}
.cookie-btn-solid:hover{opacity:.9;}
#cookieManage{cursor:pointer;background:none;border:0;font:inherit;color:inherit;padding:0;}
@media (max-width:640px){
  .cookie-bar-inner{padding:14px 16px;}
  .cookie-actions{width:100%;}
  .cookie-btn{flex:1;text-align:center;}
}

/* ================= PARTNER TILES (Market+ / Exporter Catalog) ================= */
.partner-tiles{
  display:grid;grid-template-columns:1fr 1fr;gap:14px;
  margin-top:22px;padding-top:22px;border-top:1px solid var(--line);
}
.partner-tile{
  position:relative;display:flex;flex-direction:column;
  border-radius:8px;overflow:hidden;min-height:170px;
  transition:transform .2s ease,box-shadow .2s ease;
}
.partner-tile:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(20,36,64,0.14);}
.partner-tile .ad-label{
  position:absolute;top:8px;left:8px;z-index:2;
  font-size:9px;font-weight:700;letter-spacing:0.4px;text-transform:uppercase;
  color:#fff;background:rgba(13,24,48,0.55);padding:2px 7px;border-radius:3px;
}

.partner-tile--market{
  background:linear-gradient(160deg,var(--navy) 0%,var(--navy-deep) 100%);
  color:#fff;padding:18px 16px 16px;justify-content:center;gap:8px;
}
.pt-mark{font-family:var(--serif);font-weight:800;font-size:19px;letter-spacing:0.2px;}
.pt-mark em{color:var(--brass);font-style:normal;}
.pt-headline{font-family:var(--sans);font-weight:600;font-size:12.5px;line-height:1.35;}
.pt-sub{font-family:var(--sans);font-size:11px;color:#B7C1D1;line-height:1.35;}
.pt-cta{
  display:inline-flex;align-items:center;margin-top:4px;width:fit-content;
  background:var(--brass);color:#2B1E08;font-weight:700;font-size:11.5px;
  padding:7px 14px;border-radius:20px;
}
.partner-tile--market:hover .pt-cta{background:#CC9838;}

.partner-tile--catalog{justify-content:flex-end;}
.partner-tile--catalog img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;
}
.pt-overlay{
  position:relative;z-index:1;
  background:linear-gradient(180deg,rgba(13,24,48,0) 0%,rgba(13,24,48,0.82) 100%);
  padding:32px 14px 14px;
}
.pt-mark-alt{
  font-family:var(--serif);font-weight:700;font-size:14.5px;color:#fff;line-height:1.3;
}

/* =====================================================================
   AJOUTS VERSION PHP (CMS) — menu mobile, bannières, formulaires, vidéo
   ===================================================================== */
@media(max-width:900px){
  .navbar-primary{position:relative;}
  .navbar-primary.nav-open nav.main-cats{
    display:flex;flex-direction:column;align-items:stretch;
    position:absolute;top:100%;left:0;right:0;height:auto;z-index:60;
    background:var(--navy-deep);border-top:1px solid #1C2C4C;padding:6px 0 10px;
  }
  .navbar-primary.nav-open nav.main-cats a{padding:13px 22px;height:auto;border-bottom:0;border-left:3px solid transparent;}
  .navbar-primary.nav-open nav.main-cats a.active{border-left-color:var(--brass);}
}
.ad-side{margin:0 0 36px;}
.ad-banner--side{display:block;max-width:300px;margin:0 auto;}
.ad-banner--side img{width:100%;height:auto;display:block;}
.ad-banner--side.partner-tile{min-height:250px;}
.ad-banner:not(.h500) img{height:auto;}
.ad-banner .pt-mark,.ad-banner .pt-headline{color:inherit;}

.form-notice{padding:12px 16px;border-radius:6px;margin:0 0 18px;font-size:14px;line-height:1.5;}
.form-notice.ok{background:#E8F4EC;color:#1E5B34;border:1px solid #BFE0CB;}
.form-notice.err{background:#FBECEC;color:#7A2E2E;border:1px solid #EFC6C6;}
.newsletter-box .nl-msg{font-size:13px;margin:8px 0 0;min-height:1em;}
.newsletter-box .nl-msg.ok{color:#BFE0CB;}
.newsletter-box .nl-msg.err{color:#F3B4B4;}
.hp-field{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden;}

.video-player{position:relative;aspect-ratio:16/9;background:#000;border-radius:8px;overflow:hidden;margin-bottom:14px;}
.video-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.video-detail h1{font-family:var(--serif);font-size:30px;line-height:1.2;margin:10px 0 8px;}
.video-detail .meta{color:var(--slate);font-size:14px;margin-bottom:26px;}

.article-tags a{text-decoration:none;}
.search-page-form{display:flex;gap:10px;margin-bottom:26px;}
.search-page-form input{flex:1;padding:12px 14px;border:1px solid var(--line);border-radius:6px;font:inherit;}
.search-page-form button{padding:12px 20px;border:0;border-radius:6px;background:var(--navy);color:#fff;font-weight:700;cursor:pointer;}
.empty-state{padding:40px 0;color:var(--slate);text-align:left;}
.static-page{max-width:760px;padding:10px 0 60px;}
.load-more[disabled]{opacity:.5;cursor:default;}
.preview-bar{background:#7A2E2E;color:#fff;text-align:center;padding:8px 12px;font-size:13px;font-weight:600;}
.preview-bar a{color:#fff;text-decoration:underline;}

/* ================= COOKIES : préférences, vidéos bloquées, tableau ================= */
.cookie-prefs{flex:1 1 100%;font-family:var(--sans);color:#C7D0DE;max-height:70vh;overflow-y:auto;}
.cookie-prefs-title{font-family:var(--serif);font-size:18px;font-weight:700;color:#fff;margin:0 0 10px;}
.cookie-cat{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px solid rgba(255,255,255,.12);cursor:pointer;}
.cookie-cat strong{display:block;color:#fff;font-size:14px;margin-bottom:2px;}
.cookie-cat small{display:block;font-size:12.5px;line-height:1.5;color:#AEB8C8;}
.cookie-always{font-size:12px;font-weight:600;color:var(--brass);white-space:nowrap;}
.cookie-switch{appearance:none;-webkit-appearance:none;flex:none;width:42px;height:24px;border-radius:12px;background:rgba(255,255,255,.25);position:relative;cursor:pointer;transition:background .15s ease;margin:0;}
.cookie-switch::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .15s ease;}
.cookie-switch:checked{background:var(--brass);}
.cookie-switch:checked::after{left:21px;}
.cookie-switch:focus-visible{outline:2px solid #fff;outline-offset:2px;}
.cookie-prefs .cookie-actions{margin-top:14px;justify-content:flex-end;}
.embed-consent{aspect-ratio:16/9;width:100%;background:var(--navy-deep,#0D1830);color:#C7D0DE;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;font-family:var(--sans);font-size:14px;line-height:1.5;margin:0 0 14px;}
.embed-consent p{margin:0;max-width:460px;}
.embed-consent-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;}
.video-player .embed-consent{position:absolute;inset:0;aspect-ratio:auto;margin:0;border-radius:0;}
.cookie-table-wrap{overflow-x:auto;margin:16px 0;}
.cookie-table{width:100%;border-collapse:collapse;font-family:var(--sans);font-size:13.5px;}
.cookie-table th,.cookie-table td{border-bottom:1px solid #E3E6EB;padding:9px 10px;text-align:left;vertical-align:top;}
.cookie-table th{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#5B6574;}
.btn-cookie-settings{font-family:var(--sans);font-size:14px;font-weight:600;background:var(--navy);color:#fff;border:0;border-radius:4px;padding:10px 18px;cursor:pointer;}
@media (max-width:640px){ .cookie-prefs .cookie-actions{justify-content:stretch;} }

/* ================= PAGES D'ERREUR (404 / 500) ================= */
.error-page{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:56px;padding-top:64px;padding-bottom:80px;align-items:start;text-align:left;}
.error-code{font-family:var(--serif);font-size:96px;line-height:1;font-weight:700;color:var(--brass);margin:0 0 8px;letter-spacing:-2px;}
.error-main h1{font-family:var(--serif);font-size:34px;line-height:1.2;margin:0 0 14px;color:var(--ink,#111);}
.error-text{font-size:16px;line-height:1.6;color:var(--slate,#5B6574);margin:0 0 26px;max-width:560px;}
.error-search{display:flex;gap:8px;max-width:520px;margin:0 0 22px;}
.error-search input{flex:1;min-width:0;font:inherit;font-size:15px;padding:12px 14px;border:1px solid #D6DAE1;border-radius:4px;}
.error-search input:focus{outline:2px solid var(--brass);border-color:var(--brass);}
.error-search button{font-family:var(--sans);font-weight:600;font-size:14px;padding:0 20px;border:0;border-radius:4px;background:var(--navy);color:#fff;cursor:pointer;}
.error-search button:hover{background:var(--navy-deep);}
.error-sections{font-family:var(--sans);font-size:14px;color:var(--slate,#5B6574);line-height:1.9;margin:0 0 22px;}
.error-sections a{color:var(--navy);font-weight:600;}
.error-home{font-family:var(--sans);font-weight:600;font-size:14px;color:var(--navy);}
.error-latest h2{font-family:var(--serif);font-size:19px;margin:0 0 12px;padding-bottom:10px;border-bottom:2px solid var(--navy);}
.error-latest-item{display:flex;gap:14px;align-items:flex-start;padding:12px 0;border-bottom:1px solid #E3E6EB;color:inherit;text-decoration:none;}
.error-latest-item:hover span{color:var(--brass);}
.error-latest-item img{width:86px;height:60px;object-fit:cover;border-radius:4px;flex:none;background:#EEF0F3;}
.error-latest-item span{font-family:var(--serif);font-weight:600;font-size:15px;line-height:1.35;text-align:left;}
.error-latest-item small{display:block;font-family:var(--sans);font-size:11.5px;font-weight:600;color:var(--slate,#5B6574);margin-bottom:3px;}
@media (max-width:860px){ .error-page{grid-template-columns:1fr;gap:36px;padding-top:40px;padding-bottom:56px;} .error-code{font-size:72px;} .error-main h1{font-size:27px;} }


/* ================= ARTICLE : alignements, images dans le texte, source et droits ================= */
.article-body .ta-left{text-align:left;}
.article-body .ta-center{text-align:center;}
.article-body .ta-right{text-align:right;}
.article-body .ta-justify{text-align:justify;hyphens:auto;}
.article-body::after{content:"";display:table;clear:both;}

.article-body figure{margin:8px 0 26px;max-width:100%;}
.article-body figure img{display:block;width:100%;height:auto;border-radius:6px;background:var(--band);}
.article-body figcaption{font-family:var(--sans);font-size:13px;line-height:1.5;color:var(--slate);margin-top:8px;text-align:left;}
.article-body .fig-center figcaption{text-align:center;}
.article-body .fig-credit,.article-hero .photo-credit{display:inline-block;font-size:12px;color:var(--slate-light);margin-left:4px;}
.article-body .fig-full{width:100%;}
.article-body .fig-medium{width:60%;}
.article-body .fig-small{width:35%;}
.article-body .fig-center{margin-left:auto;margin-right:auto;}
.article-body .fig-left{float:left;margin:6px 28px 18px 0;}
.article-body .fig-right{float:right;margin:6px 0 18px 28px;}
.article-body .fig-full.fig-left,.article-body .fig-full.fig-right{float:none;margin:8px 0 26px;}
.article-body h2,.article-body h3{clear:both;}
@media (max-width:640px){
  .article-body .fig-medium,.article-body .fig-small{width:100%;}
  .article-body .fig-left,.article-body .fig-right{float:none;margin:8px 0 22px;}
}

/* Photo principale : la légende n'est plus masquée par le cadre de l'image */
.article-hero{max-width:760px;margin:0 0 28px;}
.article-hero .article-hero-img{margin-bottom:0;}
.article-hero figcaption{font-family:var(--sans);font-size:12.5px;line-height:1.5;color:var(--slate-light);padding-top:8px;}

/* Source / publication d'origine */
.article-source{max-width:760px;margin:8px 0 24px;padding:12px 16px;border-left:3px solid var(--brass);background:var(--band);font-family:var(--sans);font-size:13.5px;color:var(--slate);}
.article-source p{margin:2px 0;}
.article-source a{color:var(--navy);font-weight:600;text-decoration:underline;text-underline-offset:2px;}
.article-body figcaption .fig-credit{display:block;margin:2px 0 0;}

/* Lien « BUSINESS MEDIA GROUP » du pied de page : simple lien souligné */
.footer-bmg{color:inherit;text-decoration:underline;text-underline-offset:2px;}
.footer-bmg:hover{color:#fff;}
.footer-bottom{text-align:left;}
.footer-bottom > *{text-align:left;}
.footer-bmg-wrap{white-space:nowrap;}
@media (max-width:640px){
  .footer-bottom{flex-direction:column;align-items:flex-start;gap:8px;line-height:1.6;}
}
@media (max-width:640px){
  .footer-bmg-wrap{display:block;margin-top:2px;}
  .footer-dot{display:none;}
}

/* Un élément marqué « hidden » doit toujours être caché, même si son style impose un affichage (ex. infobulle du graphique des devises). */
[hidden]{display:none !important;}

/* ================= Protocole v3 : sous-titre aligné, lien auteur, droits ================= */
.article-head .dek.ta-center,p.dek.ta-center{text-align:center;}
.article-head .dek.ta-right,p.dek.ta-right{text-align:right;}
.article-head .dek.ta-justify,p.dek.ta-justify{text-align:justify;hyphens:auto;}
.article-byline .author-link{color:inherit;text-decoration:underline;text-decoration-color:var(--brass);text-underline-offset:3px;}
.article-byline .author-link:hover{color:var(--navy);}
.author-box .author-profile{display:inline-block;margin-top:6px;font-family:var(--sans);font-size:13px;font-weight:600;color:var(--navy);text-decoration:underline;text-underline-offset:2px;}
.article-source .article-rights{font-style:italic;color:var(--slate);}

/* Automatski prevod sadržaja */
.tr-notice{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;max-width:760px;margin:0 0 18px;padding:9px 14px;border:1px solid var(--line,#e3e0d8);border-radius:6px;background:var(--band,#f6f4ef);font-family:var(--sans,system-ui,sans-serif);font-size:13px;color:var(--slate,#555);}
.tr-notice[hidden]{display:none;}
.tr-notice button{background:none;border:0;padding:0;font:inherit;font-weight:600;color:var(--navy,#1d2b4f);text-decoration:underline;text-underline-offset:2px;cursor:pointer;}
.tr-notice.is-off{font-style:italic;}
/* Google Prevodilac : traka koju Google dodaje na vrh stranice je skrivena (zamenjuju je dugmad sajta) */
body{top:0 !important;}
.goog-te-banner-frame, body > .skiptranslate, #goog-gt-tt, .goog-te-balloon-frame, .goog-tooltip, .goog-te-spinner-pos,
iframe[id*=":"][class*="skiptranslate"], .VIpgJd-ZVi9od-ORHb-OEVmcd, .VIpgJd-ZVi9od-aZ2wEe-wOHMyf{display:none !important;}
.goog-text-highlight{background:none !important; box-shadow:none !important;}
/* Članak bez slike : tekst zauzima celu širinu (ne ostaje u uskoj koloni predviđenoj za sliku) */
.latest-item > div:only-child, .list-article > div:only-child{grid-column:1 / -1;}