/*
 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
*/

.single_add_to_cart_button {background-color: var(--primary) !important;}
#menu-item-887 a {color:white!important;}

h1,h2,h3,h4 {font-weight:600;}
.wooco_total del {
  color: #888;              /* sivá farba pre starú cenu */
  font-size: 2rem;         /* o niečo menšie písmo */
  margin-right: 6px;        /* malý odstup od novej ceny */
}

.wooco_total ins {
  color: #000;              /* čierna farba pre novú cenu */
  font-size: 4rem;         /* väčšia ako pôvodná */
  font-weight: 600;         /* jemne zvýraznená */
  text-decoration: none;    /* odstráni podčiarknutie z <ins> */
}
.tech-param li::marker {display:none;}
.wooco-price-1158 {color: var(--dark)}

/* INTRO 4 stvorce */
/* premenná s tvojím gradientom */
:root{
  --mdm-blue-gradient: linear-gradient(
    175deg,
    #0f3a70 2%,
    #083a84 44%,
    #005ab3 52%,
    #00a2ff 98%
  );
  --split: 25px;   /* hrúbka bielych deliacich čiar */
}

/* OBAL – bez gapu/paddingu = nič sa veľkostne nemení */
.mdm-cards {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  overflow: hidden; /* nech sa pásy orežú */
}

/* 4 karty – každá „výrez“ z rovnakého plátna */
.mdm-card {
  background-image: var(--mdm-blue-gradient);
  background-repeat: no-repeat;
  background-size: 170% 170%; /* žiadne dopočty, nemení layout */
  justify-content: center!important;
}

/* štyri rohy plátna */
.mdm-card:nth-child(1){ background-position:   0%   0%; }
.mdm-card:nth-child(2){ background-position: 100%   0%; }
.mdm-card:nth-child(3){ background-position:   0% 100%; }
.mdm-card:nth-child(4){ background-position: 100% 100%; }

/* --- biele deliace pásy ako overlay (nemenia rozmery) --- */
.mdm-cards::before,
.mdm-cards::after{
  content:"";
  position:absolute;
  background:#fff;
  z-index:1;         /* nad gradientom, pod obsahom kariet */
  pointer-events:none;
}
.mdm-cards::before{  /* horizontálna */
  left:0; right:0; height:var(--split);
  top:calc(50% - var(--split)/2);
}
.mdm-cards::after{   /* vertikálna */
  top:0; bottom:0; width:var(--split);
  left:calc(50% - var(--split)/2);
}

/* --- mobil: 1 stĺpec, len horizontálne pásy medzi kartami --- */
@media (max-width: 640px){
  .mdm-cards{
    grid-template-columns: 1fr;
  }
  .mdm-cards::after{ display:none; } /* vertikálnu vypni */

  .mdm-card{ position:relative; }
  .mdm-card + .mdm-card::before{
    content:"";
    position:absolute;
    left:0; right:0;
    top:calc(-1 * var(--split));
    height:var(--split);
    background:#fff;
    z-index:1;
    pointer-events:none;
  }
}