/* Elenco offerte /offerte-di-lavoro (31 ott 2026). Stessi colori della pagina offerta (annuncio.css). */
.ol{--ol-blu:#0069D0;--ol-blu-scuro:#0052A3;--ol-blu-chiaro:#E8F1FB;--ol-testo:#0B1F33;--ol-grigio:#475A6E;--ol-grigio2:#5E7083;--ol-linea:#DCE4EC;--ol-campo:#CFDAE5;--ol-chiaro:#F3F7FB;background:var(--ol-chiaro);color:var(--ol-testo);font-size:15px;line-height:1.5;padding-bottom:64px}
.ol *,.ol *:before,.ol *:after{box-sizing:border-box}
.ol-wrap{max-width:1100px;margin:0 auto;padding:0 24px}

/* ricerca */
.ol-hero{background:#fff;border-bottom:1px solid var(--ol-linea);padding:40px 0 26px}
.ol-h1{margin:0;text-align:center;font-size:40px;line-height:1.12;letter-spacing:-1.2px;font-weight:800;color:var(--ol-testo)}
.ol-h1 span{color:var(--ol-blu)}
.ol-sub{margin:10px auto 0;max-width:720px;text-align:center;font-size:17px;color:var(--ol-grigio)}
.ol-form{margin:26px auto 0;max-width:920px}
.ol-campi{display:flex;gap:10px;padding:8px;background:#fff;border:1px solid var(--ol-campo);border-radius:16px;box-shadow:0 10px 30px rgba(11,31,51,.07)}
.ol-campo{position:relative;display:flex;align-items:center;flex:1 1 0;min-width:0;margin:0;font-weight:400}
.ol-campo>.fa{position:absolute;left:14px;font-size:17px;color:var(--ol-grigio2);pointer-events:none}
.ol-campo input{width:100%;height:50px;padding:0 14px 0 40px;border:0;border-radius:10px;font-size:16px;color:var(--ol-testo);background:transparent;box-shadow:none}
.ol-campo input:focus{outline:none;background:var(--ol-chiaro)}
.ol-campo--dove{border-left:1px solid var(--ol-linea)}
.ol-campo--dove select{flex:0 0 auto;height:36px;margin-right:6px;padding:0 6px;border:1px solid var(--ol-linea);border-radius:8px;background:#fff;font-size:13px;color:var(--ol-grigio)}
.ol-campo .deleteicon{position:relative;display:block;flex:1 1 auto;min-width:0}
.ol-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:50px;padding:0 28px;border:0;border-radius:12px;background:var(--ol-blu);color:#fff!important;font-size:16px;font-weight:800;cursor:pointer;text-decoration:none!important;transition:background .15s}
.ol-btn:hover{background:var(--ol-blu-scuro)}
.ol-btn--light{min-height:44px;background:#fff;border:1px solid var(--ol-campo);color:var(--ol-testo)!important;font-weight:700}
.ol-btn--light:hover{background:var(--ol-chiaro)}
.ol-filtri{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:16px}
.ol-sep{width:1px;height:22px;margin:0 4px;background:var(--ol-linea)}
.ol-chip{position:relative;margin:0;font-weight:400;cursor:pointer}
.ol-chip input{position:absolute;opacity:0;width:1px;height:1px}
.ol-chip span{display:inline-flex;align-items:center;min-height:34px;padding:0 13px;border:1px solid var(--ol-linea);border-radius:999px;background:#fff;font-size:13.5px;font-weight:600;color:var(--ol-grigio);transition:all .15s;user-select:none}
.ol-chip span:hover{border-color:#B9C8D8;color:var(--ol-testo)}
.ol-chip input:checked+span{background:var(--ol-blu-chiaro);border-color:var(--ol-blu);color:var(--ol-blu-scuro)}
.ol-chip input:checked+span:before{content:"✓";margin-right:6px;font-weight:800}
.ol-chip input:focus-visible+span,.ol-btn:focus-visible{outline:2px solid var(--ol-blu);outline-offset:2px}

/* risultati */
.ol-corpo{padding-top:26px}
.ol-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.ol-bar p{margin:0;font-size:16px;color:var(--ol-grigio)}
.ol-bar strong{color:var(--ol-testo);font-weight:800}
.ol-pag{color:var(--ol-grigio2)}
.ol-lista{display:flex;flex-direction:column;gap:12px}
.ol-lista--evid{margin-bottom:12px}
#box-evidenziati .row,#box-evidenziati .col-sm-6{margin:0;padding:0;float:none;width:auto}

.ol-card{position:relative;display:flex;align-items:flex-start;gap:18px;padding:20px 22px;background:#fff;border:1px solid var(--ol-linea);border-radius:16px;transition:border-color .15s,box-shadow .15s}
.ol-card:hover{border-color:#B9CCE0;box-shadow:0 8px 24px rgba(11,31,51,.08)}
.ol-card--evid{border-color:#F0CD80;background:linear-gradient(180deg,#FFFBF0 0%,#fff 60%)}
.ol-card-link{position:absolute;inset:0;z-index:1;border-radius:16px}
.ol-card-link:focus-visible{outline:2px solid var(--ol-blu);outline-offset:2px}
.ol-logo{flex:0 0 64px;width:64px;height:64px;display:flex;align-items:center;justify-content:center;padding:6px;border:1px solid var(--ol-linea);border-radius:12px;background:#fff;overflow:hidden}
.ol-logo img{max-width:100%;max-height:100%;object-fit:contain}
.ol-main{flex:1 1 auto;min-width:0}
.ol-top{display:flex;flex-wrap:wrap;gap:6px}
.ol-top:empty{display:none}
.ol-top+.ol-title{margin-top:6px}
.ol-badge{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;font-size:11.5px;font-weight:800;letter-spacing:.2px}
.ol-badge--evid{background:#FFF3D6;color:#8A5300}
.ol-badge--new{background:#E3F5EB;color:#0E7A43}
.ol-badge--ok{background:var(--ol-blu-chiaro);color:var(--ol-blu-scuro)}
.ol-title{margin:0;font-size:19px;line-height:1.3;font-weight:800;letter-spacing:-.2px;color:var(--ol-testo);overflow-wrap:anywhere}
.ol-card:hover .ol-title{color:var(--ol-blu)}
.ol-code{font-weight:600;color:var(--ol-grigio2);font-size:15px}
.ol-co{margin-top:2px;font-size:15px;font-weight:700;color:var(--ol-blu)}
.ol-meta{display:flex;flex-wrap:wrap;gap:4px 14px;margin:8px 0 0;padding:0;list-style:none;font-size:14px;color:var(--ol-grigio)}
.ol-meta li{display:inline-flex;align-items:center;gap:5px}
.ol-meta .fa{color:var(--ol-blu)}
.ol-soldi{font-weight:700;color:#0E7A43!important}
.ol-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.ol-tags span{display:inline-flex;align-items:center;height:26px;padding:0 10px;border:1px solid var(--ol-campo);border-radius:999px;background:var(--ol-chiaro);font-size:12.5px;font-weight:600;color:#2A3F55}
.ol-side{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:12px;align-self:stretch}
.ol-data{font-size:13px;color:var(--ol-grigio2)}
.ol-go{margin-top:auto;font-size:14px;font-weight:800;color:var(--ol-blu);white-space:nowrap}

/* paginazione Laravel/Bootstrap */
.ol-pagine{margin-top:22px;text-align:center}
.ol-pagine .pagination{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0}
.ol-pagine .pagination>li{display:inline-block}
.ol-pagine .pagination>li>a,.ol-pagine .pagination>li>span{float:none;display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;margin:0;padding:0 12px;border:1px solid var(--ol-linea)!important;border-radius:10px!important;background:#fff;color:var(--ol-testo);font-weight:700}
.ol-pagine .pagination>li>a:hover{background:var(--ol-chiaro)}
.ol-pagine .pagination>.active>span,.ol-pagine .pagination>.active>a{background:var(--ol-blu)!important;border-color:var(--ol-blu)!important;color:#fff!important}
.ol-pagine .pagination>.disabled>span{color:#A8B6C4;background:#fff}
.ol-vuoto{display:flex;flex-direction:column;align-items:center;gap:14px;padding:44px 24px;text-align:center;background:#fff;border:1px dashed #C6D3E0;border-radius:16px;color:var(--ol-grigio)}
.ol-vuoto strong{font-size:16px;color:var(--ol-testo)}

@media (max-width:760px){
  .ol-hero{padding:26px 0 18px}
  .ol-wrap{padding:0 16px}
  .ol-h1{font-size:28px;letter-spacing:-.6px}
  .ol-sub{font-size:15px}
  .ol-campi{flex-direction:column;gap:6px}
  .ol-campo--dove{border-left:0;border-top:1px solid var(--ol-linea)}
  .ol-btn{width:100%}
  .ol-filtri{justify-content:flex-start}
  .ol-card{flex-wrap:wrap;padding:16px;gap:12px}
  .ol-logo{flex-basis:48px;width:48px;height:48px}
  .ol-main{flex-basis:calc(100% - 64px)}
  .ol-side{flex-direction:row;align-items:center;width:100%;padding-top:10px;border-top:1px solid #E8EEF4}
  .ol-go{margin-top:0}
  .ol-title{font-size:17px}
}
/* la vecchia #mainbar del tema aveva sfondo e bordi */
.ol #mainbar.ol-bar{background:none!important;border:0!important;padding:0!important;margin:0 0 14px!important;box-shadow:none!important;height:auto!important}
@media (max-width:760px){
  .ol-filtri{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;margin-left:-16px;margin-right:-16px;padding:0 16px 4px;scrollbar-width:none}
  .ol-filtri::-webkit-scrollbar{display:none}
  .ol-chip{flex:0 0 auto}
}