/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* @link https://utopia.fyi/type/calculator?c=350,16,1.067,1370,16,1.25,7,4,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */

:root {
  --step--4: clamp(0.4096rem, 0.8957rem + -0.5677vw, 0.7715rem);
  --step--3: clamp(0.512rem, 0.93rem + -0.4882vw, 0.8232rem);
  --step--2: clamp(0.64rem, 0.9601rem + -0.3739vw, 0.8784rem);
  --step--1: clamp(0.8rem, 0.9843rem + -0.2152vw, 0.9372rem);
  --step-0: clamp(1rem, 1rem + 0vw, 1rem);
  --step-1: clamp(1.067rem, 1.0042rem + 0.2871vw, 1.25rem);
  --step-2: clamp(1.1385rem, 0.993rem + 0.6651vw, 1.5625rem);
  --step-3: clamp(1.2148rem, 0.9614rem + 1.1582vw, 1.9531rem);
  --step-4: clamp(1.2962rem, 0.9032rem + 1.7965vw, 2.4414rem);
  --step-5: clamp(1.383rem, 0.8104rem + 2.6177vw, 3.0518rem);
  --step-6: clamp(1.4757rem, 0.6731rem + 3.6691vw, 3.8147rem);
  --step-7: clamp(1.5745rem, 0.4786rem + 5.0099vw, 4.7684rem);
}
/* === OBRÁZEK – ořez při zoomu === */
.obrazek img {
 transition: transform 0.5s ease;

}
.service-box:hover .obrazek img {
  transform: scale(1.1);
}

/* === ČÍSLO – skryté, vyjíždí zleva === */
.service-number {
  transform: translateX(-20px);
  opacity: 0;
  position: absolute;
  transition: all 0.5s ease;
}
.service-box:hover .service-number {
  transform: translateX(0);
  opacity: 1;
}

/* === NADPIS (header) – zarovnán vlevo, posun při hoveru === */
.header {
  text-align: left;
  transition: transform 0.5s ease;
  transform: translateX(0);
}
.service-box:hover .header {
  transform: translateX(50px); /* uprav podle délky čísla */
}

/* === ČÁRA – šedá s černým nájezdem === */
.service-line {
  position: relative;
  height: 2px;
  background-color: #fff;
  overflow: hidden;
}
.service-line::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: #00ccff;
  transition: all 0.5s ease;
}
.service-box:hover .service-line::before {
  left: 0;
}