/* GamerCubic Child Theme Custom CSS
   Add small safe CSS overrides here. */

/* v1.3 page-only content width override */
body.page main.gc-page-no-sidebar .gc-container,
body.page main.gc-page-no-sidebar .gc-page-fullwidth-layout {
  width: min(100% - 40px, 1280px) !important;
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
body.page main.gc-page-no-sidebar .gc-main-panel,
body.page main.gc-page-no-sidebar .gc-page-fullwidth-panel,
body.page main.gc-page-no-sidebar .gc-content {
  max-width: 1280px !important;
}
@media (max-width: 768px) {
  body.page main.gc-page-no-sidebar .gc-container,
  body.page main.gc-page-no-sidebar .gc-page-fullwidth-layout {
    width: min(100% - 28px, 1280px) !important;
  }
}
@media (max-width: 480px) {
  body.page main.gc-page-no-sidebar .gc-container,
  body.page main.gc-page-no-sidebar .gc-page-fullwidth-layout {
    width: min(100% - 20px, 1280px) !important;
  }
}

/* v1.4 visible tool button text */


/*
  v1.4: Make page/tool CTA button text clearly visible.
  Fixes "Open Tool" button text blending into cyan/green gradient buttons.
*/
body.page .gc-content .gc-btn,
body.page .gc-content a.gc-btn,
body.page .gc-content button.gc-btn,
body.page .gc-content .wp-block-button__link,
body.page .gc-content .wp-element-button,
body.page .gc-main-panel .gc-btn,
body.page .gc-main-panel a.gc-btn,
body.page .gc-main-panel button.gc-btn,
body.page .gc-main-panel .wp-block-button__link,
body.page .gc-main-panel .wp-element-button,
body.page .gc-tool-card .gc-btn,
body.page .gc-tool-card a.gc-btn,
body.page .gc-tools-card .gc-btn,
body.page .gc-tools-card a.gc-btn,
body.page .tool-card .gc-btn,
body.page .tool-card a.gc-btn,
body.page a.open-tool,
body.page a.open-tool-button,
body.page .open-tool a,
body.page .open-tool-button a {
  color: #06101a !important;
  -webkit-text-fill-color: #06101a !important;
  text-shadow: none !important;
  opacity: 1 !important;
  font-weight: 900 !important;
}

body.page .gc-content .gc-btn:hover,
body.page .gc-content a.gc-btn:hover,
body.page .gc-content button.gc-btn:hover,
body.page .gc-content .wp-block-button__link:hover,
body.page .gc-content .wp-element-button:hover,
body.page .gc-main-panel .gc-btn:hover,
body.page .gc-main-panel a.gc-btn:hover,
body.page .gc-main-panel button.gc-btn:hover,
body.page .gc-main-panel .wp-block-button__link:hover,
body.page .gc-main-panel .wp-element-button:hover {
  color: #02070b !important;
  -webkit-text-fill-color: #02070b !important;
  filter: brightness(1.08);
}

body.page .gc-content .gc-btn svg,
body.page .gc-main-panel .gc-btn svg,
body.page .gc-content .wp-block-button__link svg,
body.page .gc-main-panel .wp-block-button__link svg {
  color: #06101a !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}


/*
  v1.5: Force dark readable CTA text on tool cards/buttons.
  Some card buttons were inheriting transparent/light text styles from parent components.
*/
body.page a[class*="btn"],
body.page a[class*="button"],
body.page a[class*="tool"],
body.page button[class*="btn"],
body.page button[class*="button"],
body.page .gc-card a,
body.page .gc-post-card a,
body.page .gc-tool-card a,
body.page .gc-tools-card a,
body.page .tool-card a,
body.page .wp-block-button__link,
body.page .wp-element-button {
  text-decoration: none;
}

body.page a[class*="btn"],
body.page a[class*="button"],
body.page a[class*="tool"],
body.page button[class*="btn"],
body.page button[class*="button"],
body.page .gc-content .gc-btn,
body.page .gc-main-panel .gc-btn,
body.page .gc-card .gc-btn,
body.page .gc-card a[class*="btn"],
body.page .gc-post-card a[class*="btn"],
body.page .gc-tool-card a[class*="btn"],
body.page .gc-tools-card a[class*="btn"],
body.page .tool-card a[class*="btn"],
body.page .gc-card a[class*="tool"],
body.page .gc-post-card a[class*="tool"],
body.page .gc-tool-card a[class*="tool"],
body.page .gc-tools-card a[class*="tool"],
body.page .tool-card a[class*="tool"],
body.page .open-tool,
body.page .open-tool-button,
body.page .open-tool a,
body.page .open-tool-button a,
body.page .wp-block-button__link,
body.page .wp-element-button {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  text-fill-color: #000000 !important;
  text-shadow: none !important;
  opacity: 1 !important;
  font-weight: 900 !important;
  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;
}

body.page a[class*="btn"] *,
body.page a[class*="button"] *,
body.page a[class*="tool"] *,
body.page button[class*="btn"] *,
body.page button[class*="button"] *,
body.page .gc-content .gc-btn *,
body.page .gc-main-panel .gc-btn *,
body.page .gc-card .gc-btn *,
body.page .gc-card a[class*="btn"] *,
body.page .gc-post-card a[class*="btn"] *,
body.page .gc-tool-card a[class*="btn"] *,
body.page .gc-tools-card a[class*="btn"] *,
body.page .tool-card a[class*="btn"] *,
body.page .gc-card a[class*="tool"] *,
body.page .gc-post-card a[class*="tool"] *,
body.page .gc-tool-card a[class*="tool"] *,
body.page .gc-tools-card a[class*="tool"] *,
body.page .tool-card a[class*="tool"] *,
body.page .open-tool *,
body.page .open-tool-button *,
body.page .wp-block-button__link *,
body.page .wp-element-button * {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  fill: #000000 !important;
  stroke: #000000 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}