/*
 * Katedra Kaliska — globalny design system / presety projektowe
 * Version 0.2.3
 *
 * Nie zapisuje niczego do bazy Divi. Wszystkie natywne moduły Divi mogą
 * korzystać z tych samych klas na całej witrynie.
 */

:root{
  --k-btn-primary-bg:#6B2431;
  --k-btn-primary-bg-hover:#4F1722;
  --k-btn-primary-text:#FFFDF9;
  --k-btn-secondary-bg:#FFFDF9;
  --k-btn-secondary-bg-hover:#F3ECE2;
  --k-btn-secondary-text:#4F1722;
  --k-btn-light-bg:#B89A62;
  --k-btn-light-bg-hover:#C7AB75;
  --k-btn-light-text:#1C1B19;
  --k-focus:rgba(184,154,98,.48);
  --k-btn-shadow:0 10px 26px rgba(79,23,34,.16);
  --k-btn-shadow-hover:0 15px 34px rgba(79,23,34,.22);
}

/* =========================================================
   GLOBALNE PRZYCISKI DIVI 5
   ========================================================= */
body.katedra-site .et_pb_button_module_wrapper,
body.katedra-site .katedra-button{
  display:inline-block!important;
  margin:8px 10px 0 0!important;
  vertical-align:middle!important;
}

/* Celowo szeroki zestaw selektorów: obsługuje markup Divi 4/5. */
body.katedra-site .et_pb_button_module_wrapper .et_pb_button,
body.katedra-site .katedra-button .et_pb_button,
body.katedra-site .katedra-button>a,
body.katedra-site a.et_pb_button.katedra-button,
body.katedra-site .et_pb_button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.5em!important;
  min-height:48px!important;
  padding:12px 22px!important;
  border:1px solid var(--k-btn-primary-bg)!important;
  border-radius:999px!important;
  background:var(--k-btn-primary-bg)!important;
  color:var(--k-btn-primary-text)!important;
  box-shadow:var(--k-btn-shadow)!important;
  font-family:"Plus Jakarta Sans",sans-serif!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.2!important;
  letter-spacing:.01em!important;
  text-decoration:none!important;
  text-shadow:none!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  outline:none!important;
  transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease!important;
}

body.katedra-site .et_pb_button_module_wrapper .et_pb_button:after,
body.katedra-site .katedra-button .et_pb_button:after,
body.katedra-site .katedra-button>a:after,
body.katedra-site .et_pb_button:after{
  font-size:1em!important;
  line-height:1!important;
}

body.katedra-site .et_pb_button_module_wrapper .et_pb_button:hover,
body.katedra-site .katedra-button .et_pb_button:hover,
body.katedra-site .katedra-button>a:hover,
body.katedra-site .et_pb_button:hover{
  background:var(--k-btn-primary-bg-hover)!important;
  border-color:var(--k-btn-primary-bg-hover)!important;
  color:var(--k-btn-primary-text)!important;
  box-shadow:var(--k-btn-shadow-hover)!important;
  transform:translateY(-2px)!important;
}

body.katedra-site .et_pb_button_module_wrapper .et_pb_button:focus,
body.katedra-site .et_pb_button_module_wrapper .et_pb_button:focus-visible,
body.katedra-site .katedra-button .et_pb_button:focus,
body.katedra-site .katedra-button .et_pb_button:focus-visible,
body.katedra-site .katedra-button>a:focus,
body.katedra-site .katedra-button>a:focus-visible,
body.katedra-site .et_pb_button:focus,
body.katedra-site .et_pb_button:focus-visible{
  outline:0!important;
  box-shadow:0 0 0 4px var(--k-focus),var(--k-btn-shadow-hover)!important;
}

/* Primary — bordo */
body.katedra-site .k-preset-btn-primary .et_pb_button,
body.katedra-site .katedra-button--burgundy .et_pb_button,
body.katedra-site .katedra-button--primary .et_pb_button{
  background:var(--k-btn-primary-bg)!important;
  border-color:var(--k-btn-primary-bg)!important;
  color:var(--k-btn-primary-text)!important;
}
body.katedra-site .k-preset-btn-primary .et_pb_button:hover,
body.katedra-site .katedra-button--burgundy .et_pb_button:hover,
body.katedra-site .katedra-button--primary .et_pb_button:hover{
  background:var(--k-btn-primary-bg-hover)!important;
  border-color:var(--k-btn-primary-bg-hover)!important;
}

/* Secondary — jasny, elegancki */
body.katedra-site .k-preset-btn-secondary .et_pb_button,
body.katedra-site .katedra-button--secondary .et_pb_button{
  background:var(--k-btn-secondary-bg)!important;
  border-color:#D4C5B2!important;
  color:var(--k-btn-secondary-text)!important;
  box-shadow:0 8px 22px rgba(28,27,25,.08)!important;
}
body.katedra-site .k-preset-btn-secondary .et_pb_button:hover,
body.katedra-site .katedra-button--secondary .et_pb_button:hover{
  background:var(--k-btn-secondary-bg-hover)!important;
  border-color:var(--k-gold)!important;
  color:var(--k-btn-secondary-text)!important;
}

/* Light / gold — na ciemnym tle */
body.katedra-site .k-preset-btn-light .et_pb_button,
body.katedra-site .katedra-button--gold .et_pb_button,
body.katedra-site .katedra-button--live .et_pb_button,
body.katedra-site .katedra-button--youtube .et_pb_button{
  background:var(--k-btn-light-bg)!important;
  border-color:var(--k-btn-light-bg)!important;
  color:var(--k-btn-light-text)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.18)!important;
}
body.katedra-site .k-preset-btn-light .et_pb_button:hover,
body.katedra-site .katedra-button--gold .et_pb_button:hover,
body.katedra-site .katedra-button--live .et_pb_button:hover,
body.katedra-site .katedra-button--youtube .et_pb_button:hover{
  background:var(--k-btn-light-bg-hover)!important;
  border-color:var(--k-btn-light-bg-hover)!important;
  color:var(--k-btn-light-text)!important;
}

/* Ghost — tylko na ciemnych powierzchniach */
body.katedra-site .k-preset-btn-ghost .et_pb_button,
body.katedra-site .katedra-button--ghost .et_pb_button{
  background:rgba(255,253,249,.06)!important;
  border-color:rgba(255,253,249,.52)!important;
  color:#FFFDF9!important;
  box-shadow:none!important;
}
body.katedra-site .k-preset-btn-ghost .et_pb_button:hover,
body.katedra-site .katedra-button--ghost .et_pb_button:hover{
  background:#FFFDF9!important;
  border-color:#FFFDF9!important;
  color:#4F1722!important;
}

/* Na bordowej sekcji domyślny CTA staje się złoty. */
body.katedra-site .katedra-section--burgundy .et_pb_button,
body.katedra-site .katedra-live-card .et_pb_button,
body.katedra-site .katedra-cta .et_pb_button{
  background:var(--k-btn-light-bg)!important;
  border-color:var(--k-btn-light-bg)!important;
  color:var(--k-btn-light-text)!important;
}
body.katedra-site .katedra-section--burgundy .et_pb_button:hover,
body.katedra-site .katedra-live-card .et_pb_button:hover,
body.katedra-site .katedra-cta .et_pb_button:hover{
  background:var(--k-btn-light-bg-hover)!important;
  border-color:var(--k-btn-light-bg-hover)!important;
  color:var(--k-btn-light-text)!important;
}

/* =========================================================
   TYPOGRAFIA / LINKI
   ========================================================= */
body.katedra-site a:not(.et_pb_button){
  text-underline-offset:3px;
  text-decoration-thickness:1px;
}
body.katedra-site .et_pb_text a:not(.et_pb_button){
  color:var(--k-burgundy)!important;
}
body.katedra-site .et_pb_text a:not(.et_pb_button):hover{
  color:var(--k-burgundy-dark)!important;
}

body.katedra-site :focus-visible{
  outline:2px solid var(--k-gold)!important;
  outline-offset:3px!important;
}
body.katedra-site .et_pb_button:focus-visible,
body.katedra-site .et_pb_button_module_wrapper a:focus-visible{
  outline:0!important;
}

/* =========================================================
   GLOBALNE KARTY
   ========================================================= */
body.katedra-site .k-preset-card,
body.katedra-site .katedra-info-card,
body.katedra-site .katedra-link-card,
body.katedra-site .katedra-feature-card,
body.katedra-site .katedra-contact-card{
  background:#FFFDF9!important;
  border:1px solid #DED4C6!important;
  border-radius:18px!important;
  box-shadow:0 12px 34px rgba(28,27,25,.075)!important;
}
body.katedra-site .k-preset-card-interactive,
body.katedra-site .katedra-link-card{
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
@media(hover:hover){
  body.katedra-site .k-preset-card-interactive:hover,
  body.katedra-site .katedra-link-card:hover{
    transform:translateY(-4px)!important;
    border-color:#D9C7A3!important;
    box-shadow:0 20px 48px rgba(28,27,25,.12)!important;
  }
}

/* =========================================================
   FORMULARZE / UI
   ========================================================= */
body.katedra-site input[type="text"],
body.katedra-site input[type="email"],
body.katedra-site input[type="tel"],
body.katedra-site input[type="url"],
body.katedra-site input[type="search"],
body.katedra-site textarea,
body.katedra-site select{
  min-height:48px;
  border:1px solid var(--k-line)!important;
  border-radius:12px!important;
  background:#FFFDF9!important;
  color:var(--k-ink)!important;
  font-family:"Plus Jakarta Sans",sans-serif!important;
  box-shadow:none!important;
}
body.katedra-site textarea{min-height:150px}
body.katedra-site input:focus,
body.katedra-site textarea:focus,
body.katedra-site select:focus{
  border-color:var(--k-gold)!important;
  outline:0!important;
  box-shadow:0 0 0 4px rgba(184,154,98,.18)!important;
}
body.katedra-site input[type="submit"],
body.katedra-site button[type="submit"]{
  min-height:48px!important;
  padding:12px 22px!important;
  border:1px solid var(--k-burgundy)!important;
  border-radius:999px!important;
  background:var(--k-burgundy)!important;
  color:#FFFDF9!important;
  font-family:"Plus Jakarta Sans",sans-serif!important;
  font-size:14px!important;
  font-weight:700!important;
  cursor:pointer!important;
}
body.katedra-site input[type="submit"]:hover,
body.katedra-site button[type="submit"]:hover{
  background:var(--k-burgundy-dark)!important;
  border-color:var(--k-burgundy-dark)!important;
}

/* =========================================================
   MOBILE
   ========================================================= */
@media(max-width:767px){
  body.katedra-site .et_pb_button_module_wrapper,
  body.katedra-site .katedra-button{
    margin-right:8px!important;
  }
  body.katedra-site .et_pb_button_module_wrapper .et_pb_button,
  body.katedra-site .katedra-button .et_pb_button,
  body.katedra-site .et_pb_button{
    min-height:46px!important;
    padding:11px 18px!important;
    font-size:13px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body.katedra-site .et_pb_button,
  body.katedra-site .k-preset-card-interactive,
  body.katedra-site .katedra-link-card{
    transition:none!important;
  }
}
