/*
Theme Name: Strona Kuby
Template: kadence
Version: 1.0
*/

/* ============================================
   SKILL.NINJA - Child Theme Styles
   ============================================ */

/* --- SITE BACKGROUND: dark with purple tint on ALL pages --- */
html, body, body.wp-theme-kadence, .site, .wp-site-blocks {
  background-color: #141414 !important;
  background-image: linear-gradient(135deg, rgba(123,34,212,0.18) 0%, rgba(91,24,158,0.10) 50%, transparent 100%) !important;
}
/* Footer dark */
footer.site-footer, .site-footer, .footer-wrap, .site-footer-wrap {
  background-color: #141414 !important;
}

/* --- GLOBAL TEXT COLORS (dark theme) --- */
body, .entry-content, .site {
  color: #e0e0e0;
}
h1, h2, h3, h4, h5, h6,
.entry-content h1, .entry-content h2, .entry-content h3,
.entry-content h4, .entry-content h5, .entry-content h6 {
  color: #fafafa;
}
/* Force light text in all Kadence columns */
.wp-block-kadence-column .kt-inside-inner-col {
  color: #e0e0e0;
}
.wp-block-kadence-column .kt-inside-inner-col h1,
.wp-block-kadence-column .kt-inside-inner-col h2,
.wp-block-kadence-column .kt-inside-inner-col h3,
.wp-block-kadence-column .kt-inside-inner-col h4 {
  color: #fafafa;
}
.wp-block-kadence-column .kt-inside-inner-col p,
.wp-block-kadence-column .kt-inside-inner-col li,
.wp-block-kadence-column .kt-inside-inner-col ul,
.wp-block-kadence-column .kt-inside-inner-col ol {
  color: #e0e0e0;
}
blockquote, .wp-block-quote {
  color: #fafafa;
  border-left-color: #7B22D4;
}

/* --- CONTENT CONTAINER: max-width with side margins like skill.ninja --- */
.entry-content-wrap {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* Kadence rows: full-width bg but contained inner content */
.wp-block-kadence-rowlayout > .kt-row-column-wrap {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
}

/* --- HEADER --- */
.kb-header-container .wp-block-kadence-header-row {
  background: #141414 !important;
}
.kb-header-container {
  border-bottom: 1px solid #333333;
}
/* Logo */
.kb-header-container .wp-block-site-logo img,
.kb-header-container .custom-logo,
.kb-header-container .kb-img-transparent,
.kb-header-container .kb-img-sticky {
  border-radius: 50% !important;
  background: transparent !important;
  object-fit: cover !important;
  max-width: 40px !important;
  max-height: 40px !important;
}
.kb-header-container .wp-block-site-logo {
  margin-right: 0 !important;
}
/* Navigation */
.kb-header-container .wp-block-kadence-navigation a {
  color: #999 !important;
  transition: color 0.3s ease;
}
.kb-header-container .wp-block-kadence-navigation a:hover {
  color: #fafafa !important;
}

/* --- UTILITIES --- */
.text-gradient-ninja {
  background: linear-gradient(135deg, #7B22D4 0%, #5B189E 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Gradient buttons */
.wp-block-button__link[style*="background-color:#5B189E"] {
  background: linear-gradient(135deg, #7B22D4 0%, #5B189E 50%, #3E1071 100%) !important;
  box-shadow: 0 0 20px rgba(91,24,158,0.3);
  transition: all 0.3s ease;
}
.wp-block-button__link[style*="background-color:#5B189E"]:hover {
  box-shadow: 0 0 40px rgba(91,24,158,0.5);
  transform: translateY(-1px);
}
/* Outline buttons */
.wp-block-button.is-style-outline .wp-block-button__link {
  color: #e0e0e0 !important;
  border-color: #7B22D4 !important;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
  background: rgba(123,34,212,0.1) !important;
  color: #fafafa !important;
}

/* Footer always dark */
.site-footer-wrap,
.site-footer,
footer,
.footer-wrap {
  background: #141414 !important;
}

/* Hide default page title */
.page-id-2968 .entry-hero-container-inner,
.page-id-2980 .entry-hero-container-inner,
.page-id-2977 .entry-hero-container-inner,
.page-id-2978 .entry-hero-container-inner,
.page-id-2979 .entry-hero-container-inner,
.page-id-2983 .entry-hero-container-inner,
.page-id-2985 .entry-hero-container-inner {
  display: none;
}

/* Content links */
.entry-content a:not(.wp-block-button__link) {
  color: #7B22D4;
}
.entry-content a:not(.wp-block-button__link):hover {
  color: #fafafa;
}


/* --- HERO SECTION: purple gradient overlay like skill.ninja --- */
.kadence-column_sn_hero_c,
[class*="sn_hero"] .kt-inside-inner-col {
  position: relative;
}
.kadence-column_sn_hero_c::before,
.wp-block-kadence-rowlayout:first-child::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, #7B22D4 0%, #5B189E 50%, #3E1071 100%);
  opacity: 0.15;
  pointer-events: none;
  z-index: 0;
}
.wp-block-kadence-rowlayout:first-child {
  position: relative;
}
.wp-block-kadence-rowlayout:first-child > .kt-row-column-wrap {
  position: relative;
  z-index: 1;
}

/* --- WORKSHOP CARDS: image smaller, contained --- */
.wp-block-kadence-rowlayout [class*="sn_w1"] .wp-block-image img,
.wp-block-kadence-rowlayout [class*="sn_w2"] .wp-block-image img {
  max-height: 240px;
  width: auto;
  object-fit: contain;
  margin: 0 auto;
  display: block;
}

/* --- SUBTITLES / Lead text styling --- */
.has-muted-color {
  color: #999999 !important;
}
.has-body-text-color {
  color: #e0e0e0 !important;
}
.has-foreground-color {
  color: #fafafa !important;
}

/* --- RESPONSIVE --- */
@media (max-width: 767px) {
  .entry-content h1 { font-size: 32px !important; line-height: 1.2 !important; }
  .entry-content h2 { font-size: 26px !important; }
  .entry-content h3 { font-size: 20px !important; }
  .wp-block-buttons {
    flex-direction: column !important;
    align-items: center !important;
  }
  .wp-block-button { width: 100% !important; max-width: 300px !important; }
  .wp-block-kadence-rowlayout > .kt-row-column-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }
  .entry-content .wp-block-image.aligncenter img {
    max-width: 280px !important;
  }
  .kb-header-container .wp-block-site-logo img,
  .kb-header-container .custom-logo,
  .kb-header-container .kb-img-transparent {
    max-width: 36px !important;
    max-height: 36px !important;
  }
}
@media (max-width: 1024px) and (min-width: 768px) {
  .entry-content h1 { font-size: 44px !important; }
  .entry-content h2 { font-size: 32px !important; }
}