/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

.site-main {
    padding-top: clamp(60px, 11vw, 100px);
}

/* =============================================
   Floating Header — Default State
   ============================================= */
.ct-sticky-container [data-row="middle:boxed"] .ct-container {
    border-radius: 30;
    transition: max-width 0.3s ease,
                border-radius 0.3s ease;
}

/* =============================================
   Floating Header — Sticky State
   ============================================= */

/* Remove border radius */
.ct-sticky-container [data-sticky="yes:shrink"] .ct-container {
    border-radius: 0 !important;
    margin-top: 0 !important;
}

.ct-sticky-container [data-sticky="yes:shrink"] {
    top: 0 !important;
}

/* Boxed → full width */
.ct-sticky-container [data-sticky="yes:shrink"] .ct-container {
    width: 100% !important;
    max-width: 100% !important;
}

/* Remove offset */
.ct#333-sticky-container [data-sticky="yes:shrink"] [data-row="middle:boxed"] {
    margin-top: 0 !important;
}

  /* Cookie Notification Banner */
  .cookie-notification {
      font-family: inherit;
      font-size: 14px;
      line-height: 1.5;
      padding: 16px 0;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 9999;
  }

  .cookie-notification .container {
      background-color: var(--theme-palette-color-10) !important;
      color: var(--theme-text-color) !important;
      border-radius: 30px !important;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 20px;
  }

  .cookie-notification .ct-cookies-content {
      font-size: 14px;
      color: #fff;
      flex: 1;
  }

  .cookie-notification .ct-button-group {
      display: flex;
      gap: 10px;
      flex-shrink: 0;
  }

  .cookie-notification .ct-cookies-accept-button {
    background-color: var(--theme-palette-color-9);
    color: var(--theme-text-color);
    border-radius: 100px;
    transition: background-color 0.3s ease, color 0.3s ease;
    padding: 10px 55px !important;
  }

  .cookie-notification .ct-cookies-accept-button:hover {
    background-color: var(--theme-palette-color-14) !important;
    color: var(--theme-text-color) !important;
  }

  .cookie-notification .ct-cookies-decline-button {
    background-color: transparent;
    border: 2px solid var(--theme-palette-color-7);
    color: var(--theme-palette-color-8);
    border-radius: 100px;
    transition: all 0.3s ease;
    padding: 10px 55px !important;
  }

  .cookie-notification .ct-cookies-decline-button:hover {
    background-color: var(--theme-palette-color-9) !important;
    color: var(--theme-text-color) !important;
  }


.menu-label>a {
  pointer-events: none;
  cursor: default;
}


/* =============================================
   Custom Button Styles — Blocksy Theme Variables
   Child Theme: style.css
   ============================================= */

/* Build Now Button */
.btn-build-now .wp-block-button__link {
    background-color: var(--theme-palette-color-9);
    color: var(--theme-text-color);
    border-radius: 100px;
    transition: background-color 0.3s ease, color 0.3s ease;
    padding: 10px 55px !important;
}

.btn-build-now .wp-block-button__link:hover {
    background-color: var(--theme-palette-color-14) !important;
    color: var(--theme-text-color) !important;
}

/* Secondary Button */
.btn-secondary .wp-block-button__link {
    background-color: var(--theme-palette-color-2);
    color: var(--theme-text-color);
    border-radius: 100px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.btn-secondary .wp-block-button__link:hover {
    background-color: var(--theme-palette-color-1) !important;
    color: var(--theme-text-color) !important;
}

/* Outline Button */
.btn-outline .wp-block-button__link {
    background-color: transparent;
    border: 2px solid var(--theme-palette-color-7);
    color: var(--theme-text-color);
    border-radius: 100px;
    transition: all 0.3s ease;
    padding: 10px 55px !important;
}

.btn-outline .wp-block-button__link:hover {
    background-color: var(--theme-palette-color-9) !important;
    color: var(--theme-text-color) !important;
}