[tdc_zone type=”tdc_content”][vc_row][vc_column width=”1/1″][td_block_homepage_full_1][/vc_column][/vc_row][vc_row el_class=”td-ss-row”][vc_column width=”2/3″][td_block_2 category_id=”” limit=”6″ custom_title=”NEPROPÁSNĚTE” td_ajax_filter_type=”td_category_ids_filter” td_ajax_filter_ids=”” td_filter_default_txt=”All” ajax_pagination=”next_prev” border_top=”no_border_top” sort=”random_posts”][td_block_15 category_id=”” limit=”6″ custom_title=”ZDRAVÍ & ŽIVOTNÍ STYL” td_filter_default_txt=”All” ajax_pagination=”next_prev” sort=”random_posts”][/vc_column][vc_column width=”1/3″][td_block_ad_box spot_id=”sidebar”][td_block_1 sort=”random_posts” limit=”3″ custom_title=”JÍDLO” td_filter_default_txt=”All”][/vc_column][/vc_row][vc_row el_class=”td-top-border”][vc_column width=”1/1″][td_block_ad_box spot_id=”custom_ad_2″][/vc_column][/vc_row][/tdc_zone]
.mow_fn_comments,
.comment-list,
.comment_top {
box-sizing: border-box;
}
.mow_fn_comments {
margin-top: 40px;
}
.comment_top {
border-top: 1px solid rgba(255,255,255,0.08);
padding-top: 30px;
}
.respond-title {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
gap: 10px;
}
.respond-title .fn_title {
font-size: 18px;
font-weight: 600;
margin: 0;
}
.respond-title .text {
font-size: 13px;
cursor: pointer;
opacity: 0.8;
}
.comment-list ul,
.comment-list li {
list-style: none;
margin: 0;
padding: 0;
}
.comment-list .list {
display: flex;
flex-direction: column;
gap: 20px;
}
.comment-body {
display: flex;
flex-direction: column;
gap: 10px;
padding: 16px 0;
border-top: 1px solid rgba(255,255,255,0.08);
}
.comment-top {
display: flex;
gap: 16px;
align-items: flex-start;
}
.comment-avatar .img img {
border-radius: 50%;
width: 56px;
height: 56px;
object-fit: cover;
}
.comment-text-wrap {
flex: 1;
}
.comment-data {
display: flex;
flex-direction: column;
gap: 4px;
}
.comment-data .author {
font-size: 15px;
font-weight: 600;
margin: 0;
}
.comment-data .author_meta {
font-size: 12px;
opacity: 0.75;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
}
.comment-data .comment-reply {
display: inline-flex;
align-items: center;
gap: 4px;
cursor: pointer;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.04em;
}
.comment-data .comment-reply svg {
width: 14px;
height: 14px;
}
.comment-text {
margin-left: 72px;
font-size: 14px;
line-height: 1.6;
}
.comment-text .waiting {
display: inline-block;
font-size: 12px;
margin-bottom: 4px;
color: #f0c674;
}
.comment-text .desc p {
margin: 0 0 5px 0;
}
.comment-navigation {
display: flex;
justify-content: space-between;
margin-top: 20px;
font-size: 14px;
}
.comment-navigation a {
text-decoration: none;
}
.mow_fn_comment_form,
.comment-respond {
margin-top: 30px;
}
.comment-title {
display: block;
font-size: 18px;
font-weight: 600;
margin-bottom: 15px;
}
.comment-form {
display: flex;
flex-wrap: wrap;
gap: 16px;
}
.input-holder {
width: 100%;
}
.input-half {
width: calc(50% - 8px);
}
.input-holder input.com-text,
.input-holder textarea.com-textarea {
width: 100%;
padding: 10px 12px;
font-size: 14px;
border-radius: 4px;
border: 1px solid rgba(255,255,255,0.15);
background: rgba(0,0,0,0.15);
color: inherit;
outline: none;
transition: border-color 0.2s ease, background 0.2s ease;
}
.input-holder input.com-text::placeholder,
.input-holder textarea.com-textarea::placeholder {
opacity: 0.6;
}
.input-holder input.com-text:focus,
.input-holder textarea.com-textarea:focus {
border-color: rgba(255,255,255,0.5);
background: rgba(0,0,0,0.3);
}
.input-holder textarea.com-textarea {
min-height: 120px;
resize: vertical;
}
.input-holder.input-submit {
margin-top: 8px;
}
.mow_submit input[type="submit"] {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 150px;
padding: 10px 20px;
font-size: 14px;
font-weight: 600;
border-radius: 999px;
border: none;
cursor: pointer;
text-transform: uppercase;
letter-spacing: 0.05em;
background: #ffffff;
color: #000000;
transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease, color 0.15s ease;
}
.mow_submit input[type="submit"]:hover {
transform: translateY(-1px);
box-shadow: 0 8px 20px rgba(0,0,0,0.25);
}
.mow_submit input[type="submit"]:active {
transform: translateY(0);
box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}
.nocomments {
margin-top: 20px;
font-size: 14px;
opacity: 0.8;
}
/* Honeypot – schované pole */
.mow_hp_field {
position: absolute;
left: -9999px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
@media (max-width: 600px) {
.comment-top {
align-items: flex-start;
}
.comment-text {
margin-left: 0;
}
.input-half {
width: 100%;
}
}
