/* ==========================================================================
   Consenso cookie - mamotoecommerce.it
   Ritocchi nostri sopra a cookieconsent.css. Non si tocca il file della
   libreria: cosi' un aggiornamento della libreria non cancella il nostro
   lavoro, e basta confrontare due file per sapere cosa e' nostro.
   Colori presi dal tema: posthemeoptionsg_main_color = #B32121
                          posthemeoptionsg_body_font_color = #2A2A2A
   ========================================================================== */

#cc-main {
  --cc-font-family: inherit;
  --cc-bg: #ffffff;
  --cc-primary-color: #2A2A2A;
  --cc-secondary-color: #5b5b5b;

  --cc-btn-primary-bg: #B32121;
  --cc-btn-primary-color: #ffffff;
  --cc-btn-primary-border-color: #B32121;
  --cc-btn-primary-hover-bg: #8d1a1a;
  --cc-btn-primary-hover-color: #ffffff;
  --cc-btn-primary-hover-border-color: #8d1a1a;

  --cc-btn-secondary-bg: #f1f1f1;
  --cc-btn-secondary-color: #2A2A2A;
  --cc-btn-secondary-border-color: #d6d6d6;
  --cc-btn-secondary-hover-bg: #e3e3e3;
  --cc-btn-secondary-hover-color: #2A2A2A;
  --cc-btn-secondary-hover-border-color: #c9c9c9;

  --cc-btn-border-radius: 3px;
  --cc-modal-border-radius: 4px;

  --cc-toggle-on-bg: #B32121;
  --cc-toggle-off-bg: #9a9a9a;
  --cc-toggle-readonly-bg: #d8d8d8;

  --cc-link-color: #B32121;
  --cc-separator-border-color: #e3e3e3;
  --cc-cookie-category-block-bg: #f7f7f7;
  --cc-cookie-category-block-border: #e3e3e3;
  --cc-cookie-category-block-hover-bg: #f0f0f0;
  --cc-cookie-category-block-hover-border: #d8d8d8;
  --cc-cookie-category-expanded-block-bg: #ffffff;
  --cc-cookie-category-expanded-block-hover-bg: #f7f7f7;

  --cc-footer-bg: #fafafa;
  --cc-footer-color: #5b5b5b;
  --cc-footer-border-color: #e3e3e3;
}

/* --------------------------------------------------------------------------
   Il pulsante che riapre il pannello.
   In basso a SINISTRA e non a destra: a destra ci sono il carrello e, sui
   telefoni, il pulsante "Aggiungi al carrello". Il bollino di iubenda stava
   a destra ed era proprio quello il guaio (scheda 23).
   -------------------------------------------------------------------------- */
#mamoto-preferenze-cookie {
  position: fixed;
  left: 12px;
  bottom: 12px;
  z-index: 2147483000;          /* sotto al pannello, sopra alla pagina */
  padding: 7px 12px;
  font-size: 12px;
  line-height: 1;
  font-family: inherit;
  color: #ffffff;
  background: rgba(42, 42, 42, .82);
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  opacity: .75;
  transition: opacity .15s ease;
}

#mamoto-preferenze-cookie:hover,
#mamoto-preferenze-cookie:focus {
  opacity: 1;
  outline: 2px solid #B32121;
  outline-offset: 1px;
}

/* Mentre il banner e' aperto il pulsante e' inutile e darebbe fastidio. */
.show--consent #mamoto-preferenze-cookie,
.show--preferences #mamoto-preferenze-cookie {
  display: none;
}

/* Sui telefoni si fa piu' piccolo e piu' discreto. */
@media (max-width: 640px) {
  #mamoto-preferenze-cookie {
    left: 8px;
    bottom: 8px;
    padding: 6px 9px;
    font-size: 11px;
    opacity: .6;
  }
}