/*
 Theme Name:     DIVI-ScioArt
 Theme URI:      https://deusmedia.cz
 Description:    ScioArt šablona jako Child Theme pro DIVI 5
 Author:         Aleš Litvík - Deus Media
 Author URI:     https://deusmedia.cz   
 Template:       Divi
 Version:        1.0.0
*/

/* ==========================================================================
   ScioArt — Brand Tokens (CSS Proměnné)
   ========================================================================== */
:root {
  --sa-red:    #DE3C4B;
  --sa-orange: #E18314;
  --sa-purple: #8F00B2;
  --sa-green:  #058474;
  --sa-lila:   #CFA7DB;
  --sa-blue:   #4A80E8;
  --sa-black:  #111111;
  --sa-cream:  #F0E7E5;
}

/* Fallback pro písmo, pokud by nebylo nastaveno globálně v Divi */
body, p, li, input, select, textarea, button, .et_pb_text, h1, h2, h3, h4, h5, h6, .et_pb_button {
  font-family: 'Gotham Rounded', 'Nunito', -apple-system, sans-serif !important;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: 900 !important;
}

/* ==========================================================================
   Custom Efekty a Vizuální Úpravy (Tohle v Divi asi nenaklikám)
   ========================================================================== */

/* Studio card hover — plynulý posun nahoru a stín */
.scioart-studio-card { 
  transition: transform 0.2s ease, box-shadow 0.22s ease; 
}
.scioart-studio-card:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 24px 56px rgba(0,0,0,0.22) !important;
}

/* KOMPAS card hover — jemný posun nahoru */
.scioart-kompas { 
  transition: transform 0.2s ease; 
}
.scioart-kompas:hover { 
  transform: translateY(-3px) !important; 
}

/* Oddělovače sloupců ve statistice (Stats bar) */
#scioart-stats .et_pb_column + .et_pb_column {
  border-left: 1px solid rgba(255,255,255,0.08);
}

/* Full-bleed hero & stats (Roztažení sekcí na 100 % šířky) */
#scioart-hero .et_pb_row,
#scioart-stats .et_pb_row {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
}

/* Efekt při najetí na tlačítko */
.et_pb_button:hover { 
  opacity: 0.88; 
  transform: translateY(-2px); 
  transition: all 0.15s ease; 
}

/* Barva hvězdiček u referencí */
.sa-stars { 
  color: var(--sa-orange); /* Opraveno na použití definované proměnné */
}