.dnd-icon-remove.deleting { outline:none; font-family : inherit !important; font-size:12px; color:#000; font-weight:500; }
.dnd-icon-remove.deleting:before {content : '';}
.wpcf7-drag-n-drop-file.d-none {
display:none;
opacity:0;
visibility:hidden;
position:absolute;
top:0;
} .dnd-upload-status {
display:flex;
padding:4px 0;
align-items:center;
position:relative;
} .dnd-upload-status .dnd-upload-image {
width:40px;
height:40px;
border:1px solid #a5a5a5;
text-align:center;
border-radius:100%;
position:relative;
}
.dnd-upload-status .dnd-upload-image span.dnd-icon-blank-file {
background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='23' viewBox='0 0 18 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.569 0.659576H0.5V23H18V6.09053L12.569 0.659576ZM12.7872 1.93075L16.7288 5.87234H12.7872V1.93075ZM1.24468 22.2553V1.40426H12.0426V6.61702H17.2553V22.2553H1.24468Z' fill='%235C5B5B'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-size: 100%;
height: 21px;
width: 16px;
display: block;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-moz-transform : translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}
.dnd-upload-status .dnd-upload-image.has-bg {
border:0;
transition: transform 0.3s ease;
max-width:40px;
width:100%;
overflow:hidden;
position:relative;
}
.dnd-upload-status .dnd-upload-image.has-icon{ border:1px solid #dadada; }
.dnd-upload-status .dnd-upload-image.has-icon span.dnd-icon-blank-file {
height: 54px;
width: 38px;
}
.dnd-upload-status .dnd-upload-image.has-bg img {
max-height: 100%;
max-width: none;
left:50%;
top:50%;
position:absolute;
transform: translate(-50%, -50%);
}
.dnd-upload-status .dnd-upload-image.has-bg:hover {
transform: scale(1.5);
}
.dnd-upload-status .dnd-upload-image span {
font-size:20px;
color:#222;
position: absolute;
top: 50%;
transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
left: 50%;
} .dnd-upload-status._uploading .dnd-upload-image.has-bg:after{
content: '';
left:0;
right:0;
width:100%;
height:100%;
background:rgb(165 165 165 / 80%);
position: absolute;
} .dnd-upload-status .dnd-upload-details {
padding-left:10px;
width: calc(100% - 40px);
}
.dnd-upload-status .dnd-upload-details .name {color:#016d98; padding:4px 0; padding-right:25px; display:flex; }
.dnd-upload-status .dnd-upload-details .name span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative; padding-right:10px; }
.dnd-upload-status .dnd-upload-details .name em {color:#444242;	font-weight:700; } .dnd-upload-status .dnd-upload-details .remove-file {
position:absolute;
right:0;
top:10px;
text-decoration:none;
box-shadow:none;
outline:none;
}
.dnd-upload-status .dnd-upload-details .remove-file span:after {
content: '';
width:15px;
height:15px;
display: block;
background-repeat:no-repeat;
background-size:100%;
background-image: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 0C7.83499 0 0 7.83499 0 17.5C0 27.165 7.83499 35 17.5 35C27.165 35 35 27.165 35 17.5C34.9888 7.83965 27.1604 0.0112198 17.5 0ZM17.5 33.871C8.45857 33.871 1.12903 26.5414 1.12903 17.5C1.12903 8.45857 8.45857 1.12903 17.5 1.12903C26.5414 1.12903 33.871 8.45857 33.871 17.5C33.861 26.5373 26.5373 33.861 17.5 33.871Z' fill='black'/%3E%3Cpath d='M25.4834 9.51661C25.2629 9.29624 24.9056 9.29624 24.6852 9.51661L17.5 16.7018L10.3148 9.51661C10.0983 9.29236 9.74087 9.28615 9.51661 9.50271C9.29236 9.71927 9.28615 10.0767 9.50271 10.3009C9.50723 10.3057 9.51188 10.3103 9.51661 10.3148L16.7018 17.5L9.51661 24.6852C9.29236 24.9018 9.28615 25.2591 9.50278 25.4834C9.71941 25.7076 10.0768 25.7139 10.301 25.4972C10.3057 25.4927 10.3103 25.488 10.3148 25.4834L17.5 18.2982L24.6852 25.4834C24.9094 25.7 25.2668 25.6938 25.4834 25.4696C25.6947 25.2508 25.6947 24.9039 25.4834 24.6852L18.2982 17.5L25.4834 10.3148C25.7038 10.0944 25.7038 9.73705 25.4834 9.51661Z' fill='black'/%3E%3C/svg%3E%0A");
}
.dnd-upload-status .dnd-upload-details span.has-error { color:#f50505; } .dnd-upload-status .dnd-upload-details .dnd-progress-bar {
display: block;
border-radius: 5px;
overflow: hidden;
background: #565555;
height: 14px;
}
.dnd-upload-status .dnd-upload-details .dnd-progress-bar span {
background: #4CAF50;
display: block;
font-size: 11px;
text-align: right;
color: #fff;
height: 100%;
width:0;
line-height:14px;
}
.dnd-upload-status .dnd-upload-details .dnd-progress-bar span.complete { width:100%!important; padding-right:5px; }
.dnd-upload-counter { position:absolute; right:5px; bottom:3px; font-size:12px; } .codedropz-upload-handler {
border:2px dashed #c5c5c5;
border-radius:5px;
margin-bottom:10px;
position:relative;
}
.codedropz-upload-container {
padding:15px 20px;
}
.codedropz-upload-inner {
overflow:hidden;
width:100%;
white-space: nowrap;
text-align:center;
text-overflow: ellipsis;
font-weight:inherit;
}
.codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn {
text-decoration:none;
box-shadow:none;
}
.codedropz-upload-inner h3 {
margin:5px 0;
font-size:30px;
line-height:32px;
} .codedropz-dragover {
border-color:#6b6a6a;
}
.codedropz-upload-wrapper span.has-error-msg {
display:inline-block;
color:#ff0000;
padding:5px 0;
font-style:italic;
} .codedropz--preview { display:flex; flex-wrap:wrap; margin-left:-1%; margin-right:-1%; }
.codedropz--preview .dnd-upload-status .dnd-upload-details .name em,
.codedropz--preview .dnd-upload-status .dnd-upload-details .dnd-progress-bar { display:none; }
.codedropz--preview .dnd-upload-status { display:block; margin:0 1%; width:calc( 84% / 8 ); }
.codedropz--preview .dnd-upload-status .dnd-upload-image span.cd-ext {
opacity: 1; z-index: 1; color: #fff; background: #FF630B; width: 60px; line-height: 16px; top: 60%;font-size: 12px; text-transform: uppercase;
}
.codedropz--preview .dnd-upload-status .dnd-upload-image.has-bg { height:100px; max-width:none; border-radius:0; }
.codedropz--preview .dnd-upload-status .dnd-upload-image.has-bg img { border-radius:3px;}
.codedropz--preview .dnd-upload-status .dnd-upload-image.has-bg:hover { transform:none; }
.codedropz--preview .dnd-upload-status .dnd-upload-details { width:100%; padding:2px 0; }
.codedropz--preview .dnd-upload-status .dnd-upload-details .name { padding:0; font-size:14px; }
.codedropz--preview .dnd-upload-status .dnd-upload-details .name span { padding-right:0; }
.codedropz--preview .dnd-upload-status .dnd-upload-details .remove-file { color:#fff; top:-6px; right:-6px; }
.codedropz--preview .dnd-upload-status .dnd-upload-details .remove-file.deleting { right:auto; transform:translate(-40%, -50%); top:40%; left:50%; background-color:#424242; padding:0 3px; }
.codedropz--preview .dnd-upload-status .dnd-upload-details .remove-file span { background-color:#8e8b8b; border-radius:100%; transition:color 1s ease-in-out;}
.codedropz--preview .dnd-upload-status .dnd-upload-details .remove-file span:hover { background-color:#fb0303;}
@media screen and (max-width: 767px) {
.dnd-upload-status .dnd-upload-details .name em { font-weight:normal; }
.dnd-upload-status .dnd-upload-details .name { padding-right:60px; }
.codedropz-upload-inner h3 { font-size:22px; }
} .codedropz-theme-dark .codedropz-upload-inner{
color:#fff;
}
.codedropz-theme-dark .codedropz-upload-handler{
background-color:#000;
}.wom-form-wrapper,
.wom-form-wrapper *,
.wom-list-wrapper,
.wom-list-wrapper *,
.wom-single-wrapper,
.wom-single-wrapper * {
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
} .wom-form-wrapper {
max-width: 680px;
margin: 0 auto 48px;
padding: 36px 32px 32px;
background: #ffffff;
border-radius: 16px;
border: 1px solid #e2e2e2;
box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 6px 24px rgba(0,0,0,0.03);
}
.wom-form-title {
margin: 0 0 28px;
font-size: 1.6em;
font-weight: 800;
color: #1a1a1a;
letter-spacing: -0.02em;
line-height: 1.2;
} .wom-field {
margin-bottom: 22px;
}
.wom-field label {
display: block;
margin-bottom: 8px;
font-weight: 600;
font-size: 0.92em;
color: #1a1a1a;
letter-spacing: 0.01em;
}
.wom-field label small {
font-weight: 400;
color: #888;
}
.wom-field input[type="text"],
.wom-field input[type="email"],
.wom-field input[type="number"],
.wom-field textarea {
width: 100%;
padding: 12px 16px;
border: 1.5px solid #d4d4d4;
border-radius: 10px;
font-size: 0.98em;
font-family: inherit;
color: #1a1a1a;
background: #fafafa;
transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
box-sizing: border-box;
line-height: 1.5;
}
.wom-field input[type="text"]:hover,
.wom-field input[type="email"]:hover,
.wom-field input[type="number"]:hover,
.wom-field textarea:hover {
border-color: #b0b0b0;
background: #fff;
}
.wom-field input:focus,
.wom-field textarea:focus {
outline: none;
border-color: #a30000;
background: #fff;
box-shadow: 0 0 0 3px rgba(163, 0, 0, 0.08);
}
.wom-field input::placeholder,
.wom-field textarea::placeholder {
color: #aaa;
}
.wom-field textarea {
resize: vertical;
min-height: 120px;
}
.wom-field-hint {
display: block;
margin-top: 6px;
font-size: 0.82em;
color: #888;
line-height: 1.4;
}
.required {
color: #c0392b;
font-weight: 700;
} .wom-dropzone {
border: 2px dashed #ccc;
border-radius: 14px;
padding: 36px 24px;
text-align: center;
cursor: pointer;
transition: border-color 0.25s ease, background 0.25s ease, transform 0.15s ease;
position: relative;
background: #fafafa;
}
.wom-dropzone:hover {
border-color: #a30000;
background: #fff5f5;
}
.wom-dropzone.dragover {
border-color: #a30000;
background: #fff0f0;
transform: scale(1.005);
box-shadow: 0 0 0 4px rgba(163, 0, 0, 0.06);
}
.wom-dropzone-text {
color: #777;
pointer-events: none;
}
.wom-dropzone-text svg {
display: block;
margin: 0 auto 14px;
color: #bbb;
width: 44px;
height: 44px;
}
.wom-dropzone:hover .wom-dropzone-text svg {
color: #a30000;
}
.wom-dropzone-text p {
margin: 0 0 6px;
font-size: 0.95em;
color: #555;
}
.wom-dropzone-text small {
font-size: 0.82em;
color: #999;
}
.wom-dropzone-link {
color: #a30000;
text-decoration: underline;
text-underline-offset: 2px;
font-weight: 600;
cursor: pointer;
}
.wom-file-input {
position: absolute;
inset: 0;
opacity: 0;
cursor: pointer;
} .wom-previews {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 14px;
}
.wom-preview-item {
position: relative;
width: 88px;
height: 88px;
border-radius: 10px;
overflow: hidden;
border: 2px solid #e5e5e5;
background: #f5f5f5;
transition: border-color 0.2s;
}
.wom-preview-item:hover {
border-color: #c0392b;
}
.wom-preview-item img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.wom-preview-remove {
position: absolute;
top: 5px;
right: 5px;
width: 22px;
height: 22px;
background: rgba(0,0,0,0.55);
color: #fff;
border: none;
border-radius: 50%;
font-size: 13px;
line-height: 22px;
text-align: center;
cursor: pointer;
padding: 0;
transition: background 0.2s;
backdrop-filter: blur(4px);
}
.wom-preview-remove:hover {
background: #c0392b;
}
.wom-preview-spinner {
position: absolute;
inset: 0;
background: rgba(255,255,255,0.85);
display: flex;
align-items: center;
justify-content: center;
backdrop-filter: blur(2px);
}
.wom-spinner {
width: 22px;
height: 22px;
border: 2.5px solid #e5e5e5;
border-top-color: #a30000;
border-radius: 50%;
animation: wom-spin 0.65s linear infinite;
}
@keyframes wom-spin {
to { transform: rotate(360deg); }
} .wom-captcha-field input[type="number"] {
max-width: 110px;
text-align: center;
font-weight: 700;
font-size: 1.1em;
letter-spacing: 0.05em;
} .wom-gdpr-field {
margin-top: 24px;
margin-bottom: 24px;
}
.wom-checkbox-label {
display: flex;
gap: 12px;
align-items: flex-start;
font-weight: 400 !important;
font-size: 0.88em;
line-height: 1.55;
color: #555;
cursor: pointer;
}
.wom-checkbox-label input[type="checkbox"] {
margin-top: 2px;
flex-shrink: 0;
width: 18px;
height: 18px;
accent-color: #a30000;
cursor: pointer;
}
.wom-checkbox-label a {
color: #a30000;
font-weight: 600;
text-decoration: underline;
text-underline-offset: 2px;
} .wom-submit-btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 14px 40px;
color: #fff;
background: #a30000;
border: none;
border-radius: 12px;
font-size: 1.05em;
font-weight: 700;
cursor: pointer;
transition: background 0.2s ease, transform 0.1s ease, box-shadow 0.2s ease;
letter-spacing: 0.01em;
min-height: 50px;
box-shadow: 0 2px 8px rgba(163, 0, 0, 0.15);
}
.wom-submit-btn:hover {
background: #8b0000;
box-shadow: 0 4px 16px rgba(163, 0, 0, 0.2);
transform: translateY(-1px);
}
.wom-submit-btn:active {
transform: translateY(0);
box-shadow: 0 1px 4px rgba(163, 0, 0, 0.15);
}
.wom-submit-btn:disabled {
opacity: 0.55;
cursor: not-allowed;
transform: none;
box-shadow: none;
} .wom-form-message {
margin-top: 20px;
padding: 16px 20px;
border-radius: 12px;
font-size: 0.94em;
line-height: 1.55;
font-weight: 500;
animation: wom-fadeIn 0.3s ease;
}
@keyframes wom-fadeIn {
from { opacity: 0; transform: translateY(-6px); }
to   { opacity: 1; transform: translateY(0); }
}
.wom-form-message.success {
background: #ecfdf5;
color: #065f46;
border: 1px solid #a7f3d0;
}
.wom-form-message.success::before {
content: "\2714\FE0F";
margin-right: 8px;
}
.wom-form-message.error {
background: #fef2f2;
color: #991b1b;
border: 1px solid #fecaca;
}
.wom-form-message.error::before {
content: "\26A0\FE0F";
margin-right: 8px;
} .wom-separator {
border: none;
border-top: 1px solid #e5e5e5;
margin: 48px auto;
max-width: 900px;
}
.wom-list-wrapper {
max-width: 900px;
margin: 0 auto;
}
.wom-list-header {
margin-bottom: 28px;
}
.wom-list-title {
margin: 0 0 20px;
font-size: 1.5em;
font-weight: 800;
color: #1a1a1a;
letter-spacing: -0.02em;
} .wom-search-form {
display: flex;
gap: 10px;
margin-bottom: 18px;
}
.wom-search-input {
flex: 1;
padding: 12px 16px;
border: 1.5px solid #d4d4d4;
border-radius: 10px;
font-size: 0.95em;
font-family: inherit;
color: #1a1a1a;
background: #fafafa;
transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
}
.wom-search-input:focus {
outline: none;
border-color: #a30000;
background: #fff;
box-shadow: 0 0 0 3px rgba(163, 0, 0, 0.08);
}
.wom-search-btn {
padding: 12px 24px;
background: #1a1a1a;
color: #fff;
border: none;
border-radius: 10px;
cursor: pointer;
font-size: 0.92em;
font-weight: 600;
transition: background 0.2s, transform 0.1s;
white-space: nowrap;
}
.wom-search-btn:hover {
background: #333;
transform: translateY(-1px);
}
.wom-search-btn:active {
transform: translateY(0);
} .wom-list-toolbar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
flex-wrap: wrap;
}
.wom-ask-btn {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 10px 24px;
background: #a30000;
color: #fff !important;
border: none;
border-radius: 10px;
font-size: 0.92em;
font-weight: 700;
text-decoration: none !important;
cursor: pointer;
transition: background 0.2s, transform 0.1s, box-shadow 0.2s;
white-space: nowrap;
box-shadow: 0 2px 8px rgba(163, 0, 0, 0.12);
}
.wom-ask-btn:hover {
background: #8b0000;
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(163, 0, 0, 0.18);
color: #fff !important;
}
.wom-ask-btn:active {
transform: translateY(0);
} .wom-sort-options {
display: flex;
gap: 0;
align-items: center;
font-size: 0.88em;
flex-wrap: wrap;
background: #f5f5f5;
border-radius: 10px;
padding: 4px;
border: 1px solid #e5e5e5;
}
.wom-sort-options > span {
color: #888;
font-weight: 500;
padding: 0 12px 0 8px;
font-size: 0.9em;
}
.wom-sort-options a {
color: #666;
text-decoration: none;
padding: 8px 18px;
border-radius: 8px;
transition: background 0.2s, color 0.2s, box-shadow 0.2s;
font-weight: 500;
text-align: center;
}
.wom-sort-options a:hover {
background: #fff;
color: #1a1a1a;
box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}
.wom-sort-options a.active {
background: #fff;
color: #1a1a1a;
font-weight: 700;
box-shadow: 0 1px 4px rgba(0,0,0,0.08);
} .wom-questions-list {
margin-top: 16px;
display: flex;
flex-direction: column;
gap: 12px;
}
.wom-question-card {
display: flex;
gap: 18px;
padding: 20px 22px;
background: #fff;
border: 1px solid #ebebeb;
border-radius: 14px;
transition: border-color 0.2s, box-shadow 0.2s;
}
.wom-question-card:hover {
border-color: #d4d4d4;
box-shadow: 0 2px 12px rgba(0,0,0,0.04);
}
.wom-card-vote {
flex-shrink: 0;
display: flex;
align-items: flex-start;
padding-top: 4px;
}
.wom-card-content {
flex: 1;
min-width: 0;
}
.wom-card-title {
margin: 0 0 6px;
font-size: 1.08em;
font-weight: 700;
line-height: 1.4;
}
.wom-card-title a {
color: #1a1a1a;
text-decoration: none;
transition: color 0.15s;
}
.wom-card-title a:hover {
color: #a30000;
}
.wom-card-meta {
font-size: 0.8em;
color: #aaa;
margin-bottom: 8px;
display: flex;
gap: 6px;
flex-wrap: wrap;
align-items: center;
}
.wom-card-meta .wom-meta-author {
font-weight: 600;
color: #777;
}
.wom-card-meta .wom-meta-author::after {
content: "\00B7";
margin-left: 6px;
color: #ccc;
}
.wom-card-excerpt {
color: #666;
font-size: 0.9em;
line-height: 1.6;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
} .wom-vote-btn {
display: flex;
flex-direction: column;
align-items: center;
gap: 3px;
padding: 10px 14px;
border: 1.5px solid #e5e5e5;
border-radius: 12px;
background: #fafafa;
cursor: pointer;
font-size: 0.82em;
transition: all 0.2s ease;
white-space: nowrap;
color: #888;
user-select: none;
min-width: 52px;
}
.wom-vote-btn:hover {
border-color: #a30000;
color: #a30000;
background: #fff5f5;
transform: translateY(-1px);
box-shadow: 0 3px 10px rgba(163, 0, 0, 0.06);
}
.wom-vote-btn.active {
background: #a30000;
border-color: #a30000;
color: #fff;
box-shadow: 0 2px 8px rgba(163, 0, 0, 0.18);
}
.wom-vote-btn.active:hover {
background: #8b0000;
border-color: #8b0000;
color: #fff;
}
.wom-vote-icon {
font-size: 1.15em;
line-height: 1;
}
.wom-vote-count {
font-weight: 800;
font-size: 1em;
line-height: 1;
}
.wom-vote-label {
font-weight: 600;
} .wom-pagination {
margin-top: 36px;
padding-top: 24px;
text-align: center;
border-top: 1px solid #ebebeb;
}
.wom-pagination .page-numbers {
display: inline-block;
padding: 9px 15px;
margin: 0 3px;
border: 1.5px solid #d4d4d4;
border-radius: 8px;
text-decoration: none;
color: #555;
font-size: 0.88em;
font-weight: 500;
transition: all 0.2s;
}
.wom-pagination .page-numbers.current {
background: #a30000;
color: #fff;
border-color: #a30000;
font-weight: 700;
}
.wom-pagination .page-numbers:hover:not(.current) {
background: #f5f5f5;
border-color: #bbb;
color: #1a1a1a;
} .wom-no-results {
text-align: center;
color: #999;
padding: 56px 20px;
font-size: 1em;
line-height: 1.6;
} .wom-single-wrapper {
max-width: 780px;
margin: 0 auto;
padding: 0 20px;
} .wom-breadcrumbs {
font-size: 0.84em;
color: #999;
margin-bottom: 28px;
line-height: 1.6;
}
.wom-breadcrumbs a {
color: #a30000;
text-decoration: none;
transition: color 0.15s;
}
.wom-breadcrumbs a:hover {
color: #8b0000;
text-decoration: underline;
text-underline-offset: 2px;
}
.wom-breadcrumb-sep {
margin: 0 8px;
color: #ccc;
}
.wom-breadcrumb-current {
color: #666;
} .wom-single-title {
font-size: 1.85em;
font-weight: 800;
margin: 0 0 18px;
line-height: 1.3;
color: #1a1a1a;
letter-spacing: -0.02em;
} .wom-single-meta {
display: flex;
gap: 20px;
font-size: 0.88em;
color: #999;
margin-bottom: 28px;
flex-wrap: wrap;
}
.wom-single-meta strong {
color: #1a1a1a;
font-weight: 600;
} .wom-single-question-text {
margin-bottom: 28px;
line-height: 1.75;
font-size: 1.02em;
color: #333;
} .wom-single-images {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-bottom: 28px;
}
.wom-image-link {
display: block;
border-radius: 10px;
overflow: hidden;
border: 1px solid #e5e5e5;
transition: box-shadow 0.2s, transform 0.15s;
}
.wom-image-link:hover {
box-shadow: 0 4px 16px rgba(0,0,0,0.1);
transform: translateY(-2px);
}
.wom-single-image {
max-width: 300px;
max-height: 250px;
object-fit: cover;
display: block;
} .wom-single-vote {
margin: 32px 0;
text-align: center;
}
.wom-single-vote .wom-vote-btn {
padding: 14px 28px;
font-size: 1.05em;
border-radius: 14px;
} .wom-single-answer {
background: #f8fdf9;
border: 1px solid #d4edda;
border-radius: 16px;
padding: 28px;
margin: 32px 0;
}
.wom-single-answer h2 {
margin: 0 0 18px;
font-size: 1.25em;
font-weight: 700;
color: #1a1a1a;
}
.wom-answer-content {
line-height: 1.75;
font-size: 1.02em;
color: #333;
}
.wom-answer-content p {
margin-bottom: 14px;
}
.wom-answer-content p:last-child {
margin-bottom: 0;
}
.wom-answer-meta {
margin-top: 20px;
padding-top: 14px;
border-top: 1px solid #e8f5e9;
font-size: 0.82em;
color: #999;
} .wom-related {
margin-top: 40px;
padding-top: 28px;
border-top: 1px solid #e5e5e5;
}
.wom-related h2 {
font-size: 1.15em;
font-weight: 700;
margin: 0 0 18px;
color: #1a1a1a;
}
.wom-related-list {
list-style: none;
padding: 0;
margin: 0;
}
.wom-related-list li {
margin-bottom: 12px;
padding-left: 18px;
position: relative;
}
.wom-related-list li::before {
content: "→";
position: absolute;
left: 0;
color: #ccc;
font-size: 0.9em;
}
.wom-related-list a {
color: #a30000;
text-decoration: none;
font-size: 0.98em;
font-weight: 500;
transition: color 0.15s;
}
.wom-related-list a:hover {
color: #8b0000;
text-decoration: underline;
text-underline-offset: 2px;
} .wom-confirmation-message {
max-width: 560px;
margin: 48px auto;
padding: 32px;
border-radius: 16px;
text-align: center;
font-size: 1.05em;
line-height: 1.6;
}
.wom-confirmation-message.wom-success {
background: #ecfdf5;
color: #065f46;
border: 1px solid #a7f3d0;
}
.wom-confirmation-message.wom-error {
background: #fef2f2;
color: #991b1b;
border: 1px solid #fecaca;
} @media (max-width: 768px) {
.wom-form-wrapper {
padding: 24px 20px 20px;
margin-bottom: 36px;
border-radius: 12px;
}
.wom-form-title {
font-size: 1.35em;
margin-bottom: 22px;
}
.wom-field {
margin-bottom: 18px;
}
.wom-dropzone {
padding: 28px 16px;
}
.wom-submit-btn {
width: 100%;
padding: 14px 24px;
}
.wom-search-form {
flex-direction: column;
}
.wom-search-btn {
width: 100%;
}
.wom-sort-options {
gap: 4px;
}
.wom-sort-options a {
padding: 5px 10px;
font-size: 0.85em;
}
.wom-question-card {
flex-direction: column;
gap: 14px;
padding: 18px 0;
}
.wom-single-wrapper {
padding: 0 16px;
}
.wom-single-title {
font-size: 1.4em;
}
.wom-single-answer {
padding: 22px 18px;
border-radius: 12px;
}
.wom-single-images {
gap: 8px;
}
.wom-single-image {
max-width: 100%;
max-height: 200px;
}
.wom-preview-item {
width: 72px;
height: 72px;
}
.wom-confirmation-message {
margin: 32px 16px;
padding: 24px 20px;
}
.wom-separator {
margin: 36px auto;
}
}
@media (max-width: 400px) {
.wom-form-wrapper {
padding: 20px 16px;
}
.wom-sort-options a {
padding: 4px 8px;
font-size: 0.82em;
}
}