/* rto-static.css — static-replica layer for rtotrainingresources
   (collection grid + facets + pagination + search UI). Replicates the
   Searchanise "snize" rendering captured in shots/. Palette: #1B3E98 / #FF6000. */

/* ---------- results layout ---------- */
.rto-results{display:flex;gap:28px;max-width:162rem;margin:0 auto;padding:10px 50px 40px}
@media(max-width:989px){.rto-results{padding:10px 20px 30px;flex-direction:column}}
.rto-facets{flex:0 0 225px;font-family:Manrope,sans-serif}
@media(max-width:989px){.rto-facets{display:none}}
.rto-main{flex:1 1 auto;min-width:0}

/* ---------- controls ---------- */
.rto-showing{font:600 14px/1.4 Manrope,sans-serif;color:#26272B;display:block;margin:6px 0 14px}
.rto-showing b{font-weight:800}
.rto-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 18px}
.rto-drop{position:relative}
.rto-drop>summary{list-style:none;cursor:pointer;font:500 13px/1 Manrope,sans-serif;color:#26272B;border:1px solid #E4E4E4;background:#fff;border-radius:6px;padding:10px 14px;display:inline-flex;align-items:center;gap:8px}
.rto-drop>summary::-webkit-details-marker{display:none}
.rto-drop>summary:after{content:"";width:7px;height:7px;border-right:1.6px solid #26272B;border-bottom:1.6px solid #26272B;transform:rotate(45deg);margin-top:-4px}
.rto-drop[open]>summary:after{transform:rotate(-135deg);margin-top:4px}
.rto-drop .rto-facet-body{position:absolute;z-index:60;top:calc(100% + 6px);left:0;min-width:230px;background:#fff;border:1px solid rgba(18,18,18,.1);border-radius:10px;box-shadow:rgba(0,0,0,.15) 0 8px 30px;padding:14px 16px;max-height:320px;overflow:auto}
.rto-sort{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font:500 13px Manrope,sans-serif;color:#555}
.rto-sort select{font:500 13px Manrope,sans-serif;color:#26272B;border:1px solid #E4E4E4;border-radius:6px;background:#fff;padding:9px 10px;cursor:pointer}

/* ---------- facet sidebar ---------- */
.rto-facet{border-top:1px solid #EBEDF4;padding:14px 0 16px}
.rto-facet:first-child{border-top:0}
.rto-facet h4{font:600 15px/1.2 Manrope,sans-serif;color:#26272B;margin:0 0 10px;display:flex;align-items:center;gap:8px}
.rto-facet h4:before{content:"";width:7px;height:7px;border-right:1.6px solid #26272B;border-bottom:1.6px solid #26272B;transform:rotate(-135deg)}
.rto-facet label{display:flex;align-items:center;gap:8px;font:500 13px/1.3 Manrope,sans-serif;color:rgba(18,18,18,.65);padding:4px 0;cursor:pointer}
.rto-facet label:hover{color:#FF6000}
.rto-facet input[type=checkbox]{width:15px;height:15px;accent-color:#1B3E98;flex:0 0 15px}
.rto-facet .cnt{color:rgba(18,18,18,.45)}
.rto-price-row{display:flex;align-items:center;gap:8px;margin:4px 0 8px}
.rto-price-row input{width:80px;font:500 13px Manrope,sans-serif;border:1px solid #E4E4E4;border-radius:6px;padding:8px;background:#fff}
.rto-price-row span{color:#999}
.rto-apply{font:600 12px Manrope,sans-serif;letter-spacing:.4px;color:#fff;background:#1B3E98;border:0;border-radius:6px;padding:9px 16px;cursor:pointer}
.rto-apply:hover{background:#FF6000}
.rto-clear{font:600 12px Manrope,sans-serif;color:#1B3E98;background:none;border:0;cursor:pointer;padding:9px 4px;text-decoration:underline;display:none}
.rto-filtered .rto-clear{display:inline-block}

/* ---------- product grid ---------- */
.rto-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
@media(max-width:1350px){.rto-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1100px){.rto-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:749px){.rto-grid{grid-template-columns:repeat(2,1fr);gap:10px}}
.rto-tile{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #E8E8E8;border-radius:8px;overflow:hidden;text-decoration:none;transition:box-shadow .25s ease,transform .25s ease}
.rto-tile:hover{box-shadow:0 12px 28px rgba(18,18,18,.14);transform:translateY(-3px)}
.rto-tile-img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:#F4F7FF}
.rto-badge{position:absolute;top:10px;left:10px;z-index:2;font:700 12px/1 Manrope,sans-serif;color:#fff;background:#14213D;border-radius:4px;padding:6px 8px;letter-spacing:.3px}
.rto-badge.pre{background:#FF6000}
.rto-tile-info{padding:12px 10px 16px;text-align:center;display:flex;flex-direction:column;gap:8px;flex:1}
.rto-tile-title{font:600 13px/1.45 Manrope,sans-serif;color:#1B3E98;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:3.6em}
.rto-tile:hover .rto-tile-title{color:#FF6000}
.rto-tile-price{margin-top:auto;font:700 14px/1.2 Manrope,sans-serif;color:#FF6000}
.rto-tile-price s{color:#9A9A9A;font-weight:500;margin-left:6px}
.rto-empty{font:500 15px Manrope,sans-serif;color:#555;padding:40px 0;text-align:center;grid-column:1/-1}
.rto-loading{font:600 13px Manrope,sans-serif;color:#1B3E98;padding:14px 0;text-align:center}

/* ---------- pagination ---------- */
.rto-pag{display:flex;justify-content:center;align-items:center;gap:6px;margin:34px 0 10px;flex-wrap:wrap}
.rto-pag button{min-width:36px;height:36px;font:600 13px Manrope,sans-serif;color:#26272B;background:#fff;border:1px solid #E4E4E4;border-radius:6px;cursor:pointer;padding:0 8px}
.rto-pag button:hover{border-color:#1B3E98;color:#1B3E98}
.rto-pag button.on{background:#1B3E98;border-color:#1B3E98;color:#fff;cursor:default}
.rto-pag button:disabled{opacity:.35;cursor:default}
.rto-pag .dots{font:600 13px Manrope,sans-serif;color:#999;padding:0 2px}

/* ---------- predictive search dropdown ---------- */
.rto-sug{position:absolute;z-index:200;left:0;right:0;top:calc(100% + 8px);background:#fff;border:1px solid rgba(18,18,18,.1);border-radius:12px;box-shadow:rgba(0,0,0,.15) -4px 10px 46px,rgba(0,0,0,.15) 8px 4px 24px;padding:12px 0;max-height:70vh;overflow:auto;display:none;text-align:left}
.rto-sug.open{display:block}
.rto-sug h5{font:700 11px/1 Manrope,sans-serif;letter-spacing:1.2px;text-transform:uppercase;color:#8890B0;margin:10px 18px 6px}
.rto-sug a{display:flex;align-items:center;gap:12px;padding:8px 18px;text-decoration:none;font:600 14px/1.35 Manrope,sans-serif;color:#26272B}
.rto-sug a:hover{background:#F4F7FF;color:#1B3E98}
.rto-sug a img{width:38px;height:38px;object-fit:cover;border-radius:6px;background:#F4F7FF;flex:0 0 38px}
.rto-sug a .pr{margin-left:auto;color:#FF6000;font-weight:700;white-space:nowrap}
.rto-sug .rto-sug-all{display:block;margin:10px 18px 2px;font:700 13px Manrope,sans-serif;color:#1B3E98;text-decoration:underline;padding:0}
.rto-sug .rto-sug-none{font:500 13px Manrope,sans-serif;color:#777;padding:6px 18px}
.header__search .search__input:focus{outline-color:#1B3E98}

/* ---------- own /search results page ---------- */
.rto-search-page{max-width:162rem;margin:0 auto;padding:30px 50px 60px;font-family:Manrope,sans-serif}
@media(max-width:749px){.rto-search-page{padding:20px 20px 40px}}
.rto-search-page h1{font-family:Kanit,sans-serif;font-weight:600;font-size:33px;letter-spacing:-1px;color:#26272B;margin:0 0 6px}
.rto-search-page .rto-sub{font:500 14px Manrope,sans-serif;color:#555;margin:0 0 26px}
.rto-search-page .rto-sec{margin:0 0 34px}
.rto-search-page .rto-sec h2{font-family:Kanit,sans-serif;font-weight:500;font-size:21px;color:#1B3E98;margin:0 0 14px}
.rto-links{display:flex;flex-wrap:wrap;gap:10px}
.rto-links a{font:600 13px Manrope,sans-serif;color:#1B3E98;background:#F4F7FF;border:1px solid #E4E4E4;border-radius:20px;padding:9px 16px;text-decoration:none}
.rto-links a:hover{color:#fff;background:#1B3E98;border-color:#1B3E98}
.rto-search-full{display:inline-block;margin-top:8px;font:600 14px Manrope,sans-serif;color:#fff;background:#FF6000;border-radius:24px;padding:12px 22px;text-decoration:none}
.rto-search-full:hover{background:#1B3E98}

/* header search wrapper needs a positioning context for the dropdown */
.header__search .search-modal__form,.header__search form.search{position:relative}

/* cq-audit-13jul : rendering + readability fixes (verified via CDP harness)
   1) Theme rule footer.footer{margin-top:-135px;padding-top:185px} tucked the
      footer under the curved contact band on production. With the injected
      .cq-statstrip + #cqTickerMount ticker now sitting between that band and
      the footer, the negative margin pulled the opaque footer artwork over
      the whole ticker and the bottom ~85px of the stats strip (owner report
      at ~1660px). Neutralise the tuck; padding compensated (185-135=50) so
      footer content keeps its exact designed position. */
footer.footer{margin-top:0 !important;padding-top:50px !important}
/* 2) Footer artwork (1920x1068 png, no-repeat) is shorter than the rendered
      footer, so the lower menus ("Shop By RTO Resources Category",
      "Training Packages") and the copyright/ABN row painted white-on-white.
      Continue the artwork edge colour as a solid fallback. */
footer.footer{background-color:#1B3C91 !important}
/* 3) Home slider captions: white text over raw photography (no scrim) is
      unreadable on light images (e.g. AMP tile). */
.last-try figcaption{text-shadow:0 1px 2px rgba(11,21,38,.85),0 0 14px rgba(11,21,38,.55)}
/* 4) WCAG AA small-text contrast lifts - tones darkened, hues kept. */
span.cnt{color:rgba(18,18,18,.66) !important}
.rto-facet p,.rto-price-row span,span.dots{color:#6E6E6E !important}
s,.collection_grid_item s{color:#6E6E6E}
.collection_block_compare_price{color:#5570B8}
span.rto-tile-price{color:#C14700}
.list-tag a{color:#C14700}

/* cq-audit-13jul */
.bread_crumb nav .breadcrumb-item a{color:#FFFFFF}
.bread_crumb nav .breadcrumb-item,.bread_crumb nav .breadcrumb-item a,.bread_crumb figure figcaption h1{text-shadow:0 1px 3px rgba(0,0,0,.55),0 0 14px rgba(0,0,0,.35)}