/**
 * Cookies Yes Custom Styles - Banner overrides
 * Shrinks the cookie banner on mobile.
 * Cookieyes adds inline styles to various elements, so we use
 * !important in the size/spacing properties to override them.
 */

.cky-notice-btn-wrapper {
	gap: 5px !important;
}

@media only screen and (max-width: 600px) {

  /* Contenedor general del banner */
  .cky-consent-container {
    max-width: 92% !important;
    left: 4% !important;
    right: 4% !important;
    bottom: 8px !important;
  }

  .cky-consent-bar {
    padding: 8px 10px !important;
  }

  .cky-notice {
    padding: 4px !important;
  }

  /* Título */
  .cky-notice .cky-title {
    font-size: 13px !important;
    margin-bottom: 4px !important;
  }

  /* Texto descriptivo */
  .cky-notice-des p {
    font-size: 11px !important;
    line-height: 1.3 !important;
    margin: 0 !important;
  }

  /* Wrapper de botones: los acomoda en fila compacta */
  .cky-notice-btn-wrapper {
    margin-top: 6px !important;
  }

  /* Botones */
  .cky-notice-btn-wrapper .cky-btn {
    font-size: 11px !important;
    padding: 6px 8px !important;
    min-width: 0 !important;
    line-height: 1.2 !important;
  }

  .cky-notice-btn-wrapper .cky-btn-accept,
  .cky-notice-btn-wrapper .cky-btn-customize,
  .cky-notice-btn-wrapper .cky-btn-reject {
    margin-top: 0 !important;
  }
}