/*! Gladiatrix 2.0 · the new home inside WordPress. gx-home.css and gx-footer.css are the approved preview as it is;
 *  this file only adds what a real page of the site brings with it and the preview did not have. */

/* the free-shipping strip (Simple Banner) stays on every other page, not on the new home (the user's choice) */
#simple-banner, .simple-banner { display: none !important; }

/* Weglot's own switcher: the navbar's language list and the mobile menu's codes take its place */
body.gx-v2 .weglot-container, body.gx-v2 aside.country-selector { display: none !important; }

/* the site's «CSS adicional» makes every h2, h3 and h4 extra-light (font-weight: 200 !important): the new home's
   titles keep the weight they were designed with */
body.gx-v2 .gx-home :is(h2, h3, h4), body.gx-v2 .gx-mnav :is(h2, h3, h4) { font-weight: 400 !important; }
body.gx-v2 .gx-home .gx-promise__t { font-weight: 800 !important; }

/* the cursor: the system's own, as in the preview (the user asked for a normal one, with nothing following the mouse).
   The site's «CSS adicional» puts the glove on every page with !important, on links and buttons with
   «body a:not([style*="cursor"])» (specificity 0,1,2), stronger than the preview's plain rules; on the new home these
   win over it (the rest of the site keeps the glove): the arrow (or the text bar over text) everywhere, the hand on
   whatever can be clicked, the text bar in the fields */
html:has(> body.gx-v2), html body.gx-v2, html body.gx-v2 * { cursor: auto !important; }
html body.gx-v2 :is(a, button, summary, label, [role="button"], .gx-btn, .gx-cats__more):not([style*="cursor"]) { cursor: pointer !important; }
html body.gx-v2 :is(input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]), textarea) { cursor: text !important; }
/* on a computer the footer's column titles are not buttons (gx-footer.css gives them the plain arrow) */
@media (min-width: 922px) { html body.gx-v2 .gx-footer .gx-footer__col > summary { cursor: default !important; } }

/* the chat launcher (Klaviyo) stays under the open mobile menu, as on every other page */
html.gx-lock .kl-hub-launcher-container { display: none !important; }

/* on phones and tablets Complianz's «Gestionar consentimiento» tab goes away once the banner is answered (as on every
   other page); it is there again on the next page, so the choice can still be changed */
@media (max-width: 921px) {
  body.gx-consent-done #cmplz-manage-consent .cmplz-manage-consent { display: none !important; }
}

/* the admin bar (only when logged in): the navbar (a full-width bar at the top of the screen) and the mobile menu sit
   under it. The category tabs no longer stick under the navbar, so they need nothing here (a «top» on them would now
   push them down over the products). Below 601 px WordPress lets its bar scroll away with the page. */
@media (min-width: 783px) {
  html body.admin-bar .gx-nav { top: 32px; }
}
@media (min-width: 783px) and (max-width: 921px) {
  html body.admin-bar .gx-mnav { top: 32px; }
}
@media (min-width: 601px) and (max-width: 782px) {
  html body.admin-bar .gx-nav { top: 46px; }
}
@media (max-width: 782px) {
  html body.admin-bar .gx-mnav { top: 46px; }
}