/* 1.1.8 - Il tema limita normalmente i figli diretti di .oin-prose a 780px.
 * Il Diario e' un'applicazione a due colonne e su desktop deve usare la larghezza
 * della shell del sito; su mobile restano attive le regole responsive sotto. */
.oin-pwa-page .oin-page-content>.oin-shell.oin-prose>.oin-pwa-diary,
.oin-pwa-page .oin-page-content>.oin-shell.oin-prose>.oin-pwa-gate{width:100%!important;max-width:1400px!important;margin-left:auto!important;margin-right:auto!important}
.oin-pwa-gate,.oin-pwa-diary{width:min(1400px,100%);margin:0 auto;color:#f3f1ec}.oin-pwa-gate{padding:clamp(48px,8vw,100px) var(--oin-gutter);min-height:55vh}.oin-pwa-gate h1,.oin-pwa-diary h1,.oin-pwa-diary h2,.oin-pwa-diary h3{font-family:Arial,sans-serif!important;text-transform:none!important;letter-spacing:normal!important}.oin-pwa-hero{padding:clamp(42px,7vw,86px) var(--oin-gutter) 34px;border-bottom:1px solid #343738;background:radial-gradient(circle at 90% 10%,rgba(243,107,33,.13),transparent 34%)}.oin-pwa-hero h1{margin:5px 0 14px!important;font-size:clamp(2.2rem,6vw,4.6rem)!important;line-height:1!important}.oin-pwa-hero>p:not(.oin-eyebrow){max-width:760px;color:#c5c7c6}.oin-pwa-hero__actions,.oin-pwa-form-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.oin-pwa-install-help{padding:12px 15px;border-left:3px solid #f36b21;background:#191d1e}.oin-pwa-network{margin:18px var(--oin-gutter) 0;padding:11px 14px;border:1px solid #3f7148;background:#17251b;color:#bfe5c6;font-size:.9rem}.oin-pwa-network.is-offline{border-color:#9b642a;background:#2a2016;color:#f2c795}.oin-pwa-layout{display:grid;grid-template-columns:minmax(240px,310px) minmax(0,1fr);gap:22px;padding:22px var(--oin-gutter) 70px}.oin-pwa-drafts,.oin-pwa-form,.oin-pwa-section,.oin-pwa-account-card{border:1px solid #343a3b;background:linear-gradient(135deg,#1a1f20,#15191a);border-radius:7px}.oin-pwa-drafts{align-self:start;position:sticky;top:110px;padding:16px}.oin-pwa-panel-title{display:flex;justify-content:space-between;align-items:center;gap:15px}.oin-pwa-panel-title h2,.oin-pwa-panel-title h3{margin:0!important}.oin-pwa-panel-title>span{display:inline-flex;min-width:28px;height:28px;align-items:center;justify-content:center;border-radius:50%;background:#f36b21;color:#111}.oin-pwa-empty{color:#aeb3b3;font-size:.9rem}.oin-pwa-draft{position:relative;margin-top:10px;border:1px solid #303738;background:#111415}.oin-pwa-draft.is-current{border-color:#f36b21}.oin-pwa-draft [data-open]{display:block!important;width:100%!important;height:auto!important;min-height:72px!important;max-height:none!important;padding:12px 42px 12px 12px!important;text-align:left!important;white-space:normal!important;border:0!important;background:none!important;color:#eee!important}.oin-pwa-draft strong,.oin-pwa-draft span,.oin-pwa-draft small{display:block}.oin-pwa-draft span{margin-top:5px;color:#aeb3b3;font-size:.75rem}.oin-pwa-draft small{margin-top:5px;color:#f36b21}.oin-pwa-delete,.oin-pwa-remove{border:0!important;background:none!important;color:#bfc3c3!important;cursor:pointer}.oin-pwa-delete{position:absolute;right:5px;top:5px;width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important;padding:0!important;font-size:22px!important}.oin-pwa-form{padding:18px}.oin-pwa-save-state{margin-bottom:14px;color:#f36b21;font-size:.85rem;text-align:right}.oin-pwa-section{padding:clamp(15px,3vw,25px);margin-bottom:18px}.oin-pwa-section>h2{margin:0 0 18px!important}.oin-pwa-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.oin-pwa-grid label{display:flex;flex-direction:column;gap:7px;color:#e9e8e4;font-size:.9rem;font-weight:400!important;text-transform:none!important;letter-spacing:normal!important}.oin-pwa-grid .oin-pwa-wide{grid-column:1/-1}.oin-pwa-grid input,.oin-pwa-grid select,.oin-pwa-grid textarea{display:block;width:100%!important;height:auto!important;min-height:50px!important;max-height:none!important;padding:12px 13px!important;border:1px solid #505758!important;border-radius:3px!important;background:#0f1112!important;color:#f4f1ea!important;font:400 16px/1.4 Arial,sans-serif!important;letter-spacing:normal!important;text-transform:none!important;white-space:normal!important}.oin-pwa-grid textarea{resize:vertical}.oin-pwa-grid input[type=file]{padding:9px!important}.oin-pwa-grid small{color:#9da3a3}.oin-pwa-stage{margin-top:15px;padding:17px;border:1px solid #3c4344;background:#111516;border-radius:5px}.oin-pwa-stage h3{font-size:1.1rem!important}.oin-pwa-remove{width:auto!important;height:40px!important;min-height:40px!important;max-height:40px!important;padding:0 8px!important;color:#d7a078!important;text-decoration:underline}.oin-pwa-form-message{min-height:24px;margin:16px 0 0}.oin-pwa-form-message.is-success{color:#a9dda9}.oin-pwa-form-message.is-warning{color:#f2c795}.oin-pwa-form-message.is-error{color:#ff9b91}.oin-pwa-account-card{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:25px;margin:30px 0}.oin-pwa-account-card h2{margin:4px 0 10px!important}.oin-pwa-account-card p{margin:0;max-width:720px}.oin-pwa-account-card .oin-actions{flex-shrink:0}.oin-pwa-diary button:disabled{opacity:.55;cursor:wait}
.oin-pwa-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:28px 0 8px}.oin-pwa-benefits article{display:flex;gap:12px;padding:16px;border:1px solid #383e3f;background:rgba(15,17,18,.76);border-radius:6px}.oin-pwa-benefits article>span{display:flex;flex:0 0 34px;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;background:#f36b21;color:#141515;font-size:1.2rem}.oin-pwa-benefits h2{margin:0 0 6px!important;font-size:1rem!important}.oin-pwa-benefits p{margin:0;color:#b9bebe;font-size:.84rem;line-height:1.5}.oin-pwa-install-steps{max-width:760px;margin-top:18px;border:1px solid #3a4142;border-radius:5px;background:#121617}.oin-pwa-install-steps summary{padding:12px 15px;cursor:pointer;color:#f36b21}.oin-pwa-install-steps div{padding:0 15px 12px}.oin-pwa-install-steps p{margin:8px 0;color:#c5c7c6}.oin-pwa-account-card ul{margin:14px 0;padding-left:20px;color:#c5c7c6}.oin-pwa-account-card li{margin:6px 0}.oin-pwa-account-card small{display:block;color:#9da3a3}.oin-pwa-account-card .oin-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.oin-pwa-section-intro{margin:-10px 0 18px;color:#aeb3b3}.oin-pwa-optional{margin-top:20px;border:1px solid #3c4344;border-radius:5px;background:#111516}.oin-pwa-optional summary{padding:14px 16px;color:#f36b21;cursor:pointer}.oin-pwa-optional>.oin-pwa-grid{padding:4px 16px 18px}.oin-pwa-panel-title--stages p{margin:5px 0 0;color:#aeb3b3}
@media(max-width:1100px){.oin-pwa-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.oin-pwa-layout{grid-template-columns:1fr}.oin-pwa-drafts{position:static}.oin-pwa-account-card{display:block}.oin-pwa-account-card .oin-actions{margin-top:18px}}
@media(max-width:620px){.oin-pwa-diary{text-align:center}.oin-pwa-hero{width:calc(100% - 28px);max-width:360px;margin-inline:auto;padding-inline:14px}.oin-pwa-hero>p:not(.oin-eyebrow),.oin-pwa-install-steps{margin-left:auto;margin-right:auto}.oin-pwa-benefits{grid-template-columns:1fr;max-width:340px;margin-inline:auto}.oin-pwa-benefits article{flex-direction:column;align-items:center;text-align:center}.oin-pwa-network{width:calc(100% - 36px);max-width:340px;margin-inline:auto}.oin-pwa-layout{width:100%;max-width:370px;margin-inline:auto;padding:18px 15px 55px}.oin-pwa-drafts,.oin-pwa-form,.oin-pwa-section{margin-left:auto;margin-right:auto}.oin-pwa-form{width:100%;padding:12px}.oin-pwa-section{padding:15px}.oin-pwa-section-intro{text-align:center}.oin-pwa-grid{grid-template-columns:1fr;justify-items:center}.oin-pwa-grid .oin-pwa-wide{grid-column:auto}.oin-pwa-grid label{width:100%;align-items:center;text-align:center}.oin-pwa-grid input,.oin-pwa-grid select,.oin-pwa-grid textarea{text-align:left}.oin-pwa-grid small{text-align:center}.oin-pwa-hero__actions,.oin-pwa-form-actions{display:grid;grid-template-columns:1fr;justify-items:center}.oin-pwa-diary .oin-pwa-hero__actions .oin-button,.oin-pwa-diary .oin-pwa-form-actions .oin-button{min-height:48px!important;height:48px!important;justify-self:center!important;margin-left:auto!important;margin-right:auto!important}.oin-pwa-panel-title{align-items:center;justify-content:center;text-align:center;flex-direction:column}.oin-pwa-panel-title [data-oin-add-stage]{white-space:normal!important;height:auto!important;min-height:44px!important;max-height:none!important}.oin-pwa-save-state{text-align:center}.oin-pwa-optional{width:100%;margin-left:auto;margin-right:auto}.oin-pwa-optional summary{text-align:center}.oin-pwa-account-card{padding:20px;text-align:center}.oin-pwa-account-card ul{display:inline-block;text-align:left}.oin-pwa-account-card .oin-actions{justify-content:center}}
@media(max-width:620px){.oin-pwa-page .oin-header{position:sticky!important;top:0!important;z-index:1000!important}html body.oin-pwa-page:not(.wp-admin):not(#oin-admin-panel) .oin-pwa-diary button:not(.oin-pwa-delete):not([data-open]){box-sizing:border-box!important;width:165px!important;min-width:165px!important;max-width:165px!important;height:38px!important;min-height:38px!important;max-height:38px!important;padding:0 8px!important;margin-left:auto!important;margin-right:auto!important;flex:0 0 165px!important;justify-self:center!important;font-size:11px!important;line-height:1!important;white-space:normal!important}html body.oin-pwa-page:not(.wp-admin):not(#oin-admin-panel) .oin-pwa-panel-title [data-oin-add-stage],html body.oin-pwa-page:not(.wp-admin):not(#oin-admin-panel) .oin-pwa-remove{width:165px!important;min-width:165px!important;max-width:165px!important;height:38px!important;min-height:38px!important;max-height:38px!important;flex:0 0 165px!important}}

/* 1.1.9 - Schede bozze: isolamento robusto dalle regole globali dei pulsanti.
   Non dipende dalla body class della pagina e mantiene sempre tutto il contenuto
   dentro il bordo della bozza, anche se il tema forza i button a 50px. */
.oin-pwa-diary .oin-pwa-draft{
  box-sizing:border-box!important;
  position:relative!important;
  display:block!important;
  height:auto!important;
  min-height:94px!important;
  max-height:none!important;
  padding:0!important;
  overflow:visible!important;
}
html body:not(.wp-admin):not(#oin-admin-panel) .oin-pwa-diary .oin-pwa-draft > button[data-open],
.oin-pwa-diary .oin-pwa-draft > button[data-open]{
  appearance:none!important;
  -webkit-appearance:none!important;
  box-sizing:border-box!important;
  position:static!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:4px!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  min-height:92px!important;
  max-height:none!important;
  padding:11px 48px 12px 16px!important;
  margin:0!important;
  flex:none!important;
  justify-self:stretch!important;
  text-align:left!important;
  white-space:normal!important;
  overflow:visible!important;
  overflow-wrap:anywhere!important;
  font-family:Arial,"Helvetica Neue",sans-serif!important;
  font-size:14px!important;
  font-weight:400!important;
  font-style:normal!important;
  line-height:1.25!important;
  letter-spacing:normal!important;
  text-transform:none!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  color:#eee!important;
}
.oin-pwa-diary .oin-pwa-draft > button[data-open] strong,
.oin-pwa-diary .oin-pwa-draft > button[data-open] span,
.oin-pwa-diary .oin-pwa-draft > button[data-open] small{
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  white-space:normal!important;
  overflow:visible!important;
  overflow-wrap:anywhere!important;
  letter-spacing:normal!important;
  text-transform:none!important;
}
.oin-pwa-diary .oin-pwa-draft > button[data-open] strong{
  color:#f3f1ec!important;
  font-size:14px!important;
  font-weight:600!important;
  line-height:1.25!important;
}
.oin-pwa-diary .oin-pwa-draft > button[data-open] span{
  color:#aeb3b3!important;
  font-size:12px!important;
  font-weight:400!important;
  line-height:1.3!important;
}
.oin-pwa-diary .oin-pwa-draft > button[data-open] small{
  color:#f36b21!important;
  font-size:12px!important;
  font-weight:400!important;
  line-height:1.3!important;
}
html body:not(.wp-admin):not(#oin-admin-panel) .oin-pwa-diary .oin-pwa-draft > .oin-pwa-delete,
.oin-pwa-diary .oin-pwa-draft > .oin-pwa-delete{
  appearance:none!important;
  -webkit-appearance:none!important;
  box-sizing:border-box!important;
  position:absolute!important;
  right:7px!important;
  top:7px!important;
  width:32px!important;
  min-width:32px!important;
  max-width:32px!important;
  height:32px!important;
  min-height:32px!important;
  max-height:32px!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 32px!important;
  font-family:Arial,"Helvetica Neue",sans-serif!important;
  font-size:18px!important;
  font-weight:400!important;
  line-height:1!important;
  letter-spacing:normal!important;
  text-transform:none!important;
  white-space:normal!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  color:#bfc3c3!important;
}

/* 1.26.7: comandi di eliminazione PWA in palette Oltre il Nord. */
.oin-pwa-diary .oin-pwa-delete{display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid #f36b21!important;border-radius:3px!important;background:#171a1b!important;color:#f36b21!important;text-decoration:none!important}.oin-pwa-diary .oin-pwa-delete:hover,.oin-pwa-diary .oin-pwa-delete:focus-visible{background:#f36b21!important;color:#151515!important}.oin-pwa-diary .oin-pwa-remove{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:128px!important;height:40px!important;min-height:40px!important;max-height:40px!important;padding:0 12px!important;border:1px solid #f36b21!important;border-radius:3px!important;background:#171a1b!important;color:#f3f1ec!important;text-decoration:none!important}.oin-pwa-diary .oin-pwa-remove:hover,.oin-pwa-diary .oin-pwa-remove:focus-visible{background:#f36b21!important;color:#151515!important}

/* 1.28.1 / PWA 1.4.0 - località precise, diario offline e UI installata. */
.oin-pwa-place-field{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center;width:100%;margin-top:6px}.oin-pwa-place-field>[data-place-input]{grid-column:1/-1}.oin-pwa-place-current{appearance:none!important;width:auto!important;min-width:0!important;max-width:none!important;height:34px!important;min-height:34px!important;max-height:34px!important;padding:0 10px!important;margin:0!important;border:1px solid #596163!important;border-radius:3px!important;background:#171a1b!important;color:#e9ebeb!important;font-size:11px!important;line-height:1!important;text-transform:none!important;letter-spacing:normal!important;white-space:nowrap!important}.oin-pwa-place-current:hover,.oin-pwa-place-current:focus-visible{border-color:#f36b21!important;color:#f36b21!important}.oin-pwa-place-current:disabled{opacity:.6!important}.oin-pwa-place-results{position:absolute;z-index:40;left:0;right:0;top:calc(100% + 4px);padding:6px;background:#111516;border:1px solid #434b4d;border-radius:4px;box-shadow:0 10px 25px rgba(0,0,0,.42);max-height:230px;overflow:auto}.oin-pwa-place-result{appearance:none!important;display:block!important;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:38px!important;max-height:none!important;padding:8px 10px!important;margin:0!important;border:0!important;border-bottom:1px solid #2c3233!important;border-radius:0!important;background:transparent!important;color:#f1f1ef!important;text-align:left!important;font-size:12px!important;line-height:1.35!important;text-transform:none!important;letter-spacing:normal!important;white-space:normal!important}.oin-pwa-place-result:last-child{border-bottom:0!important}.oin-pwa-place-result:hover,.oin-pwa-place-result:focus-visible{background:#202627!important;color:#f36b21!important}.oin-pwa-place-status{margin:0;padding:8px 10px;color:#b9bebe;font-size:12px;line-height:1.4}.oin-pwa-standalone .oin-pwa-hero{padding-top:18px;padding-bottom:18px}.oin-pwa-standalone .oin-pwa-benefits,.oin-pwa-standalone .oin-pwa-install-steps,.oin-pwa-standalone [data-oin-install],.oin-pwa-standalone [data-oin-install-help]{display:none!important}.oin-pwa-standalone .oin-pwa-hero>p:not(.oin-eyebrow){max-width:780px;margin-bottom:12px}.oin-pwa-standalone .oin-pwa-hero__actions{margin-top:12px}
@media(max-width:620px){.oin-pwa-place-field{grid-template-columns:1fr}.oin-pwa-place-field>[data-place-input]{grid-column:1}.oin-pwa-place-current{width:165px!important;min-width:165px!important;max-width:165px!important;justify-self:center!important}.oin-pwa-place-results{position:static;margin-top:4px;max-height:190px;text-align:left}.oin-pwa-place-result{width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:42px!important;max-height:none!important}.oin-pwa-standalone .oin-pwa-hero{padding-top:12px;padding-bottom:12px}.oin-pwa-standalone .oin-pwa-hero>p:not(.oin-eyebrow){font-size:.9rem}}


/* 1.28.2 / PWA 1.4.1 - il modulo Diario è riservato a smartphone/tablet. */
.oin-pwa-desktop-gate{max-width:900px!important;padding-top:72px!important;padding-bottom:72px!important}
.oin-pwa-desktop-gate h1{margin:6px 0 16px!important;font-size:clamp(2.2rem,4vw,4rem)!important;line-height:1.05!important}
.oin-pwa-desktop-gate>p{max-width:760px;color:#c5c7c6;line-height:1.7}
.oin-pwa-desktop-gate .oin-pwa-desktop-note{margin:22px 0;padding:14px 16px;border-left:3px solid #f36b21;background:#171b1c;color:#bfc4c4}