/* 1) Button text normal (not bold) and correct text size */
.cky-btn,
.cky-btn-accept,
.cky-btn-reject,
.cky-banner-btn,
.cky-modal .cky-btn {
  font-weight: 400 !important; /* normal weight */
  text-transform: none !important; /* avoids uppercase characters */
  font-size: 14px !important; /* normal text size */
}

/* 2) Make the two action buttons in the preferences window the same width */
.cky-modal .cky-actions,
.cky-modal .cky-buttons,
.cky-cookie-preferences .cky-actions {
  display: flex !important;
  gap: 0.5rem; /* distance between buttons */
  align-items: stretch; /* make sure buttons are the same height */
}

/* Every button gets the same amount of space (flex) */
.cky-modal .cky-actions .cky-btn,
.cky-modal .cky-buttons .cky-btn,
.cky-cookie-preferences .cky-actions .cky-btn {
  flex: 1 1 0 !important; /* divides space evenly */
  min-width: 0 !important; /* prevents overflows with long text */
  box-sizing: border-box !important;
}

/* 3) Description text under cookie categories in the modal NOT bold */
.cky-modal .cky-description,
.cky-modal .cky-category-description,
.cky-modal .cky-description p {
  font-weight: 400 !important; /* Ensures that the text has normal weight */
  font-family: inherit !important; /* Inherits the font setting */
}

/* 4) General: All text within the modal (which should follow the website) not bold */
.cky-modal * {
  font-weight: 400 !important; /* Remove bold text anywhere in the modal */
}

/* 5) Make title of permission preference customisation bold */
.cky-preference-title {
  font-weight: 700 !important; /* Make the title bold */
}

/* 6) Make titles of cookie categories bold (such as Necessary) */
.cky-modal .cky-accordion-btn {
  font-weight: 700 !important; /* Bold the button titles */
}

/* Minor visual refinement (optional): padding and line height */
.cky-btn {
  padding: .5rem .9rem !important;
  line-height: 1.2 !important;
}

/* Hide the cookie banner on mobile devices (iPhone, iPad, Android) */
@media only screen and (max-width: 768px) {
  .cky-banner {
    display: none !important;
  }
}

/* Make sure the TranslatePress language selection remains exactly horizontally centred in the menu */
.trp-current-language-item__wrapper {
  display: inline-flex !important;
  align-items: centre !important;
  vertical-align: middle !important; /* keeps it on the same line as other menu items */
  gap: 2px !important;
}

.trp-language-item {
  display: inline-flex !important;
  align-items: centre !important;
  padding-right: 0 !important;
  margin-right: 0 !important;
  line-height: 2 !important; /* ensures neat centring */
}

.trp-shortcode-arrow {
  margin-left: 0 !important;
  transform: translateX(-2px) !important; /* arrow slightly closer to text */
  vertical-align: middle !important;
}