.zae-siet-kalkulacka {
--zae-accent: #cf9053; --zae-text: #2b2b2b;
--zae-border: #e3e3e3;
--zae-border-focus: #b7b7b7;
--zae-radius: 2px;
margin: 24px 0;
max-width: 460px;
font-family: inherit;
}
.zae-siet-pole {
margin-bottom: 18px;
}
.zae-siet-pole label {
display: block;
font-weight: 600;
font-size: 13px;
letter-spacing: 0.02em;
text-transform: uppercase;
color: var(--zae-text);
margin-bottom: 8px;
}
.zae-siet-pole input,
.zae-siet-pole select {
width: 100%;
padding: 12px 14px;
box-sizing: border-box;
border: 1px solid var(--zae-border);
border-radius: var(--zae-radius);
background: #fff;
font-size: 15px;
color: var(--zae-text);
transition: border-color 0.15s ease;
appearance: none;
-webkit-appearance: none;
}
.zae-siet-pole select {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%232b2b2b' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 14px center;
padding-right: 36px;
}
.zae-siet-pole input:focus,
.zae-siet-pole select:focus {
outline: none;
border-color: var(--zae-accent);
}
.zae-siet-pole input:hover,
.zae-siet-pole select:hover {
border-color: var(--zae-border-focus);
}
.zae-siet-hlaska {
background: #fbeeee;
color: #a94442;
border-left: 3px solid #c0392b;
border-radius: var(--zae-radius);
padding: 12px 16px;
margin-bottom: 18px;
font-size: 14px;
line-height: 1.5;
}
.zae-siet-cena {
font-size: 24px;
font-weight: 600;
color: var(--zae-text);
margin: 20px 0;
padding-top: 16px;
border-top: 1px solid var(--zae-border);
}
.zae-siet-cena strong {
color: var(--zae-accent);
}
.zae-siet-kalkulacka .single_add_to_cart_button {
width: 100%;
text-align: center;
letter-spacing: 0.04em;
}
.zae-siet-montaz {
margin-top: 20px;
padding: 14px 16px;
background: #f7f5f2;
border-radius: var(--zae-radius);
font-size: 14px;
color: #555;
line-height: 1.6;
}
.zae-siet-montaz a {
color: var(--zae-accent);
font-weight: 600;
text-decoration: none;
}
.zae-siet-montaz a:hover {
text-decoration: underline;
} .zae-siet-sady .zae-siet-sada-volba {
display: block;
border: 1px solid var(--zae-border, #e3e3e3);
border-radius: 4px;
padding: 12px 14px;
margin-bottom: 8px;
cursor: pointer;
font-weight: 400;
text-transform: none;
letter-spacing: 0;
font-size: 15px;
line-height: 1.5;
}
.zae-siet-sady .zae-siet-sada-volba:hover {
border-color: var(--zae-accent, #cf9053);
}
.zae-siet-sada-nazov {
font-weight: 600;
}
.zae-siet-sada-nazov em {
font-style: normal;
color: var(--zae-accent, #cf9053);
font-weight: 600;
}
.zae-siet-sada-popis {
display: block;
font-size: 13.5px;
color: #666;
margin-top: 2px;
}
.zae-siet-sada-cena {
display: block;
margin-top: 4px;
font-weight: 600;
color: var(--zae-accent, #cf9053);
}
.zae-siet-rozpis {
margin: 14px 0 0;
padding: 12px 14px;
background: #f7f5f2;
border-radius: 4px;
font-size: 14px;
line-height: 1.7;
color: #555;
}
.zae-siet-rozpis span {
display: block;
} .zae-siet-montaz {
border: 1px solid var(--zae-border, #e3e3e3);
border-left: 3px solid var(--zae-accent, #cf9053);
border-radius: 4px;
background: #fbf8f4;
padding: 16px 18px;
margin-top: 20px;
color: #2b2b2b;
line-height: 1.6;
}
.zae-siet-montaz-nadpis {
margin: 0 0 6px;
font-size: 15.5px;
}
.zae-siet-montaz-nadpis strong {
color: var(--zae-accent, #cf9053);
font-size: 17px;
}
.zae-siet-montaz-odporucanie {
margin: 0 0 14px;
font-size: 14.5px;
color: #555;
}
a.zae-siet-montaz-button {
display: inline-block;
padding: 11px 20px;
border: 1px solid var(--zae-accent, #cf9053);
border-radius: 3px;
background: #fff;
color: var(--zae-accent, #cf9053) !important;
font-weight: 600;
font-size: 14.5px;
text-decoration: none !important;
transition: background .2s ease, color .2s ease;
}
a.zae-siet-montaz-button:hover {
background: var(--zae-accent, #cf9053);
color: #fff !important;
} .zae-siet-kalkulacka .zae-siet-pocet {
display: inline-flex !important;
align-items: stretch;
width: 168px !important;
max-width: 100%;
border: 1px solid var(--zae-accent, #cf9053);
border-radius: 3px;
overflow: hidden;
background: #fff;
vertical-align: middle;
}
.zae-siet-kalkulacka .zae-siet-pocet-btn {
flex: 0 0 46px !important;
width: 46px !important;
min-width: 46px !important;
max-width: 46px !important;
height: auto !important;
min-height: 0 !important;
align-self: stretch;
display: flex !important;
align-items: center;
justify-content: center;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: var(--zae-accent, #cf9053) !important;
color: #fff !important;
font-size: 20px !important;
font-weight: 600 !important;
line-height: 1 !important;
letter-spacing: 0 !important;
text-transform: none !important;
box-shadow: none !important;
cursor: pointer;
touch-action: manipulation;
-webkit-appearance: none;
appearance: none;
-webkit-user-select: none;
user-select: none;
transition: background .15s ease;
}
.zae-siet-kalkulacka .zae-siet-pocet-btn:hover,
.zae-siet-kalkulacka .zae-siet-pocet-btn:focus,
.zae-siet-kalkulacka .zae-siet-pocet-btn:active {
background: #b87c40 !important;
color: #fff !important;
box-shadow: none !important;
outline: none;
}
.zae-siet-kalkulacka .zae-siet-pocet input[type="number"] {
flex: 1 1 auto !important;
width: auto !important;
min-width: 0 !important;
height: 46px !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 4px !important;
border: 0 !important;
border-radius: 0 !important;
background: #fff !important;
box-shadow: none !important;
text-align: center;
font-size: 16px;
color: var(--zae-text, #2b2b2b);
-moz-appearance: textfield;
appearance: textfield;
}
.zae-siet-kalkulacka .zae-siet-pocet input[type="number"]::-webkit-outer-spin-button,
.zae-siet-kalkulacka .zae-siet-pocet input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.zae-siet-kalkulacka .zae-siet-pocet input[type="number"]:focus {
outline: none !important;
border: 0 !important;
box-shadow: none !important;
}