/* ManualeReef Atlas v429 — menu marino condiviso + viste reali del catalogo. */

/* Menu Atlas accessibile, indipendente dal menu App esistente. */
html body .mr-nav-v327 .mr-nav-atlas-menu{position:relative;display:flex;align-items:center;gap:3px;flex:0 0 auto}
html body .mr-nav-v327 .mr-nav-atlas-menu>a{color:#122e47;font-weight:750;text-decoration:none;padding:9px 0;font-size:clamp(13px,1.04vw,16px);white-space:nowrap}
html body .mr-nav-v327 .mr-nav-atlas-menu>a:is(:hover,:focus-visible,.active){color:#008fb0}
html body .mr-nav-v327 .mr-nav-atlas-toggle{display:flex;align-items:center;justify-content:center;min-width:29px;min-height:35px;border:0;border-radius:8px;background:transparent;color:#087c9c;cursor:pointer;font-weight:800;font-size:21px;padding:0 4px}
html body .mr-nav-v327 .mr-nav-atlas-menu.submenu-open>.mr-nav-atlas-toggle{background:#e7f5fa}
html body .mr-nav-v327 .mr-nav-atlas-menu.submenu-open>.mr-nav-atlas-toggle>span{transform:rotate(180deg)}
html body .mr-nav-v327 .mr-nav-atlas-submenu{display:none;position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%);width:288px;padding:10px 13px;background:#f8fbfd;border:1px solid #c9dbe7;border-radius:17px;box-shadow:0 18px 42px rgba(11,46,73,.22);z-index:9900;color:#122e47;white-space:normal}
html body .mr-nav-v327 .mr-nav-atlas-menu.submenu-open>.mr-nav-atlas-submenu{display:block}
html body .mr-nav-v327 .mr-nav-atlas-group{padding:11px 8px 14px;border-bottom:1px solid #d1e0e9}
html body .mr-nav-v327 .mr-nav-atlas-group:last-child{border-bottom:0;padding-bottom:5px}
html body .mr-nav-v327 .mr-nav-atlas-group>strong{display:block;font-size:11px;letter-spacing:.12em;color:#557389;font-weight:850;margin:0 0 10px}
html body .mr-nav-v327 .mr-nav-atlas-group>a{display:flex;align-items:center;gap:12px;padding:9px 11px;min-height:47px;color:#0b2d47!important;text-decoration:none;font-size:15px;font-weight:700;border-radius:11px}
html body .mr-nav-v327 .mr-nav-atlas-group>a:hover,
html body .mr-nav-v327 .mr-nav-atlas-group>a:focus-visible{background:#e3f2f7!important;color:#006c93!important}
html body .mr-nav-v327 .mr-nav-atlas-group>a img{width:37px;height:37px;padding:8px;object-fit:contain;background:#edf5f9;border-radius:10px}
html body .mr-nav-v327 .mr-nav-atlas-aux>a{font-size:13px;min-height:35px;justify-content:space-between;color:#265a75!important}

/* Catalogo: stessi dati e collegamenti, presentazioni alternative senza dati sintetici. */
body.atlas-page #catalogo{background:#e7eff5;padding-top:38px;padding-bottom:48px}
body.atlas-page #catalogo .atlas-head{margin-bottom:20px}
body.atlas-page #catalogo .atlas-head h2{font-family:inherit;font-size:clamp(1.8rem,2.6vw,2.65rem);font-weight:850;letter-spacing:-.035em}
body.atlas-page #catalogo .atlas-filter-panel{border:1px solid #d1e0eb;background:#f8fbfd;border-radius:22px;box-shadow:0 11px 32px rgba(13,56,83,.055);overflow:hidden;margin:8px 0 22px}
body.atlas-page #catalogo .atlas-filter-panel summary{display:flex;align-items:center;gap:14px;min-height:77px;padding:15px 21px;list-style:none;cursor:pointer;color:#0b2b45}
body.atlas-page #catalogo .atlas-filter-panel summary::-webkit-details-marker{display:none}
body.atlas-page #catalogo .atlas-filter-panel .atlas-filter-symbol{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:14px;background:#e2f0f8;color:#0075a3;font-size:24px;font-weight:800;flex-shrink:0}
body.atlas-page #catalogo .atlas-filter-summary{display:flex;flex-direction:column;gap:2px;flex:1}
body.atlas-page #catalogo .atlas-filter-summary strong{font-weight:850;font-size:17px}
body.atlas-page #catalogo .atlas-filter-summary small{font-size:12px;color:#58748a;font-weight:700}
body.atlas-page #catalogo .atlas-filter-chevron{color:#496c82;font-size:20px;transition:transform .16s}
body.atlas-page #catalogo .atlas-filter-panel[open] .atlas-filter-chevron{transform:rotate(180deg)}
body.atlas-page #catalogo .atlas-filter-panel .atlas-tools{margin:0;padding:18px 21px 22px;border-top:1px solid #dce8ee}
body.atlas-page #catalogo .atlas-layout-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin:4px 0 22px;flex-wrap:wrap}
body.atlas-page #catalogo .atlas-sort-row{margin:0;justify-content:flex-start}
body.atlas-page #catalogo .atlas-sort-label{display:flex;align-items:flex-start;flex-direction:column;gap:7px}
body.atlas-page #catalogo .atlas-sort-label span,
body.atlas-page #catalogo .atlas-view-heading{font-size:11px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:#54718b}
body.atlas-page #catalogo .atlas-sort-actions{display:flex;gap:9px;align-items:center}
body.atlas-page #catalogo .atlas-sort-label select{min-height:47px;min-width:235px;padding:0 33px 0 14px;background:#f8fbfd}
body.atlas-page #catalogo .atlas-sort-direction{min-height:47px;border:1px solid #caddea;border-radius:13px;background:#f8fbfd;color:#0b4266;font-weight:800;cursor:pointer;padding:0 15px;white-space:nowrap}
body.atlas-page #catalogo .atlas-sort-direction:hover{background:#e3f3fb}
body.atlas-page #catalogo .atlas-view-block{display:flex;flex-direction:column;gap:7px}
body.atlas-page #catalogo .atlas-view-toggle{display:flex;gap:5px;background:#e2edf4;border:1px solid #c8deeb;padding:5px;border-radius:17px}
body.atlas-page #catalogo .atlas-view-toggle button{border:0;border-radius:12px;background:transparent;color:#56718a;font-weight:800;min-height:44px;min-width:110px;padding:9px 14px;display:flex;gap:9px;align-items:center;justify-content:center;cursor:pointer}
body.atlas-page #catalogo .atlas-view-toggle button[aria-pressed="true"]{background:#f9fcfe;color:#0063a0;box-shadow:0 1px 7px rgba(18,64,92,.09)}
body.atlas-page #catalogo .atlas-view-toggle button:hover{color:#006b9b}
body.atlas-page #catalogo .atlas-view-toggle .view-icon{font-size:19px;line-height:1}
body.atlas-page #catalogo .atlas-catalog-meta{font-size:13px;font-weight:650;color:#506e85;margin:0 0 16px}

/* Large cards, compact tiles, horizontal full list. */
body.atlas-page #atlasCatalog.atlas-grid[data-view="schede"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
body.atlas-page #atlasCatalog .atlas-card{min-width:0;min-height:0;border:1px solid #d0e1e9;box-shadow:0 8px 24px rgba(8,45,68,.055);background:#f9fbfd;border-radius:21px}
body.atlas-page #atlasCatalog .atlas-card:hover{box-shadow:0 12px 28px rgba(7,47,79,.12)}
body.atlas-page #atlasCatalog .atlas-card-image-link{position:relative;overflow:hidden}
body.atlas-page #atlasCatalog .atlas-card-image-link>img{object-fit:contain!important;object-position:center center!important;padding:0!important}
body.atlas-page #atlasCatalog .atlas-card[data-media-kind="documented"] .atlas-card-image-link>img{object-fit:contain!important}
body.atlas-page #atlasCatalog .atlas-card[data-media-kind="illustration"] .atlas-card-image-link>img{object-fit:contain!important}
body.atlas-page #atlasCatalog.atlas-grid[data-view="schede"] .atlas-card-image-link{height:214px!important}
body.atlas-page #atlasCatalog .atlas-card-body{padding:15px 18px 17px;min-width:0}
body.atlas-page #atlasCatalog .atlas-card h3{font-family:inherit;font-size:clamp(16px,1.5vw,22px);line-height:1.18;margin:0 0 5px;font-weight:850;color:#102c47;overflow-wrap:anywhere}
body.atlas-page #atlasCatalog .atlas-scientific{font-size:13px;font-weight:650;color:#5d768e;font-style:italic;overflow-wrap:anywhere}
body.atlas-page #atlasCatalog .atlas-card-top{margin:0 0 10px;align-items:center;justify-content:space-between}
body.atlas-page #atlasCatalog .atlas-card-top .atlas-badge{font-size:11px}
body.atlas-page #atlasCatalog .atlas-favorite{z-index:3;display:inline-flex;justify-content:center;align-items:center;border:1px solid #cfdfeb;background:#fff;color:#58748b;width:38px;height:38px;font-size:26px;cursor:pointer;border-radius:50%;flex-shrink:0}
body.atlas-page #atlasCatalog .atlas-favorite[aria-pressed="true"]{color:#bc4769;background:#fff0f5;border-color:#f1c5d2}
body.atlas-page #atlasCatalog .atlas-favorite:hover{transform:scale(1.045)}
body.atlas-page #atlasCatalog .atlas-info-chips{display:flex;gap:7px;flex-wrap:wrap;margin:11px 0}
body.atlas-page #atlasCatalog .atlas-info-chip{display:inline-flex;align-items:center;background:#eaf5fb;border:1px solid #d0e4ef;color:#31516c;border-radius:999px;padding:5px 9px;font-size:11px;line-height:1.25;font-weight:750;max-width:100%;overflow-wrap:anywhere}
body.atlas-page #atlasCatalog .atlas-card-foot{padding-top:10px;border-top:1px solid #deebf2;margin-top:auto;display:flex;flex-direction:column;gap:5px}
body.atlas-page #atlasCatalog .atlas-card-foot a{font-size:13px;font-weight:850}
body.atlas-page #atlasCatalog .atlas-card .atlas-media-note{font-size:10px;color:#607d91;line-height:1.3}
body.atlas-page #atlasCatalog .atlas-card[data-view="schede"] .atlas-card-body{min-height:172px}

/* Compact: many small horizontal tiles, readable even on modest screens. */
body.atlas-page #atlasCatalog.atlas-grid[data-view="compatta"]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
body.atlas-page #atlasCatalog.atlas-grid[data-view="compatta"] .atlas-card{flex-direction:row;align-items:center;gap:11px;padding:11px;border-radius:18px;min-height:98px}
body.atlas-page #atlasCatalog.atlas-grid[data-view="compatta"] .atlas-card-image-link{height:74px!important;width:74px!important;min-width:74px!important;max-width:74px!important;border-radius:13px;flex-shrink:0}
body.atlas-page #atlasCatalog.atlas-grid[data-view="compatta"] .atlas-card-body{min-height:0!important;padding:0;display:flex;justify-content:center}
body.atlas-page #atlasCatalog.atlas-grid[data-view="compatta"] .atlas-card h3{font-size:13px;margin:0 0 5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.atlas-page #atlasCatalog.atlas-grid[data-view="compatta"] .atlas-scientific{font-size:11px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.atlas-page #atlasCatalog.atlas-grid[data-view="compatta"] .atlas-card-top{position:absolute;right:7px;top:6px;margin:0}
body.atlas-page #atlasCatalog.atlas-grid[data-view="compatta"] .atlas-favorite{width:29px;height:29px;font-size:21px;background:rgba(255,255,255,.9)}
body.atlas-page #atlasCatalog.atlas-grid[data-view="compatta"] .atlas-badge,
body.atlas-page #atlasCatalog.atlas-grid[data-view="compatta"] .atlas-info-chips,
body.atlas-page #atlasCatalog.atlas-grid[data-view="compatta"] .atlas-card-foot{display:none!important}
body.atlas-page #atlasCatalog.atlas-grid[data-view="compatta"] .atlas-card{position:relative}

/* List: one readable row per organism. */
body.atlas-page #atlasCatalog.atlas-grid[data-view="lista"]{display:flex;flex-direction:column;gap:12px}
body.atlas-page #atlasCatalog.atlas-grid[data-view="lista"] .atlas-card{flex-direction:row;align-items:center;gap:18px;padding:13px 16px;border-radius:20px;min-height:104px}
body.atlas-page #atlasCatalog.atlas-grid[data-view="lista"] .atlas-card-image-link{height:85px!important;width:106px!important;min-width:106px!important;border-radius:14px}
body.atlas-page #atlasCatalog.atlas-grid[data-view="lista"] .atlas-card-body{min-height:0!important;padding:0;display:grid;grid-template-columns:minmax(150px,1fr) minmax(160px,1.5fr) auto;gap:14px;align-items:center}
body.atlas-page #atlasCatalog.atlas-grid[data-view="lista"] .atlas-card-name{min-width:0}
body.atlas-page #atlasCatalog.atlas-grid[data-view="lista"] .atlas-card h3{font-size:16px}
body.atlas-page #atlasCatalog.atlas-grid[data-view="lista"] .atlas-card-top{grid-column:3;grid-row:1;justify-content:flex-end;gap:8px;margin:0}
body.atlas-page #atlasCatalog.atlas-grid[data-view="lista"] .atlas-info-chips{grid-column:2;grid-row:1;margin:0}
body.atlas-page #atlasCatalog.atlas-grid[data-view="lista"] .atlas-card-foot{grid-column:3;grid-row:1;margin:0;padding:0;border:0;text-align:right;min-width:112px}
body.atlas-page #atlasCatalog.atlas-grid[data-view="lista"] .atlas-card-top{position:absolute;right:13px;top:10px}
body.atlas-page #atlasCatalog.atlas-grid[data-view="lista"] .atlas-card{position:relative}
body.atlas-page #atlasCatalog.atlas-grid[data-view="lista"] .atlas-card-foot{padding-right:44px}
body.atlas-page #atlasCatalog.atlas-grid[data-view="lista"] .atlas-card .atlas-media-note{display:none}
body.atlas-page #atlasCatalog.atlas-grid[data-view="lista"] .atlas-card-top .atlas-badge{display:none}

@media(max-width:1250px){
 body.atlas-page #atlasCatalog.atlas-grid[data-view="compatta"]{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1080px){
 html body .mr-nav-v327 .mr-nav-atlas-menu{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:0}
 html body .mr-nav-v327 .mr-nav-atlas-menu>a{display:block!important;padding:12px 14px!important;font-size:16px}
 html body .mr-nav-v327 .mr-nav-atlas-toggle{width:44px;min-height:44px}
 html body .mr-nav-v327 .mr-nav-atlas-submenu{position:static;grid-column:1/-1;left:auto;top:auto;transform:none;width:100%;margin:0;box-shadow:none;background:#f4fafc;border-radius:12px;max-height:50dvh;overflow-y:auto}
 body.atlas-page #atlasCatalog.atlas-grid[data-view="schede"]{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.atlas-page #atlasCatalog.atlas-grid[data-view="lista"] .atlas-card-body{grid-template-columns:minmax(130px,.9fr) minmax(140px,1fr) auto}
}
@media(max-width:760px){
 body.atlas-page #catalogo{padding-inline:15px}
 body.atlas-page #catalogo .atlas-layout-toolbar{align-items:stretch;flex-direction:column;gap:15px}
 body.atlas-page #catalogo .atlas-view-toggle{width:100%}
 body.atlas-page #catalogo .atlas-view-toggle button{flex:1;min-width:0;padding:8px 5px;font-size:12px;gap:5px}
 body.atlas-page #catalogo .atlas-sort-row{width:100%}
 body.atlas-page #catalogo .atlas-sort-label{width:100%}
 body.atlas-page #catalogo .atlas-sort-actions{width:100%}
 body.atlas-page #catalogo .atlas-sort-label select{width:100%;flex:1;min-width:0}
 body.atlas-page #catalogo .atlas-sort-direction{padding:0 10px}
 body.atlas-page #atlasCatalog.atlas-grid[data-view="schede"]{grid-template-columns:1fr}
 body.atlas-page #atlasCatalog.atlas-grid[data-view="compatta"]{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.atlas-page #atlasCatalog.atlas-grid[data-view="compatta"] .atlas-card{gap:8px;padding:8px;min-height:86px}
 body.atlas-page #atlasCatalog.atlas-grid[data-view="compatta"] .atlas-card-image-link{height:64px!important;width:64px!important;min-width:64px!important}
 body.atlas-page #atlasCatalog.atlas-grid[data-view="lista"] .atlas-card{gap:10px;min-height:104px;padding:11px}
 body.atlas-page #atlasCatalog.atlas-grid[data-view="lista"] .atlas-card-image-link{width:78px!important;min-width:78px!important;height:83px!important}
 body.atlas-page #atlasCatalog.atlas-grid[data-view="lista"] .atlas-card-body{display:block;padding-right:28px}
 body.atlas-page #atlasCatalog.atlas-grid[data-view="lista"] .atlas-info-chips{margin:8px 0 0}
 body.atlas-page #atlasCatalog.atlas-grid[data-view="lista"] .atlas-card-foot{padding:6px 0 0;min-width:0;text-align:left}
 body.atlas-page #atlasCatalog.atlas-grid[data-view="lista"] .atlas-card h3{font-size:15px}
 body.atlas-page #atlasCatalog.atlas-grid[data-view="lista"] .atlas-card-top{right:10px;top:10px}
}
@media(max-width:440px){
 body.atlas-page #atlasCatalog.atlas-grid[data-view="compatta"]{grid-template-columns:1fr 1fr;gap:8px}
 body.atlas-page #atlasCatalog.atlas-grid[data-view="compatta"] .atlas-card-image-link{height:55px!important;width:55px!important;min-width:55px!important}
 body.atlas-page #atlasCatalog.atlas-grid[data-view="compatta"] .atlas-card{padding:7px;gap:7px;min-height:73px}
 body.atlas-page #atlasCatalog.atlas-grid[data-view="compatta"] .atlas-card h3{font-size:11px}
 body.atlas-page #atlasCatalog.atlas-grid[data-view="compatta"] .atlas-scientific{font-size:10px}
}

/* v429.2: accessible sorting label; hidden pagination stays hidden. */
body.atlas-page #catalogo .atlas-sort-label>label{display:block;font-size:11px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:#54718b}
body.atlas-page #catalogo .atlas-more[hidden]{display:none!important}
@media (prefers-reduced-motion:reduce){body.atlas-page #catalogo .atlas-card,html body .mr-nav-v327 .mr-nav-atlas-submenu{transition:none!important}}

/* Mobile Atlas nav: ensure the actual link text is always visible. */
@media(max-width:1080px){html body .mr-nav-v327 .mr-nav-atlas-menu>a,html body .mr-nav-v327 .mr-nav-atlas-menu>a:visited{color:#123a54!important;opacity:1!important;visibility:visible!important;-webkit-text-fill-color:#123a54!important;font-size:16px!important;font-weight:750!important;position:relative!important;z-index:1!important}}

/* v429.4 — Atlas chevron visually identical to the App dropdown indicator. */
html body .mr-nav-v327 .mr-nav-atlas-menu{gap:4px}
html body .mr-nav-v327 .mr-nav-atlas-menu>.mr-nav-atlas-toggle{
  display:flex;align-items:center;justify-content:center;
  background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;color:transparent!important;font-size:0!important;
  padding:0!important;transform:none!important;
}
html body .mr-nav-v327 .mr-nav-atlas-menu>.mr-nav-atlas-toggle>span{display:none!important}
html body .mr-nav-v327 .mr-nav-atlas-menu>.mr-nav-atlas-toggle::before{
  content:"";display:block;width:0;height:0;
  border-left:4px solid transparent;border-right:4px solid transparent;
  border-top:5px solid #58d3e8;opacity:.88;
  transition:transform .16s ease,opacity .16s ease,border-top-color .16s ease;
}
html body .mr-nav-v327 .mr-nav-atlas-menu:is(:hover,:focus-within)>.mr-nav-atlas-toggle::before,
html body .mr-nav-v327 .mr-nav-atlas-menu.submenu-open>.mr-nav-atlas-toggle::before{
  border-top-color:#79e2f2;opacity:1;transform:rotate(180deg);
}
@media(min-width:1081px){
  html body .mr-nav-v327 .mr-nav-atlas-menu>.mr-nav-atlas-toggle{
    width:16px!important;min-width:16px!important;height:24px!important;min-height:24px!important;
    margin-left:1px!important;
  }
}
@media(max-width:1080px){
  html body .mr-nav-v327 .mr-nav-atlas-menu>.mr-nav-atlas-toggle{
    width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html body .mr-nav-v327 .mr-nav-atlas-menu>.mr-nav-atlas-toggle::before{transition:none}
}