/* Colores del aviso w357: el <style> que el plugin escribía en la cabecera (con los colores del original de Goikaravan) */
.cpnb-outer{border-color:rgba(218,60,49,1)}
.cpnb-outer.cpnb-div-position-top{border-bottom-width:1px}
.cpnb-outer.cpnb-div-position-bottom{border-top-width:1px}
.cpnb-outer.cpnb-div-position-top-left,.cpnb-outer.cpnb-div-position-top-right,.cpnb-outer.cpnb-div-position-bottom-left,.cpnb-outer.cpnb-div-position-bottom-right{border-width:1px}
.cpnb-message{color:#ffffff}
.cpnb-message a{color:#ffffff}
.cpnb-button,.cpnb-button-ok,.cpnb-m-enableAllButton{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;font-size:12px;color:#fff;background-color:#1e7a44}
.cpnb-button:hover,.cpnb-button:focus,.cpnb-button-ok:hover,.cpnb-button-ok:focus,.cpnb-m-enableAllButton:hover,.cpnb-m-enableAllButton:focus{color:#fff;background-color:#175f35}
.cpnb-button-decline,.cpnb-button-delete,.cpnb-button-decline-modal,.cpnb-m-DeclineAllButton{color:#fff;background-color:rgba(218,60,49,1)}
.cpnb-button-decline:hover,.cpnb-button-decline:focus,.cpnb-button-delete:hover,.cpnb-button-delete:focus,.cpnb-button-decline-modal:hover,.cpnb-button-decline-modal:focus,.cpnb-m-DeclineAllButton:hover,.cpnb-m-DeclineAllButton:focus{color:#fff;background-color:rgba(181,47,38,1)}
.cpnb-button-cancel,.cpnb-button-reload,.cpnb-button-cancel-modal{color:#fff;background-color:rgba(90,90,90,1)}
.cpnb-button-cancel:hover,.cpnb-button-cancel:focus,.cpnb-button-reload:hover,.cpnb-button-reload:focus,.cpnb-button-cancel-modal:hover,.cpnb-button-cancel-modal:focus{color:#fff;background-color:rgba(54,54,54,1)}
.cpnb-button-settings,.cpnb-button-settings-modal{color:#fff;background-color:rgba(90,90,90,1)}
.cpnb-button-settings:hover,.cpnb-button-settings:focus,.cpnb-button-settings-modal:hover,.cpnb-button-settings-modal:focus{color:#fff;background-color:rgba(54,54,54,1)}
.cpnb-button-more-default,.cpnb-button-more-modal{color:#fff;background-color:#7b8a8b}
.cpnb-button-more-default:hover,.cpnb-button-more-modal:hover,.cpnb-button-more-default:focus,.cpnb-button-more-modal:focus{color:#fff;background-color:#697677}
.cpnb-m-SaveChangesButton{color:#fff;background-color:rgba(30,122,68,1)}
.cpnb-m-SaveChangesButton:hover,.cpnb-m-SaveChangesButton:focus{color:#fff;background-color:rgba(23,95,53,1)}
@media only screen and (max-width:600px){.cpnb-left-menu-toggle::after,.cpnb-left-menu-toggle-button{content:"Categories"}
}

/* En Joomla el tema no teñía los botones-enlace del plugin; aquí el color de
   los enlaces del texto legal ganaba al blanco de «Recargar» */
.cpnb-cookies-info a.cpnb-button.cpnb-button, .cpnb-cookies-info a.cpnb-button.cpnb-button:hover,
.cpnb-cookies-info a.cpnb-button.cpnb-button:focus { color: #fff; text-decoration: none; }
/* Móvil: los cuatro botones en dos columnas (la barra ocupaba un tercio de la pantalla) */
@media (max-width: 502px) {
  #cpnb .cpnb-inner { padding: 16px; }
  #cpnb .cpnb-message { margin-bottom: 12px; }
  #cpnb .cpnb-buttons { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
  #cpnb .cpnb-buttons .cpnb-button {
    display: flex; align-items: center; justify-content: center;
    box-sizing: border-box; width: 100%; min-height: 40px; margin: 0; padding: 8px 6px; line-height: 1.4;
    text-align: center; font-size: 13px;
  }
  #cpnb .cpnb-clear-both { display: none; }
}