/* === LIGHT THEME STYLING === */
/* --- RADIO odpovede --- */
.t-radio__item,
label.t-radio__control {
display: flex;
align-items: center;
gap: 8px;
padding: 12px 18px;
border-radius: 16px !important;
border: 1px solid rgba(184,137,46,0.25) !important;
transition: all 0.3s ease;
cursor: pointer;
color: #1a1814 !important;
background-color: #fdf6e7 !important;
overflow: hidden !important;
}
.t-radio__item:hover,
label.t-radio__control:hover {
background-color: rgba(184,137,46,0.1) !important;
box-shadow: 0 0 18px rgba(184,137,46,0.3) !important;
border-color: #b8892e !important;
transform: scale(1.02);
border-radius: 16px !important;
}
.t-radio__indicator {
border: 2px solid rgba(184,137,46,0.4) !important;
transition: all 0.3s ease;
background-image: none !important;
border-radius: 50% !important;
}
.t-radio__item input:checked + .t-radio__indicator {
background-color: #b8892e !important;
box-shadow: 0 0 20px rgba(184,137,46,0.5);
border-color: #b8892e;
background-image: none !important;
}
/* --- CHECKBOXY --- */
.t-checkbox__item,
label.t-checkbox__control {
display: flex;
align-items: center;
gap: 8px;
padding: 12px 18px;
border-radius: 16px !important;
border: 1px solid rgba(184,137,46,0.25) !important;
transition: all 0.3s ease;
cursor: pointer;
color: #1a1814 !important;
background-color: #fdf6e7 !important;
overflow: hidden !important;
}
.t-checkbox__item:hover,
label.t-checkbox__control:hover {
background-color: rgba(184,137,46,0.1) !important;
box-shadow: 0 0 20px rgba(184,137,46,0.35) !important;
border-color: #b8892e !important;
transform: scale(1.02);
border-radius: 16px !important;
}
.t-checkbox__indicator {
border: 2px solid rgba(184,137,46,0.4) !important;
transition: all 0.25s ease;
background-image: none !important;
border-radius: 4px !important;
}
.t-checkbox:checked + .t-checkbox__indicator {
background-color: #b8892e !important;
box-shadow: 0 0 25px rgba(184,137,46,0.5);
border-color: #b8892e !important;
background-image: none !important;
}
/* --- Tlačidlá --- */
:root {
--BtnBGColorShape: #b8892e;
--BtnBGColorShapeHover: #d4a444;
--BtnColorShape: #fff;
--BtnColorShapeHover: #fff;
--BtnRadius: 16px;
}
.btn-left-line-mt {
border-radius: var(--BtnRadius);
overflow: hidden !important;
}
.btn-left-line-mt .tn-atom {
background-color: transparent !important;
color: var(--BtnColorShape) !important;
position: relative;
}
.btn-left-line-mt .tn-atom:after {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
background-color: var(--BtnBGColorShapeHover);
left: 0;
top: 0;
border-radius: 0px var(--BtnRadius) var(--BtnRadius) 0px;
z-index: -1;
transform: translate(-105%, 0);
transition: transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.btn-left-line-mt .tn-atom:before {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
background-color: var(--BtnBGColorShape);
left: 0;
top: 0;
border-radius: var(--BtnRadius);
z-index: -2;
}
.btn-left-line-mt:hover .tn-atom:after {
transform: translate(0%, 0);
}
.btn-left-line-mt:hover .tn-atom {
color: var(--BtnColorShapeHover) !important;
}
/* ✅ Odstránenie rámčeka u položky "Iné" */
.t-radio__ownvariant_withlabel .t-radio__control {
border: none !important;
box-shadow: none !important;
background: transparent !important;
transform: none !important;
}
.t-radio__ownvariant_withlabel .t-radio__control:hover {
border: none !important;
box-shadow: none !important;
background: transparent !important;
transform: none !important;
}
.t-radio__ownvariant_withlabel .t-input-ownanswer {
border: none !important;
box-shadow: none !important;
background: transparent !important;
outline: none !important;
color: #1a1814 !important;
}
