.qfd-widget {
    max-width: 700px;
    margin: 0 auto;
    font-family: inherit;
}

.qfd-date-nav {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
}

.qfd-nav-btn {
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid #2d6987;
    border-radius: 4px;
    background-color: #2d6987;
    color: #fff !important;
    font-weight: 600;
    text-decoration: none !important;
    white-space: nowrap;
}

.qfd-nav-btn:hover {
    background-color: #1f4d63;
    border-color: #1f4d63;
}

.qfd-date-heading {
    font-size: 26px;
    font-weight: 700;
    color: #333;
    text-align: center;
    margin: 0 0 20px;
}

.qfd-jump {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e0ddd3;
    flex-wrap: wrap;
    font-size: 14px;
    color: #5d5953;
}

.qfd-jump input[type="date"] {
    padding: 6px 10px;
    border: 1px solid #dcdbd7;
    border-radius: 4px;
}

.qfd-jump button {
    padding: 6px 16px;
    border: none;
    border-radius: 4px;
    background-color: #5d5953;
    color: #fff;
    cursor: pointer;
}

.qfd-jump button:hover {
    background-color: #454239;
}

.qfd-quote {
    margin: 0 0 20px;
    padding: 25px 30px;
    background-color: #fff;
    border: 1px solid #e0ddd3;
    border-left: 4px solid #9b9793;
    border-radius: 6px;
}

.qfd-quote-text {
    font-size: 20px;
    line-height: 1.5;
    color: #333;
    margin: 0 0 12px;
}

.qfd-quote-author {
    font-size: 15px;
    color: #5d5953;
}

.qfd-quote-author a {
    color: #2d6987;
    font-weight: 600;
    text-decoration: none;
}

.qfd-quote-author a:hover {
    text-decoration: underline;
}

.qfd-taxonomies {
    font-size: 13px;
    color: #9b9793;
    margin-bottom: 20px;
}

.qfd-tax-group {
    display: block;
    margin-bottom: 3px;
}

.qfd-tax-label {
    font-weight: 600;
    color: #5d5953;
}

.qfd-taxonomies a {
    color: #2d6987;
    text-decoration: none;
}

.qfd-taxonomies a:hover {
    text-decoration: underline;
}

.qfd-share {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.qfd-share-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    border-radius: 4px;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 13px;
    font-weight: 600;
}

.qfd-share-facebook { background-color: #1877f2; }
.qfd-share-facebook:hover { background-color: #145dbf; }
.qfd-share-linkedin { background-color: #0a66c2; }
.qfd-share-linkedin:hover { background-color: #084e94; }
.qfd-share-twitter { background-color: #000; }
.qfd-share-twitter:hover { background-color: #333; }
.qfd-share-whatsapp { background-color: #25d366; }
.qfd-share-whatsapp:hover { background-color: #1da851; }

.qfd-icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0;
}

.qfd-icon-facebook {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'><path d='M22 12.06C22 6.5 17.52 2 12 2S2 6.5 2 12.06c0 5.02 3.66 9.18 8.44 9.94v-7.03H7.9v-2.91h2.54V9.85c0-2.51 1.49-3.9 3.77-3.9 1.09 0 2.24.2 2.24.2v2.47h-1.26c-1.24 0-1.63.78-1.63 1.57v1.88h2.78l-.44 2.91h-2.34V22c4.78-.76 8.44-4.92 8.44-9.94z'/></svg>");
}

.qfd-icon-linkedin {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'><path d='M20.45 20.45h-3.55v-5.57c0-1.33-.02-3.04-1.85-3.04-1.86 0-2.15 1.45-2.15 2.94v5.67H9.35V9h3.41v1.56h.05c.47-.9 1.63-1.85 3.35-1.85 3.58 0 4.25 2.36 4.25 5.42v6.32zM5.34 7.43a2.06 2.06 0 1 1 0-4.12 2.06 2.06 0 0 1 0 4.12zM7.12 20.45H3.56V9h3.56v11.45z'/></svg>");
}

.qfd-icon-twitter {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'><path d='M18.9 2H22l-7.6 8.7L23.3 22h-7l-5.5-7.2L4.5 22H1.4l8.1-9.3L1 2h7.2l5 6.6L18.9 2zm-1.2 18h1.7L7 4h-1.8l12.5 16z'/></svg>");
}

.qfd-icon-whatsapp {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'><path d='M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.45 1.32 4.95L2 22l5.29-1.39c1.44.79 3.06 1.2 4.71 1.2h.01c5.46 0 9.91-4.45 9.91-9.91 0-2.65-1.03-5.14-2.9-7.01A9.816 9.816 0 0 0 12.04 2zm5.79 14.13c-.24.68-1.4 1.3-1.93 1.38-.5.08-1.12.11-1.81-.11-.42-.13-.96-.31-1.65-.6-2.9-1.25-4.79-4.17-4.94-4.36-.15-.2-1.19-1.58-1.19-3.01 0-1.43.75-2.13 1.02-2.42.26-.29.58-.36.77-.36.19 0 .39 0 .56.01.18.01.42-.07.65.5.24.58.82 2.01.89 2.16.07.15.12.32.02.51-.09.19-.14.31-.28.48-.14.17-.29.37-.42.5-.14.13-.28.28-.12.55.16.27.71 1.18 1.53 1.91 1.05.94 1.94 1.23 2.21 1.37.27.14.43.12.59-.07.16-.19.68-.79.86-1.06.18-.27.37-.22.62-.13.26.09 1.64.77 1.92.91.28.14.47.21.54.33.07.12.07.68-.17 1.36z'/></svg>");
}

.qfd-empty {
    color: #9b9793;
    font-style: italic;
}

@media (max-width: 480px) {
    .qfd-date-heading { font-size: 20px; }
    .qfd-nav-btn { padding: 8px 12px; font-size: 14px; }
}
