/* =========================================
   MOBILE OPTIMIZATION
   COMPACT VERSION
========================================= */

@media (max-width: 768px) {

  /* MAIN BANNER POSITION */
  #silktide-banner.bottomCenter {

    left: 50% !important;

    right: auto !important;

    transform:
      translate(-50%, -14px) !important;

    width: calc(100% - 20px) !important;

    max-width: 360px !important;
  }

  /* MAIN BANNER */
  #silktide-banner {

    width: calc(100% - 20px) !important;

    max-width: 360px !important;

    bottom: 10px !important;

    left: 10px !important;

    right: 10px !important;

    margin: 0 auto !important;

    border-radius: 14px !important;

    padding: 11px !important;
  }

  /* CONTENT */
  #silktide-banner p {

    font-size: 11px !important;

    line-height: 1.35 !important;

    margin-bottom: 8px !important;
  }

  /* TITLE */
  #silktide-banner h2,
  #silktide-banner h3 {

    font-size: 14px !important;

    line-height: 1.25 !important;

    margin-bottom: 6px !important;
  }

  /* BUTTON CONTAINER */
  #silktide-banner {

    gap: 6px !important;
  }

  /* BUTTONS */
  #silktide-banner button {

    min-height: 34px !important;

    font-size: 11px !important;

    line-height: 1.2 !important;

    padding: 6px 10px !important;

    border-radius: 10px !important;
  }

  /* PREFERENCES MODAL */
  #silktide-modal {

    width: calc(100% - 20px) !important;

    max-width: 380px !important;

    max-height: 78vh !important;

    border-radius: 14px !important;

    padding: 14px !important;
  }

  /* COOKIE CATEGORIES */
  #silktide-modal .cookie-type-content {

    padding: 10px 0 !important;
  }

  /* MODAL TEXT */
  #silktide-modal p,
  #silktide-modal li {

    font-size: 11px !important;

    line-height: 1.35 !important;
  }

  /* MODAL TITLES */
  #silktide-modal h2,
  #silktide-modal h3 {

    font-size: 14px !important;

    line-height: 1.25 !important;
  }

  /* TOGGLES / SWITCHES */
  #silktide-modal label,
  #silktide-modal .cookie-type-label {

    font-size: 12px !important;
  }
}