/* ===== Vars & base ===== */
:root{
  --bg:#f7f7fb; --card:#ffffff; --text:#0f172a; --muted:#6b7280;
  --brand:#4f46e5; --brand-2:#1e3a8a; --ok:#16a34a;
  --chip:#eef2ff; --chip-text:#4f46e5; --border:#e5e7eb;
  --radius-lg:16px; --shadow:0 18px 40px rgba(0,0,0,.08);
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;}
a{color:inherit}
.container-1100{max-width:1100px;margin:0 auto;padding:0 10px}

/* ===== Top kontakt traka ===== */
.topstrip{background:#fff;border-bottom:1px solid var(--border)}
.topstrip-inner{display:flex;justify-content:right;align-items:center;gap:16px;padding:8px 10px;color:#334155;font-size:14px}
.topstrip-inner .contact-item{text-decoration:none;color:#334155;font-weight:600}
.topstrip-inner a.contact-item{color:#1e3a8a}

@media (max-width: 860px) {
  .topstrip { background:#fff;border-bottom:1px solid var(--border);padding:6px 0px; }
}

/* ===== Main nav ===== */
.mainnav{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:40;backdrop-filter:saturate(140%) blur(8px)}
.mainnav-inner{max-width:1100px;margin:0 auto;padding:10px 0px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:16px}

/* Brand (logo + slogan) */
.brandx{display:flex;align-items:center;gap:10px;text-decoration:none}
.brandx-logo{width:250px;height:80px;object-fit:contain}
.brandx-text{display:flex;flex-direction:column;line-height:1.1}
.brandx-name{font-weight:800;color:#111827;font-size:18px}
.brandx-slogan{font-size:14px;color:#6b7280;font-weight:500}

/* Meni (desktop) */
.nav-menu{list-style:none;display:flex;gap:18px;align-items:center;justify-content:right;margin:0;padding:0}
.nav-menu > li > a,.nav-menu > li > .sub-toggle{font-weight:600;color:#111827;text-decoration:none;background:none;border:none;cursor:pointer;padding:8px 10px;border-radius:8px}
.nav-menu > li > a:hover,.nav-menu > li > .sub-toggle:hover{background:#f3f4f6}
.nav-menu > li > a.is-active{background:#eef2ff;color:#1e3a8a}

/* Dropdown */
.has-sub{position:relative}
.sub{position:absolute;top:100%;left:0;min-width:260px;display:none;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.08);padding:8px}
.has-sub.open .sub{display:block}
.sub a{display:flex;justify-content:space-between;align-items:center;padding:10px;border-radius:8px;text-decoration:none;color:#111827}
.sub a:hover{background:#f7f7fb}
.badge{background:#4f46e5;color:#fff;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700}

/* Hamburger */
.nav-toggle{display:none;background:none;border:none;cursor:pointer;gap:6px;flex-direction:column;justify-self:end}
.nav-toggle span{display:block;width:22px;height:2px;background:#111827;border-radius:2px}

/* Header title */
.header-min{background:#fafaff;border-bottom:1px solid var(--border);padding:18px 0 20px}
.headline h1{font-size:18px;font-weight:800;color:#111827;display:flex;align-items:center;gap:10px;margin:0}
.count-badge{background:#4f46e5;color:#fff;font-size:13px;padding:4px 10px;border-radius:999px;font-weight:700}

/* ===== Slider ===== */
.slider-wrap{max-width:100%;margin:14px auto 18px;padding:0 0px}
.ad-slider{position:relative;width:100%;aspect-ratio:16/4.5;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}
.ad-slider .slide{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .45s ease;display:block}
.ad-slider .slide.is-active{opacity:1;z-index:1}
.ad-slider img{width:100%;height:100%;object-fit:cover;display:block}

/* Strelice i tačkice iznad overlaya */
.ad-slider .nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:999px;border:none;cursor:pointer;background:rgba(17,24,39,.65);color:#fff;font-size:24px;line-height:1;display:flex;align-items:center;justify-content:center;transition:.2s;z-index:10}
.ad-slider .nav:hover{background:rgba(17,24,39,.85)}
.ad-slider .prev{left:10px}
.ad-slider .next{right:10px}
.ad-slider .dots{position:absolute;left:0;right:0;bottom:10px;display:flex;gap:8px;justify-content:center;z-index:10}
.ad-slider .dots button{width:8px;height:8px;border-radius:999px;border:none;cursor:pointer;background:rgba(255,255,255,.55);transition:.2s}
.ad-slider .dots button.is-active{background:#fff;width:24px}

/* Overlay safe area */
.ad-overlay{position:absolute;inset:0;color:var(--txt,#fff)}
.ad-overlay .ad-safe{height:100%;max-width:1100px;margin:0 auto;padding:0 20px;display:grid}
.ad-box{background:var(--overlay-bg,rgba(0,0,0,.45));backdrop-filter:saturate(120%) blur(.5px);color:inherit;padding:16px 18px;border-radius:14px;max-width:min(640px,92%);box-shadow:0 8px 24px rgba(0,0,0,.18)}
.ad-h1{font-size:clamp(18px,2.6vw,28px);font-weight:800;line-height:1.2;margin:0 0 6px}
.ad-p{font-size:clamp(14px,1.6vw,16px);opacity:.95;margin:0 0 10px}
.ad-btn{display:inline-block;padding:8px 14px;border-radius:10px;font-weight:700;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28)}
.ad-btn:hover{background:rgba(255,255,255,.22)}
.pos-top-left .ad-safe{align-items:start;justify-items:start}
.pos-top-center .ad-safe{align-items:start;justify-items:center}
.pos-top-right .ad-safe{align-items:start;justify-items:end}
.pos-middle-left .ad-safe{align-items:center;justify-items:start}
.pos-middle-center .ad-safe{align-items:center;justify-items:center}
.pos-middle-right .ad-safe{align-items:center;justify-items:end}
.pos-bottom-left .ad-safe{align-items:end;justify-items:start}
.pos-bottom-center .ad-safe{align-items:end;justify-items:center}
.pos-bottom-right .ad-safe{align-items:end;justify-items:end}

/* ===== Filter ===== */
.search-card{max-width:1100px;margin:10px 0px 10px;padding:14px;border-radius:var(--radius-lg);background:var(--card);box-shadow:var(--shadow);border:1px solid var(--border)}
.filters{display:grid;grid-template-columns:2fr 1.2fr 1.2fr auto;gap:10px;align-items:center}
.input,.select,.btn{padding:.75rem .8rem;border:1px solid var(--border);border-radius:10px;font-size:15px;background:#fff}
.select{appearance:none}
.btn{background:var(--brand);color:#fff;border:none;font-weight:600;cursor:pointer}
.btn:hover{filter:brightness(1.05)}
.reset{display:inline-block;margin-top:10px;color:var(--muted);text-decoration:none;font-size:14px}

/* ===== Lista poslova ===== */
.section{max-width:1100px;margin:0 auto 24px;padding:0 20px}
.section h2{font-size:22px;font-weight:700;margin:0 0 12px;color:#111827}
.featured-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}
.featured-card{text-decoration:none;color:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px;box-shadow:0 14px 30px rgba(0,0,0,.08);transition:.2s}
.featured-card:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(0,0,0,.12)}
.feat-row{display:flex;align-items:center;gap:14px}
.feat-logo{width:54px;height:54px;border-radius:50%;background:#eef2ff;overflow:hidden;display:flex;align-items:center;justify-content:center;font-weight:700;color:#4f46e5}
.feat-logo img{width:100%;height:100%;object-fit:cover}
.feat-title{font-weight:700;color:#111827}
.feat-company{color:#6b7280;font-size:14px}
.feat-city{font-size:13px;color:#475569}

.list{max-width:1100px;margin:0 auto;padding:0 20px 40px;display:grid;grid-template-columns:1fr;gap:14px}
.card{display:flex;gap:16px;align-items:center;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px;text-decoration:none;color:inherit;box-shadow:var(--shadow);transition:transform .15s ease,box-shadow .15s ease}
.card:hover{transform:translateY(-2px);box-shadow:0 22px 46px rgba(0,0,0,.12)}
.logo{width:64px;height:64px;border-radius:50%;background:#e0e7ff;color:var(--brand-2);font-weight:800;display:flex;align-items:center;justify-content:center;overflow:hidden}
.logo img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.info{flex:1;min-width:0}
.title{margin:0;font-size:18px;font-weight:700;color:#111827;line-height:1.2}
.company{margin:4px 0 0;color:var(--muted);font-size:14px}
.meta{margin:6px 0 0;font-size:13px;color:#475569;display:flex;flex-wrap:wrap;gap:10px}
.chip{background:var(--chip);color:var(--chip-text);padding:2px 8px;border-radius:999px;font-size:12px}
.date{font-size:12px;color:#64748b}
.empty{text-align:center;color:var(--muted);padding:40px 0 60px}
.link-brand{color:var(--brand);text-decoration:none;font-weight:600}

/* Footer */
.footer{padding:22px;border-top:1px solid var(--border);color:#64748b;text-align:center;background:#fff}
.footer .muted{color:#64748b}

/* Responsive tweaks */
@media (max-width:960px){
  .mainnav-inner{grid-template-columns:auto auto}
  .nav-toggle{display:flex}
  .nav-menu{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--border);flex-direction:column;gap:0;padding:10px 20px;z-index:41}
  .nav-menu > li{width:100%}
  .nav-menu > li > a, .nav-menu > li > .sub-toggle{display:block;width:100%;text-align:left;padding:12px 4px;border-radius:8px}
  .has-sub .sub{position:static;display:none;border:none;box-shadow:none;padding:0;margin:0}
  .has-sub.open .sub{display:flex;flex-direction:column}
  .sub a{padding:10px 4px}
  .brandx-logo{width:152px;height:52px}
  .brandx-name{font-size:16px}
  .brandx-slogan{display:none}
  .filters{grid-template-columns:1fr}
  .btn{width:100%}
  .ad-slider{aspect-ratio:16/6}
}
@media (min-width:961px){
  .has-sub:hover .sub{display:block}
}

/* Mobilna verzija slajdera */
@media (max-width: 860px) {
  .ad-slider { aspect-ratio: 12/6; }
  .ad-box { max-width: 96%; padding: 12px 14px; }
  .ad-h1 { font-size: clamp(16px, 5vw, 22px); }
  .ad-p { font-size: clamp(13px, 4vw, 15px); }
  .ad-btn { padding: 6px 12px; font-size: 14px; }
}

/* ===== MOBILE POLISH PACK (<= 640px) ===== */
@media (max-width:640px){
  .topstrip-inner{gap:6px;padding:6px 14px}
  .headline h1{font-size:18px}
  .count-badge{font-size:12px;padding:3px 8px}

  .citybar{ margin-top:8px; gap:6px; overflow-x:auto; -webkit-overflow-scrolling:touch; padding-bottom:6px; }
  .citybar::-webkit-scrollbar{display:none}
  .city-pill{padding:6px 10px; box-shadow:0 6px 10px rgba(0,0,0,.04)}

  .ad-slider{aspect-ratio:16/9; border-radius:14px}
  .ad-slider .nav{width:36px; height:36px; font-size:20px}
  .ad-slider .prev{left:6px} .ad-slider .next{right:6px}
  .ad-slider .dots{bottom:6px}

  .ad-overlay .ad-safe{width:83%; padding:0 14px}
  .ad-box{ max-width:100%; padding:14px 14px; border-radius:12px; box-shadow:0 8px 22px rgba(0,0,0,.16); }
  .ad-h1{font-size:clamp(18px,4.6vw,22px); margin:0 0 6px}
  .ad-p{font-size:clamp(14px,3.8vw,16px); margin:0 0 10px}
  .ad-btn{display:inline-block; padding:10px 14px; border-radius:10px; font-weight:800}

  .search-card{margin:10px 12px 18px; padding:12px}
  .filters{grid-template-columns:1fr; gap:8px}
  .input,.select,.btn{font-size:16px; padding:12px 14px; border-radius:10px}
  .btn{height:46px}

  .section{padding:0 12px}
  .section h2{font-size:18px;margin:0 0 10px}
  .featured-grid{grid-template-columns:1fr; gap:12px}
  .featured-card{padding:12px; border-radius:12px}

  .list{padding:0 12px 28px; gap:10px}
  .card{padding:12px; border-radius:12px; gap:12px}
  .logo{width:56px; height:56px}
  .title{font-size:16px}
  .company{font-size:13px}
  .meta{gap:8px; font-size:12px}

  .footer{padding:16px 12px; font-size:13px}
}

/* Ultra-small (<= 380px) */
@media (max-width:380px){
  .headline h1{font-size:20px}
  .ad-slider{aspect-ratio:16/10}
  .ad-overlay .ad-safe{width:97%; padding:0 10px}
  .ad-h1{font-size:18px}
  .ad-p{font-size:14px}
  .ad-btn{padding:9px 12px}
}

/* === DESKTOP / GLOBAL STILOVI KOJI SU GREŠKOM BILI U max-width:960 === */

/* Mainnav – globalno (punija unutrašnja margina) */
.mainnav{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:40;backdrop-filter:saturate(140%) blur(8px)}
.mainnav-inner{max-width:1100px;margin:0 auto;padding:10px 10px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:16px}

/* ============ Featured (3 u redu) ============ */
.container-1100{max-width:1100px;margin:0 auto;padding:0 10px}
.section-head h2{font-size:22px;font-weight:800;color:#0f172a;margin:14px 0;}
.featured-grid{display:grid;gap:16px;margin:10px auto 28px;}
.featured-3col{grid-template-columns:repeat(3,minmax(0,1fr));}
@media (max-width:980px){ .featured-3col{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:640px){ .featured-3col{grid-template-columns:1fr;} }

/* Kartica */
.featured-card{
  display:flex;flex-direction:column;gap:12px;
  background:#fff;border:1px solid #e5e7eb;border-radius:16px;
  padding:16px 16px 14px;text-decoration:none;color:inherit;
  box-shadow:0 18px 40px rgba(0,0,0,.06);transition:.2s;
}
.featured-card:hover{transform:translateY(-2px);box-shadow:0 22px 52px rgba(0,0,0,.10)}

/* Header: logo + naslovi */
.feat-header{display:flex;align-items:center;gap:14px}
.feat-logo{
  width:64px;height:64px;border-radius:12px;
  background:#eef2ff;border:1px solid #e5e7eb;
  display:flex;align-items:center;justify-content:center;overflow:hidden;
}
.feat-logo img{width:100%;height:100%;object-fit:contain;padding:8px}
.logo-initials{font-weight:800;color:#4f46e5}

.feat-titlebox{min-width:0}
.feat-title{font-weight:800;color:#0f172a;font-size:18px;line-height:1.2;margin:0}
.feat-company{color:#6b7280;font-size:14px;margin-top:2px}

/* Badges */
.feat-badges{display:flex;flex-wrap:wrap;gap:8px}
.chip{ background:#eef2ff;color:#4f46e5;border-radius:999px; padding:4px 10px;font-size:12px;font-weight:700; }

/* Filter okvir / širina */
.search-card{max-width:1100px;margin:10px 0px 10px;padding:14px;border-radius:16px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 18px 40px rgba(0,0,0,.06)}
.filters{display:grid;grid-template-columns:2fr 1.2fr 1.2fr auto;gap:10px}
.input,.select,.btn{padding:.75rem .8rem;border:1px solid #e5e7eb;border-radius:10px;font-size:15px;background:#fff}
@media (max-width:860px){ .filters{grid-template-columns:1fr} .btn{width:100%;background:#4e45e2} }

/* Hero zaglavlje oglasa */
.job-hero{
  background: linear-gradient(180deg, #ffffff 0%, #f7f7fb 100%);
  border-bottom: 1px solid var(--border);
  padding: 28px 0 16px;
}
.job-hero-top{ display:flex;justify-content:space-between;align-items:flex-start;gap:16px; }
.job-hero-title{ margin:0;font-size:clamp(24px,4.5vw,40px);line-height:1.15;color:#111827;font-weight:800; }
.job-badge{ display:inline-block;padding:6px 12px;border-radius:999px;font-weight:700;font-size:13px; }
.job-badge.open{background:#dcfce7;color:#065f46;border:1px solid #bbf7d0;text-align:center}
.job-badge.closed{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}

.job-hero-meta{ margin-top:14px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap; }
.job-hero-company{display:flex;gap:14px;align-items:center}
.job-hero-logo{
  width:56px;height:56px;border-radius:50%;background:#e0e7ff;display:flex;align-items:center;justify-content:center;
  font-weight:800;color:#1e3a8a;overflow:hidden
}
.job-hero-logo img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.job-hero-company-name{font-weight:800;color:#0f172a}
.job-hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.chip{background:#eef2ff;color:#4f46e5;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:700}
.job-hero-dates{display:flex;gap:16px;align-items:center;color:#334155}
.muted{color:#64748b}
@media (max-width:860px){
  .job-hero{padding:22px 0 12px}
  .job-hero-meta{flex-direction:column;align-items:flex-start}
}

/* --- Job page: sidebar + search bottom --- */
.wrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;}
@media(max-width:900px){.wrap{grid-template-columns:1fr}}

.search-card.bottom{margin:24px auto 40px;}

.sb{display:flex;flex-direction:column;gap:14px}
.sb-header{display:flex;align-items:center;gap:12px}
.sb-logo{width:56px;height:56px;border-radius:14px;overflow:hidden;background:#eef2ff;
         display:flex;align-items:center;justify-content:center;font-weight:800;color:#1e3a8a}
.sb-logo img{width:100%;height:100%;object-fit:cover}
.sb-name{font-weight:800;color:#111827}
.sb-city{font-size:13px;color:#64748b;margin-top:2px}
.sb-desc{color:#475569;font-size:14px;line-height:1.55;margin:4px 0 2px}

.sb-meta{display:flex;justify-content:space-between;align-items:center;
         padding:10px 12px;border:1px dashed var(--border);border-radius:12px;background:#fafafa}
.sb-label{color:#64748b}
.sb-value{font-weight:800;color:#111827}

/* === JOB SINGLE FIXES (selektori iz postojeće strane) === */
/* 1) Sidebar logo */
.sidebar .logo {
  width: 80px !important;
  height: 80px !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  background: #eef2ff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.sidebar .logo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  padding: 8px !important;
}

/* 2) Sidebar kartica */
.sidebar .company { gap: 12px !important; align-items: center !important; }
.sidebar .row { font-size: 14px !important; }

/* 3) Search bar ispod oglasa – full širina */
.wrap + .search-card {
  width: 100% !important;
  max-width: none !important;
  margin: 30px 0 40px !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.06) !important;
  border: 1px solid #e5e7eb !important;
  background: #fff !important;
  padding: 20px 0 !important;
}
.wrap + .search-card .filters {
  max-width: 1100px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: 2fr 1fr 1fr 140px !important;
  gap: 14px !important;
}
@media (max-width: 860px) {
  .wrap + .search-card .filters {
    grid-template-columns: 1fr !important;
    width: 92% !important;
  }
}
.wrap + .search-card .btn {
  background: var(--brand) !important;
  font-weight: 700 !important;
  transition: .2s !important;
}
.wrap + .search-card .btn:hover { filter: brightness(1.1) !important; }

/* === PATCH 1: Početna – centriraj pretraživač === */
/* Ako je search kartica na početnoj van .container-a, ovo je centrira. */
.home .search-card,
body.home .search-card {
  margin: 10px auto !important;          /* centar */
  max-width: 1100px !important;
}

/* Ako nema body.home klase, fallback – centrira sve osim one ispod oglasa na single stranici */
.search-card:not(.bottom) {
  margin: 10px auto !important;
}

/* === PATCH 2: Dugme "Pretraži" – vrati pozadinu na desktopu === */
.search-card .btn {
  background: var(--brand) !important;
  color: #fff !important;
  border: none !important;
  font-weight: 700;
  border-radius: 10px;                   /* da ostane u istom stilu */
}
.search-card .btn:hover { filter: brightness(1.08); }

/* === PATCH 3: CTA "Pogledaj sve oglase ovog poslodavca" – vrati oblik === */
/* Stil za .btn-link koji je u desnoj (poslodavac) kartici */
.sb .btn-link,
.sidebar .btn-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  background: var(--brand) !important;
  color: #fff !important;
  padding: .9rem 1.1rem !important;
  border-radius: 12px !important;        /* vraća „pill” oblik sa slike */
  font-weight: 800;
  box-shadow: 0 10px 24px rgba(79,70,229,.18);
}
.sb .btn-link:hover,
.sidebar .btn-link:hover { filter: brightness(1.06); }

/* U slučaju da neki globalni .btn pravila kvare radius/link, poništi ih lokalno */
.sb .btn-link.btn, .sidebar .btn-link.btn {
  border: none !important;
  background: var(--brand) !important;
  border-radius: 12px !important;
}

/* === PATCH 4 (opciono, ali preporučujem): 
   za svaki slučaj centriraj i "globalni" search na početnoj sekciji iznad istaknutih oglasa  */
.section-head + .search-card { margin-left: auto; margin-right: auto; }

/* === SEARCH unutar .wrap neka zauzme cijelu širinu (oba stupca) === */
.wrap {
  display: grid; /* safety, ako negdje nije primijenjeno */
  grid-template-columns: minmax(0,1fr) 320px;
  gap: 16px;
}

.wrap .search-card {
  grid-column: 1 / -1 !important;   /* PROŠIRI preko obje kolone */
  width: 100% !important;
  max-width: none !important;
  margin: 24px 0 40px !important;
  padding: 20px !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.06) !important;
  border: 1px solid #e5e7eb !important;
  background: #fff !important;
}

/* Unutrašnja mreža – 4 kolone na desktopu */
.wrap .search-card .filters {
  display: grid !important;
  grid-template-columns: 2fr 1fr 1fr 140px !important;
  gap: 14px !important;
  align-items: center !important;
}

@media (max-width: 860px) {
  .wrap .search-card { margin: 20px 0 30px !important; }
  .wrap .search-card .filters {
    grid-template-columns: 1fr !important;
    width: 92% !important;
    margin: 0 auto !important;
  }
}

/* Osiguraj pozadinu dugmeta */
.wrap .search-card .btn { 
  background: var(--brand) !important; 
  color:#fff !important; 
  border:none !important; 
  font-weight:700; 
  border-radius:10px;
}

.footer .social-icons {
  display: flex;
  justify-content: center;
  gap: 18px;
  margin-bottom: 14px;
}

.footer .social-icons a {
  color: #6b7280; /* neutralna siva – elegantna */
  transition: transform .2s ease, color .25s ease;
}

.footer .social-icons a:hover {
  color: #111827; /* tamnija siva na hover – profinjeno */
  transform: translateY(-2px);
}

.footer .social-icons svg {
  width: 22px;
  height: 22px;
  opacity: 0.85;
  transition: opacity .25s ease;
}

.footer .social-icons a:hover svg {
  opacity: 1;
}

/* EXPIRING STATE */
.job-badge.expiring {
  background: #fef3c7;
  color: #92400e;
  border: 1px solid #fcd34d;
  font-weight: 800;
  animation: pulseBadge 1.4s ease-in-out infinite;
  text-align: center;
}
@keyframes pulseBadge {
  0%,100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(251,191,36,.45); }
  50% { transform: scale(1.06); box-shadow: 0 0 16px 6px rgba(251,191,36,.25); }
}

/* Badge vizuelni stilovi */
.expires-badge, .job-badge{
  display:inline-block; padding:6px 12px; border-radius:999px;
  font-size:12px; font-weight:800; line-height:1; letter-spacing:.1px;
  border:1px solid transparent; 
}
.expires-badge.open, .job-badge.open{ background:#dcfce7; color:#14532d; border-color:#bbf7d0; }
.expires-badge.expiring, .job-badge.expiring{ background:#fef9c3; color:#7c2d12; border-color:#fde68a; text-align: center;}
.expires-badge.expiring.today::before, .job-badge.expiring.today::before{ content:"⚠️ "; }
.expires-badge.closed, .job-badge.closed{ background:#fee2e2; color:#991b1b; border-color:#fecaca; }

/* === CANONICAL BADGE STYLES (Montserrat + unified states) === */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700;800&display=swap');
.expires-badge, .job-badge{
  display:inline-block; padding:6px 12px; border-radius:999px;
  font-size:13px; font-weight:800; line-height:1; letter-spacing:.2px;
  border:1px solid transparent; font-family:'Montserrat',sans-serif; text-align: center;
}
.expires-badge.open, .job-badge.open{ background:#dcfce7; color:#064e3b; border-color:#86efac; }
.expires-badge.expiring, .job-badge.expiring{ background:#fef9c3; color:#7c2d12; border-color:#fde68a; }
.expires-badge.expiring.today::before, .job-badge.expiring.today::before{ content:"⚠️ "; }
.expires-badge.closed, .job-badge.closed{ background:#fee2e2; color:#991b1b; border-color:#fecaca; }

.job-badge.open {
  background: #dcfce7;
  color: #065f46;
  border: 1px solid #bbf7d0;
  font-weight: bold; /* bold i za svaki slučaj */
}

/* === Badževi u listi rezultata (pretraga) === */
.list .expires-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 14px;
  border-radius:999px;
  font-weight:800;            /* bold */
  line-height:1;
  white-space:nowrap;
  border:1px solid transparent;
}

/* varijante (isti tonovi kao na naslovnoj) */
.list .expires-badge.open{
  background:#dcfce7;
  color:#065f46;
  border-color:#bbf7d0;
}
.list .expires-badge.expiring{
  background:#fef3c7;
  color:#92400e;
  border-color:#fde68a;
}
.list .expires-badge.expiring.today::before{ content:"⚠️ "; }
.list .expires-badge.closed{
  background:#fee2e2;
  color:#991b1b;
  border-color:#fecaca;
}

/* raspored na mobilnom – badge ispod meta, sa luftom */
@media (max-width: 640px){
  .list .card{ display:flex; flex-direction:column; gap:10px; }
  .list .card .meta{ display:flex; flex-wrap:wrap; gap:8px; }
  .list .expires-badge{ align-self:flex-start; margin-top:2px; }
}

@media (max-width: 640px) {
  .logo {
    align-self: first baseline;
  }
}

/* Firefox-like razdvajanje "Objavljeno:" i datuma u 2 reda */
.featured-card .feat-footer .date{
  display:flex;
  flex-direction:column;   /* jedan ispod drugog */
  align-items:flex-start;
  line-height:1.15;
}

.featured-card .feat-footer .date em{
  font-style:normal;
  color:#6b7280;           /* blago sivo, kao meta */
}

.featured-card .feat-footer .date b{
  font-weight:700;         /* naglašen datum */
  letter-spacing:0.2px;
}

/* ako imaš i .card listu sa istom strukturom, uključi i ovo: */
.card .feat-footer .date{ display:flex; flex-direction:column; align-items:flex-start; line-height:1.15; }
.card .feat-footer .date em{ font-style:normal; color:#6b7280; }
.card .feat-footer .date b{ font-weight:700; letter-spacing:0.2px; }

/* === Objavljeno (dva reda) + bedž u istom redu === */
.featured-card .feat-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
}

.featured-card .feat-footer .date {
  display: flex;
  flex-direction: column; /* Objavljeno: i datum jedan ispod drugog */
  font-size: 14px;
  color: #475569;
  line-height: 1.2;
}

.featured-card .feat-footer .expires-badge {
  white-space: nowrap; /* da se ne lomi tekst u bedžu */
  margin-left: 10px;
  flex-shrink: 0; /* sprečava sužavanje bedža */
}

.job-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.08);
}

/* === Datum u 2 reda, bedž desno (univerzalno) === */
.featured-card .feat-footer,
.card .feat-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:nowrap;
}

.featured-card .feat-footer .date,
.card .feat-footer .date{
  display:flex;
  flex-direction:column;  /* em iznad, b ispod */
  line-height:1.15;
}

.featured-card .feat-footer .date em,
.card .feat-footer .date em{
  font-style:normal;
  color:#6b7280;
}

.featured-card .feat-footer .date b,
.card .feat-footer .date b{
  font-weight:700;
  letter-spacing:.2px;
}

.featured-card .feat-footer .expires-badge,
.card .feat-footer .expires-badge{
  white-space:nowrap;      /* uvek u jednom redu */
  margin-left:auto;        /* guraj desno */
  flex:0 0 auto;
}

/* ===============================
   Samo za stranicu oglasi.php
   =============================== */
.list {
  margin: 15px auto;
  padding: 15px 20px 40px !important;
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  
}

div.headline.container-1100 {
max-width: 1100px;
    margin: 0 auto;
    padding: 0 10px;
}

.contact-card {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.contact-row {
    display: flex;
    align-items: center;
    gap: 12px;
}

.contact-icon {
    width: 22px;
    font-size: 17px;
    text-align: center;
    color: #4b5563;
}

.contact-text {
    font-size: 14px;
    color: #1f2937;
    line-height: 1.4;
}

.contact-text a {
    color: #0369a1;
    text-decoration: none;
}

.contact-text a:hover {
    text-decoration: underline;
}

/* ===========================
   ISTAKNUTI POSLODAVCI – KARUSEL (Swiper)
   =========================== */

.home-featured-employers{
  padding: 32px 0 26px;
  background:#f9fafb;
}

.home-featured-employers h2{
  font-size:22px;
  margin:0 0 6px;
  color:#111827;
}

.home-featured-employers p{
  margin:0;
  font-size:14px;
  color:#6b7280;
}

.hfe-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
}

.hfe-nav{
  display:flex;
  align-items:center;
  gap:8px;
}

.hfe-btn{
  width:32px;
  height:32px;
  border-radius:999px;
  border:1px solid #d1d5db;
  background:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  line-height:1;
  cursor:pointer;
  transition:background .15s ease, transform .1s ease, box-shadow .15s ease;
}
.hfe-btn:hover{
  background:#eef2ff;
  box-shadow:0 4px 10px rgba(148,163,184,0.45);
  transform:translateY(-1px);
}
.hfe-btn:disabled{
  opacity:.4;
  cursor:default;
  box-shadow:none;
  transform:none;
}

/* Swiper dio */
.hfe-swiper{
  padding-bottom:18px;
}
.hfe-swiper .swiper-wrapper{
  align-items:stretch;
}
.hfe-swiper .swiper-slide{
  height:auto;
  display:flex;
}
.hfe-swiper .hfe-card{
  width:100%;
}

/* Kartice poslodavaca */
.hfe-card{
  background:#fff;
  border-radius:18px;
  border:1px solid #e5e7eb;
  padding:14px 14px 12px;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.hfe-logo-wrap{
  width:64px;
  height:64px;
  border-radius:18px;
  background:#f3f4f6;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  margin-bottom:2px;
}
.hfe-logo-wrap img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}
.hfe-logo-placeholder span{
  font-size:24px;
  font-weight:600;
  color:#4b5563;
}

.hfe-body{
  flex:1;
}

.hfe-title{
  margin:0 0 4px;
  font-size:16px;
  color:#111827;
}

.hfe-meta{
  display:flex;
  flex-wrap:wrap;
  gap:4px 8px;
  font-size:12px;
  color:#6b7280;
  margin-bottom:4px;
}

.hfe-tagline{
  margin:0;
  font-size:13px;
  color:#4b5563;
}

.hfe-footer{
  margin-top:4px;
}

.hfe-btn-profile{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 12px;
  font-size:13px;
}

/* ============================================
   ISTAKNUTI POSLODAVCI – LOGO FULL-WIDTH
   (važi za sve rezolucije, desktop + mobilni)
   ============================================ */

.home-featured-employers .swiper-slide .hfe-card {
  display: flex !important;
  flex-direction: column !important;   /* logo gore, tekst ispod */
  align-items: stretch !important;
}

.home-featured-employers .swiper-slide .hfe-logo-wrap {
  width: 100% !important;
  height: 110px !important;           /* po želji 120–130px */
  padding: 16px !important;
  margin: 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  box-sizing: border-box !important;
  background: #ffffff;
  border-bottom: 1px solid #e5e7eb;
}

.home-featured-employers .swiper-slide .hfe-logo-wrap img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;     /* NIKAD nema odsijecanja */
  object-position: center !important;
  display: block !important;
}

.home-featured-employers .swiper-slide .hfe-body {
  padding: 5px 5px 5px !important;
}

/* Header red: naslov lijevo, ticker desno */
.tt-header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.tt-header-left h1 {
    margin: 0;
}

/* Desna strana – rezerviši dovoljno mjesta za ticker */
.tt-header-right {
    flex: 0 0 420px;          /* širina prostora za "Posljednji oglasi" */
    display: flex;
    justify-content: flex-end;
}

/* Ticker wrapper zauzima punu širinu tog prostora */
.tt-latest-wrapper {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 10px;
}

.tt-breadcrumb-title {
    font-size: 15px;
    font-weight: 700;
    color: #0f172a;
    white-space: nowrap;
}

/* viewport za ticker – sada puna širina */
.tt-latest-list {
    flex: 1;
    min-width: 0;
    width: 100%;
    position: relative;
    height: 40px;
    display: flex;
    align-items: center;
}

/* item ostaje isti kao prije, samo da nema nikakvu fiksnu širinu */
.tt-latest-item {
    position: absolute;
    left: 0;
    top: 50%;
    padding: 8px 14px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    text-decoration: none;
    color: #0f172a;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;

    opacity: 0;
    pointer-events: none;
    transform: translate(30px, -50%);
    transition: opacity .35s ease, transform .35s ease, border-color .25s ease, background .25s ease;
}

.tt-latest-item.is-active {
    opacity: 1;
    pointer-events: auto;
    transform: translate(0, -50%);
}

/* Mobilni – sve ispod, da ne bude tijesno */
@media (max-width: 640px) {
    .tt-header-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .tt-header-right {
        flex: 1 1 auto;
        width: 100%;
        justify-content: flex-start;
    }

    .tt-latest-wrapper,
    .tt-latest-list {
        width: 100%;
    }
}

/* Candidate card stil */

.page-candidate-register .candidate-card,
.page-candidate-verify .candidate-card {
    background: #ffffff;
    border-radius: 18px;
    padding: 24px 26px;
    box-shadow: 0 18px 40px rgba(15,23,42,0.12);
    margin: 40px auto;
    max-width: 640px;
}

.candidate-card h1 {
    font-size: 22px;
    margin-bottom: 8px;
    color: #0f172a;
}

.candidate-card p {
    font-size: 14px;
    color: #4b5563;
}

.candidate-card form {
    margin-top: 18px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.candidate-card label {
    font-size: 13px;
    font-weight: 500;
    color: #111827;
    margin-bottom: 2px;
}

.candidate-card input[type="text"],
.candidate-card input[type="email"],
.candidate-card input[type="password"],
.candidate-card input[type="number"],
.candidate-card input[type="file"],
.candidate-card textarea {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #e5e7eb;
    padding: 8px 10px;
    font-size: 14px;
}

.candidate-card textarea {
    min-height: 90px;
}

.candidate-card .btn-primary {
    margin-top: 8px;
}

.alert-success {
    background: #ecfdf5;
    border: 1px solid #bbf7d0;
    color: #166534;
    border-radius: 10px;
    padding: 10px 12px;
    font-size: 14px;
    margin-bottom: 12px;
}

.alert-error {
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #991b1b;
    border-radius: 10px;
    padding: 10px 12px;
    font-size: 14px;
    margin-bottom: 12px;
}

/* Admin tabela kandidata */

.admin-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    font-size: 13px;
}

.admin-table th,
.admin-table td {
    border: 1px solid #e5e7eb;
    padding: 6px 8px;
    text-align: left;
}

.admin-table th {
    background: #f9fafb;
    font-weight: 600;
}

.job-main-column{
  display:flex;
  flex-direction:column;
  gap:16px;
}

/* Skills kartica */
.job-skills-box{
  padding:16px 18px;
  border-radius:16px;
  border:1px solid #e5e7eb;
  background:#f9fafb;
  width: 100%;
  box-sizing:border-box;
}

.job-skills-title{
  font-size:15px;
  font-weight:700;
  color:#0f172a;
  margin-bottom:10px;
}

.job-skills-list{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  }

.job-skill-pill{
  display:inline-flex;
  align-items:center;
  padding:4px 10px;
  border-radius:999px;
  font-size:13px;
  background:#eef2ff;
  color:#4f46e5;
  font-weight:600;
  border:1px solid rgba(79,70,229,.18);
}

/* Dugmad */
.btn-primary{
  background:var(--brand);
  color:#fff;
  text-decoration:none;
  padding:10px 18px;
  border-radius:10px;
  font-weight:600;
  box-shadow:0 4px 10px rgba(79,70,229,.25);
  transition:.2s ease;
}
.btn-primary:hover{
  filter:brightness(1.08);
  transform:translateY(-1px);
}

.btn-outline{
  background:transparent;
  color:var(--brand-2);
  border:1.8px solid var(--brand);
  text-decoration:none;
  padding:10px 18px;
  border-radius:10px;
  font-weight:600;
  transition:.2s ease;
}
.btn-outline:hover{
  background:var(--brand);
  color:#fff;
  transform:translateY(-1px);
}

/* USER IKONICA */
.user-menu-icon .sub-toggle {
  background: none;
  border: none;
  cursor: pointer;
  padding: 6px;
  display: flex;
  align-items: center;
}

.user-icon {
  width: 22px;
  height: 22px;
  filter: grayscale(100%);
  opacity: 0.85;
}

/* Dropdown stil */
.user-submenu {
  min-width: 160px;
}

.user-submenu a {
  padding: 10px 15px;
  display: block;
  font-size: 14px;
}

.user-submenu a:hover {
  background: #f1f5f9;
}

.nav-menu .user-icon {
    filter: none !important;
}

/* ======================================================
   HOME DUAL TABS
====================================================== */

.home-dual-tabs{
  padding:36px 0;
}

/* ======================================================
   WRAPPER
====================================================== */

.dual-box{
  background:#fff;
  border:1px solid var(--border);
  border-radius:20px;
  box-shadow:var(--shadow);
  overflow:hidden;
}

/* ======================================================
   TAB HEADERS
====================================================== */

.dual-tabs{
  display:flex;
  border-bottom:1px solid var(--border);
}

.dual-tab{
  flex:1;
  padding:14px 16px;
  background:#f8fafc;
  border:0;
  font-weight:900;
  font-size:14px;
  cursor:pointer;
  color:#475569;
  transition:all .15s ease;
}

.dual-tab:hover{
  background:#eef2ff;
}

.dual-tab.is-active{
  background:#fff;
  color:#0f172a;
  border-bottom:3px solid var(--brand);
}

/* ======================================================
   TAB CONTENT
====================================================== */

.dual-content{
  background:#fff;
}

/* ======================================================
   PANEL SHOW / HIDE
====================================================== */

.dual-panel{
  display:none;
  position:relative;
  overflow:hidden;
}

.dual-panel.is-active{
  display:block;
  background:transparent;
}

/* ======================================================
   BACKGROUND IMAGE + OVERLAY (PER TAB)
====================================================== */

.dual-panel::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:85% center;
  transform:scale(1.02);
}

.dual-panel::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0.95) 0%,
    rgba(255,255,255,0.90) 0%,
    rgba(255,255,255,0.70) 0%,
    rgba(255,255,255,0.40) 0%
  );
}

/* ======================================================
   BACKGROUND IMAGES
====================================================== */

.dual-panel--employers::before{
  background-image:url("/assets/tvojtimposlodavaczaposleni.jpg");
}

.dual-panel--candidates::before{
  background-image:url("/assets/tvojtimposlodavaczaposleni.jpg");
}

/* ======================================================
   SPLIT LAYOUT
====================================================== */

.dual-inner{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1fr 520px;
  align-items:center;
  min-height:320px;
  background:transparent;
}

/* ======================================================
   LEFT: TEXT
====================================================== */

.dual-copy{
  padding:44px 46px;
  max-width:720px;
}

.dual-kicker{
  display:inline-block;
  margin-bottom:14px;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(99,102,241,.12);
  border:1px solid rgba(99,102,241,.25);
  font-size:12px;
  font-weight:900;
  color:#1e293b;
}

.dual-copy h2{
  margin:0 0 12px;
  font-size:clamp(26px, 3.4vw, 44px);
  font-weight:950;
  line-height:1.08;
  color:#0f172a;
}

.dual-copy h2 span{
  color:#334155;
}

.dual-copy p{
  margin:0 0 20px;
  font-size:15px;
  line-height:1.65;
  color:#334155;
  max-width:56ch;
}

/* ======================================================
   ACTIONS
====================================================== */

.dual-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

/* ======================================================
   RIGHT: ART (NEUTRAL CONTAINER)
====================================================== */

.dual-art{
  background:none;
}

/* ======================================================
   RESPONSIVE
====================================================== */

@media (max-width: 980px){

  .dual-panel::before,
  .dual-panel::after{
    display:none;
  }

  .dual-panel.is-active{
    background:#fff;
  }

  .dual-inner{
    grid-template-columns:1fr;
    background:#fff;
  }

  .dual-art{
    display:none;
  }

  .dual-copy{
    padding:28px;
    max-width:100%;
  }
}

.lp-plan{
  position: relative;
  overflow: hidden;
}

/* traka postoji samo na PRO kartici */
.lp-plan--pro .lp-ribbon{
  position: absolute;
  top: 14px;
  right: -42px;
  transform: rotate(45deg);
  background: #f97316; /* narandžasta */
  color: #fff;
  font-weight: 900;
  font-size: 12px;
  letter-spacing: .4px;
  padding: 6px 48px;
  text-transform: uppercase;
  box-shadow: 0 6px 18px rgba(249,115,22,.35);
  pointer-events: none;
}

/* === Fine align: sve iste visine + poravnanje u liniji === */
.filters.filters--salary-range{
  align-items: end; /* umjesto center */
}

.filters.filters--salary-range .input,
.filters.filters--salary-range .select,
.filters.filters--salary-range .btn{
  height: 44px;
  padding: 0 14px;         /* ujednači vertikalu */
  line-height: 44px;       /* da tekst bude centriran */
}

.filters.filters--salary-range .select{
  line-height: normal;     /* select ne voli fixed line-height */
  padding: 0 14px;
}

.filters.filters--salary-range .btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: normal;
}

/* === Desktop: svi filteri u JEDNOM redu (mobilni ostaje kao prije) === */
@media (min-width: 861px){
  .filters.filters--salary-range{
    display: grid !important;
    grid-template-columns: 2.4fr 1.1fr 1.4fr 1.1fr 140px !important;
    gap: 10px !important;
    align-items: center !important;
  }

  /* reset prethodnih grid pozicija (da ne forsira 2 reda) */
  .filters.filters--salary-range .input,
  .filters.filters--salary-range select[name="grad"],
  .filters.filters--salary-range select[name="kategorija"],
  .filters.filters--salary-range select[name="plata_range"],
  .filters.filters--salary-range .btn{
    grid-column: auto !important;
  }

  /* ujednači visinu */
  .filters.filters--salary-range .input,
  .filters.filters--salary-range .select,
  .filters.filters--salary-range .btn{
    height: 44px;
  }

  .filters.filters--salary-range .btn{
    white-space: nowrap;
  }
}

/* === JOB (single) – filter u jednom redu (override wrap pravila) === */
@media (min-width: 861px){
  .wrap .search-card .filters.filters--salary-range{
    grid-template-columns: 2.4fr 1.1fr 1.4fr 1.1fr 140px !important;
    gap: 10px !important;
    align-items: center !important;
  }

  .wrap .search-card .filters.filters--salary-range .input,
  .wrap .search-card .filters.filters--salary-range select[name="grad"],
  .wrap .search-card .filters.filters--salary-range select[name="kategorija"],
  .wrap .search-card .filters.filters--salary-range select[name="plata_range"],
  .wrap .search-card .filters.filters--salary-range .btn{
    grid-column: auto !important;
  }

  .wrap .search-card .filters.filters--salary-range .input,
  .wrap .search-card .filters.filters--salary-range .select,
  .wrap .search-card .filters.filters--salary-range .btn{
    height: 44px;
  }

  .wrap .search-card .filters.filters--salary-range .btn{
    white-space: nowrap;
  }
}

/* ===========================
   PAKETI – MOBILE: 1 kolona
   =========================== */
@media (max-width: 860px){

  /* svi pricing gridovi neka budu 1/1 */
  .lp-pricing,
  .lp-pricing.lp-pricing--two,
  .lp-pricing.lp-pricing--three{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  /* sigurnosno: da nijedna kartica ne pravi širinu */
  .lp-plan,
  .lp-card,
  .price-card{
    width: 100% !important;
    max-width: 100% !important;
  }

  /* ako su negdje kartice “inline” ili “flex” */
  .lp-pricing > *{
    min-width: 0 !important;
  }
}



/* Mobile finese */
@media (max-width: 640px){
  .lp-teks{
    font-size: 15px;
    padding: 24px 14px 48px;
  }
  .lp-teks h1{
    font-size: 26px;
  }
  .lp-teks h2{
    font-size: 18px;
  }
}