.bg-giftquest {
    background-color: #fcf4e7;
}

.bg-giftquest-dark {
    background-color: #4E645B;
}

.bg-glass {
    background-color: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

.card.bg-glass {
    background-color: rgba(255, 255, 255, 0.7) !important;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}

.text-giftquest {
    color: #4e655c !important;
}

.text-darkblue {
    /* softened: neutral green/charcoal instead of pure blue */
    color: #3b4741 !important;
}

.fs-1_4rem {
    font-size: 1.4rem;
}

.fs-1_8rem {
    font-size: 1.8rem;
}

/* NOTE: points to theme-local assets */
.bg-giftquest-image {
    background-image: url(/wp-content/themes/giftquest/assets/img/giftquest-logo-fulll-large.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 90% 90%;
    box-shadow: inset 0 0 0 2000px rgba(255, 255, 255, .97);
}

.bg-giftquest-image-lighter {
    background-image: url(/wp-content/themes/giftquest/assets/img/giftquest-logo-fulll-large.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 90% 90%;
    box-shadow: inset 0 0 0 2000px rgba(255, 255, 255, .99);
}

.bg-giftquest-tint {
    background-color: #fcf4e7;
    box-shadow: inset 0 0 0 2000px rgba(252, 244, 231, 0.95);
}

.btn-giftquest {
    --bs-btn-color: #fff;
    --bs-btn-bg: #4e655c;
    --bs-btn-border-color: #4e655c;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #94A391;
    --bs-btn-hover-border-color: #94A391;
    --bs-btn-focus-shadow-rgb: 78, 100, 91;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #94A391;
    --bs-btn-active-border-color: #94A391;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #94A391;
    --bs-btn-disabled-border-color: #94A391;
}

.btn-outline-giftquest {
    --bs-btn-color: #4E645B;
    --bs-btn-border-color: #4E645B;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #4e655c;
    --bs-btn-hover-border-color: #4E645B;
    --bs-btn-focus-shadow-rgb: 78, 100, 91;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4e655c;
    --bs-btn-active-border-color: #4E645B;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #4E645B;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #4E645B;
    --bs-gradient: none;
}

.gq-home-posts a.btn-outline-giftquest:hover, .gq-home-taxonomies-bottom a.btn-outline-giftquest:hover,
.gq-blog-post-card a.btn-outline-giftquest:hover
{
    color: #eee;
    text-decoration: none;
}

/* keep the class name, but make the “blue” button on-brand gold */
.btn-giftquest-blue {
    --bs-btn-color: #2E1F00;
    --bs-btn-bg: #f3b84b;
    --bs-btn-border-color: #f3b84b;
    --bs-btn-hover-color: #1A1200;
    --bs-btn-hover-bg: #f0a924;
    --bs-btn-hover-border-color: #f0a924;
    --bs-btn-focus-shadow-rgb: 243, 184, 75;
    --bs-btn-active-color: #1A1200;
    --bs-btn-active-bg: #f0a924;
    --bs-btn-active-border-color: #f0a924;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #94A391;
    --bs-btn-disabled-border-color: #94A391;
}

.navbar-nav .nav-link.show {
    color: #4e655c !important;
    text-shadow: 0 0 4px #fcf4e7 !important;
}

.navbar-nav .nav-link.active {
    text-shadow: 0 0 4px #9d9a9a !important;
}

.nav-nobr,
.nobr {
    white-space: nowrap;
}

.pointer {
    cursor: pointer;
}

.pager-table .btn {
    white-space: nowrap;
    margin-bottom: .25rem;
}

/* Offcanvas nav styles */
.offcanvas .btn-toggle {
    padding: .25rem .5rem;
    font-weight: 600;
    color: var(--bs-emphasis-color);
    background-color: transparent;
}

.offcanvas .btn-toggle:hover,
.offcanvas .btn-toggle:focus {
    color: rgba(var(--bs-emphasis-color-rgb), .85);
    background-color: #ebe3d6;
}

.offcanvas .btn-toggle::before {
    width: 1.25em;
    line-height: 0;
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
    transition: transform .35s ease;
    transform-origin: .5em 50%;
}

.offcanvas .btn-toggle[aria-expanded="true"] {
    color: rgba(var(--bs-emphasis-color-rgb), .85);
}

.offcanvas .btn-toggle[aria-expanded="true"]::before {
    transform: rotate(90deg);
}

.offcanvas .btn-toggle-nav a {
    padding: .1875rem .5rem;
    margin-top: .125rem;
    margin-left: 1.25rem;
}

.offcanvas .btn-toggle-nav a.active,
.offcanvas .btn-toggle-nav a:hover,
.offcanvas .btn-toggle-nav a:focus {
    background-color: #ebe3d6;
}

.offcanvas .badge {
    line-height: .7rem;
    margin-left: 5px;
    font-size: .7rem;
}

/* Breadcrumbs */
.breadcrumb-item:last-of-type a {
    color: #444;
}

.breadcrumb-item a {
    text-decoration: none;
    font-size: .9rem;
}

/* Readonly form */
.readonly-form input[type="text"],
.readonly-form select {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    pointer-events: none;
}

.readonly-form input[type="submit"],
.readonly-form button[type="submit"] {
    display: none;
}

/* Footer */
.bg-giftquest-subtle {
    background-color: #f9f2df;
}

.footer-link {
    color: #444;
    text-decoration: none;
    transition: color 0.2s ease;
}

.footer-link:hover {
    color: #000;
    text-decoration: underline;
}

.footer-social a {
    text-decoration: none;
    opacity: 0.7;
}

.footer-social a:hover {
    opacity: 1;
    transform: scale(1.05);
    transition: all 0.2s ease-in-out;
}

/* Alerts (with icons via Font Awesome) */
.alert {
    position: relative;
    padding: 1rem 1.25rem 1rem 3.5rem;
    border: none;
    border-left: 6px solid;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 500;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.alert::before {
    content: "\f05a";
    position: absolute;
    top: 50%;
    left: 1rem;
    transform: translateY(-50%);
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 1.5rem;
    color: inherit;
}

/* Primary: warm gold instead of blue */
.alert-primary {
    background: #fdf4e6;
    color: #8a5b14;
    border-left-color: #f3b84b;
}

.alert-primary::before {
    content: "\f0ac";
}

.alert-secondary {
    background: #f1f3f5;
    color: #495057;
    border-left-color: #495057;
}

.alert-secondary::before {
    content: "\f0c9";
}

.alert-success {
    background: #e8f8f1;
    color: #1e7d4d;
    border-left-color: #1e7d4d;
}

.alert-success::before {
    content: "\f00c";
}

.alert-danger {
    background: #fdecea;
    color: #b92d2b;
    border-left-color: #b92d2b;
}

.alert-danger::before {
    content: "\f06a";
}

.alert-warning {
    background: #fff7e6;
    color: #a06000;
    border-left-color: #a06000;
}

.alert-warning::before {
    content: "\f071";
}

.alert-giftquest::before {
    content: "\f06b";
}

.alert-smiley::before {
    content: "\f5b8" !important;
}

/* Info: cool green instead of blue */
.alert-info {
    background: #e9f5f0;
    color: #2f6b55;
    border-left-color: #4e655c;
}

.alert-info::before {
    content: "\f05a";
}

.alert-light {
    background: #f9f9f9;
    color: #5c636a;
    border-left-color: #ced4da;
}

.alert-light::before {
    content: "\f0eb";
}

.alert-dark {
    background: #343a40;
    color: #f8f9fa;
    border-left-color: #1d2124;
}

.alert-dark::before {
    content: "\f254";
}

/* Debug: neutral green/gray instead of blue */
.alert-debug {
    background: #f1f5f3;
    color: #3b4a43;
    border-left-color: #4e655c;
}

.alert-debug::before {
    content: "\f188";
}

.alert-error {
    background: #fdecea;
    color: #a61c1c;
    border-left-color: #a61c1c;
}

.alert-error::before {
    content: "\f057";
}

.alert .btn-close {
    filter: invert(40%);
    margin-left: auto;
    opacity: 0.6;
}

.alert .btn-close:hover {
    opacity: 1;
}

/* Responsive border utilities (sm, md, lg, xl) — as provided */
@media (min-width: 576px) { }
@media (min-width: 768px) { }
@media (min-width: 992px) { }
@media (min-width: 1200px) { }

/* jQuery UI autocomplete loading indicator */
.ui-autocomplete-loading {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 100 100"><circle cx="50" cy="50" r="32" stroke="%234e645b" stroke-width="10" fill="none" stroke-linecap="round"><animate attributeName="stroke-dasharray" dur="1s" values="1,200;90,150;90,150" repeatCount="indefinite"/><animate attributeName="stroke-dashoffset" dur="1s" values="0;-35;-124" repeatCount="indefinite"/></circle></svg>');
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 1rem 1rem;
    cursor: progress;
}

/* Homepage / hero-specific styles */

#giftquest-logo {
    width: 120px;
    height: auto;
}

@media (min-width: 768px) {
    #giftquest-logo {
        width: 180px;
    }
}

@media (min-width: 992px) {
    #giftquest-logo {
        width: 240px;
    }
}

.gq-inner {
    max-width: 960px; /* matches your homepage layout */
    width: 100%;
}

/* FAQ / accordion styling from homepage (in case you use it in posts/pages) */

.gq-inner .accordion-item {
    border: 1px solid #f3b84b;
    border-radius: 0.75rem;
    margin-bottom: 1rem;
    overflow: hidden;
}

.gq-inner .accordion-button {
    background-color: #f9b935;
    color: #2e1f00;
    font-weight: 600;
    border-radius: 0 !important;
    padding: 1rem 1.25rem;
    transition: background-color 0.3s ease;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.gq-inner .accordion-button.collapsed {
    border-radius: 0.75rem;
}

.gq-inner .accordion-button:not(.collapsed) {
    background-color: #f3a200;
    color: #1e1400;
    border-bottom: 1px solid #f3b84b;
}

.gq-inner .accordion-body {
    background-color: #fffefc;
    padding: 1rem 1.25rem;
    font-size: 1.05rem;
}

/* Smooth accordion animation */
.accordion-collapse {
    transition: height 0.3s ease, opacity 0.3s ease;
    overflow: hidden;
}

.accordion-body {
    animation: fadeIn 0.4s ease;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* CTA button from homepage */
.custom-cta-btn {
    background-color: #ffe8aa;
    border: 1px solid #fcd259;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
    border-radius: 0.5rem;
}

.custom-cta-btn:hover,
.custom-cta-btn:focus {
    background-color: #ffdc79;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    text-decoration: none;
}

/* Blog CTA under posts */

.gq-cta-banner {
    border-width: 1px;
}

.gq-cta-btn-large {
    white-space: nowrap;
}

/* Sales page layout */

.gq-sales-wrapper {
    max-width: 960px;
    width: 100%;
}

.gq-sales-header h1 {
    color: #4e655c;
}

.gq-sales-body {
    background-color: rgba(255, 255, 255, 0.92);
}

.gq-sales-content {
    font-size: 1.05rem;
    line-height: 1.8;
}

.gq-sales-content h2,
.gq-sales-content h3 {
    margin-top: 1.8rem;
    margin-bottom: 0.75rem;
    color: #4e655c;
}

.gq-sales-content p {
    margin-bottom: 1rem;
}

/* Reuse your hero/logo styles if not already included */

#giftquest-logo {
    width: 120px;
    height: auto;
}

@media (min-width: 768px) {
    #giftquest-logo {
        width: 180px;
    }
}

@media (min-width: 992px) {
    #giftquest-logo {
        width: 240px;
    }
}

/* Dark Global CTA – base */
.gq-global-cta-dark {
    background-color: #2E3A34; /* deep muted green/gray */
    margin-top: 2rem;
}

@media (min-width: 768px) {
    .gq-global-cta-dark {
        margin-top: 3rem;
    }
}

.gq-cta-card-dark {
    position: relative;
    background-color: #1C2622 !important; /* solid dark card */
    border-radius: 0.75rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    overflow: hidden;
    transform: translateY(8px);
    opacity: 0;
    animation: gqFadeUp 0.7s ease-out forwards;
}

/* ✨ Subtle gold top-border line using a pseudo-element */
.gq-cta-card-dark::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 3px;
    width: 100%;
    background: linear-gradient(90deg, #f3b84b, #ffe19b, #f3b84b);
    box-shadow: 0 0 12px rgba(243, 184, 75, 0.65);
}

/* Text colors inside CTA card */
.gq-cta-card-dark h2,
.gq-cta-card-dark p {
    color: #ffffff;
}

/* Button styling with micro-animation */
.gq-cta-btn-dark {
    background-color: #f3b84b !important; /* gold */
    border-color: #f3b84b !important;
    color: #2E1F00 !important;
    box-shadow: 0 0.35rem 0.8rem rgba(0, 0, 0, 0.35);
    transition:
        transform 0.15s ease-out,
        box-shadow 0.15s ease-out,
        background-color 0.15s ease-out,
        border-color 0.15s ease-out;
    white-space: nowrap;
}

.gq-cta-btn-dark:hover {
    background-color: #f0a924 !important; /* slightly deeper gold */
    border-color: #f0a924 !important;
    color: #1A1200 !important;
    transform: translateY(-1px) scale(1.02);
    box-shadow: 0 0.55rem 1.2rem rgba(0, 0, 0, 0.45);
}

/* ✨ Card hover micro-animation (very subtle) */
.gq-cta-card-dark:hover {
    transform: translateY(4px);
    box-shadow: 0 1.2rem 2rem rgba(0, 0, 0, 0.45);
    transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;
}

/* ✨ Initial fade-up animation */
@keyframes gqFadeUp {
    from {
        opacity: 0;
        transform: translateY(18px);
    }
    to {
        opacity: 1;
        transform: translateY(8px);
    }
}

/* ---------------------------
   Global Typography & Page Feel
---------------------------- */

body.wp-theme-giftquest {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background: radial-gradient(circle at top left, rgba(148, 163, 145, 0.18), transparent 55%),
                radial-gradient(circle at bottom right, rgba(243, 184, 75, 0.2), transparent 55%),
                #f8f5ef;
    color: #111827;
}

/* Main container: give the article a "card" look */
.gq-single-post-wrapper {
    background-color: #ffffff;
    border-radius: 1.25rem;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
    padding: clamp(1.8rem, 3vw, 2.6rem);
    border: 1px solid rgba(17, 24, 39, 0.04);
}

/* Post title and meta */
.gq-single-post-title {
    font-size: clamp(2.1rem, 3vw, 2.6rem);
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: 0.01em;
    color: #0f172a;
    margin-bottom: 0.75rem;
}

.gq-blog-post-meta {
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #6b7280;
}

/* Content typography */
.gq-post-content p {
    font-size: 1.02rem;
    line-height: 1.85;
    margin-bottom: 1.05rem;
    color: #111827;
}

.gq-post-content strong {
    font-weight: 700;
    color: #0f172a;
}

/* Links: sage/green instead of bright blue (canonical style) */
.gq-post-content a {
    color: #4e655c;
    text-decoration: none;
    border-bottom: 1px solid rgba(78, 101, 92, 0.3);
}

.gq-post-content a:hover {
    color: #2f3b35;
    border-bottom-color: rgba(78, 101, 92, 0.7);
}

/* Headings inside content */
.gq-post-content h1,
.gq-post-content h2 {
    margin-top: 2.2rem;
    margin-bottom: 0.75rem;
    font-weight: 700;
    color: #111827;
}

/* Accent bar on section headings: gold + sage gradient */
.gq-post-content h1,
.gq-post-content h2 {
    position: relative;
    padding-left: 0.9rem;
}

.gq-post-content h1::before,
.gq-post-content h2::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.2rem;
    bottom: 0.2rem;
    width: 3px;
    border-radius: 999px;
    background: linear-gradient(135deg, #f3b84b, #94A391);
}

.gq-post-content h1 {
    font-size: 1.6rem;
}

.gq-post-content h2 {
    font-size: 1.4rem;
}

/* Lists */
.gq-post-content ul,
.gq-post-content ol {
    padding-left: 1.3rem;
    margin-bottom: 1.1rem;
}

.gq-post-content li {
    margin-bottom: 0.3rem;
}

/* Blockquote styling: warm gold accent */
.gq-post-content blockquote {
    border-left: 4px solid rgba(243, 184, 75, 0.7);
    padding: 0.9rem 1.2rem;
    margin: 1.5rem 0;
    background: rgba(249, 250, 251, 0.9);
    border-radius: 0.75rem;
    font-style: italic;
    color: #374151;
}

.gq-post-content blockquote a {
    border-bottom-style: dashed;
}

/* Horizontal rules: gold glow instead of blue */
.gq-post-content hr.wp-block-separator {
    margin: 2rem 0;
    border: 0;
    height: 1px;
    background: linear-gradient(
        to right,
        rgba(15, 23, 42, 0),
        rgba(243, 184, 75, 0.7),
        rgba(15, 23, 42, 0)
    );
}

/* ---------------------------
   Sidebar styling
---------------------------- */

.sidebar-widget {
    background: #ffffff;
    border-radius: 1rem;
    padding: 1.25rem 1.4rem;
    box-shadow: 0 8px 26px rgba(15, 23, 42, 0.04);
    border: 1px solid rgba(148, 163, 184, 0.18);
}

.sidebar-widget h2.wp-block-heading,
.sidebar-widget h4,
.sidebar-widget h6 {
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #4b5563;
    margin-bottom: 0.9rem;
}

/* 🔗 Sidebar anchors: unified link style */
.sidebar-widget a {
    color: #4e655c;
    text-decoration: none;
    border-bottom: 1px solid rgba(78, 101, 92, 0.3);
}

.sidebar-widget a:hover {
    color: #2f3b35;
    border-bottom-color: rgba(78, 101, 92, 0.7);
}

/* Search box in sidebar */
.sidebar-widget .wp-block-search__inside-wrapper {
    border-radius: 999px;
    border: 1px solid rgba(148, 163, 184, 0.7);
    padding: 0.25rem;
}

.sidebar-widget .wp-block-search__input {
    border: none;
    box-shadow: none;
    font-size: 0.9rem;
}

.sidebar-widget .wp-block-search__button {
    border-radius: 999px;
    font-size: 0.85rem;
    padding: 0.35rem 0.9rem;
}

/* ---------------------------
   Header & CTA polish
---------------------------- */

#gq-site-header {
    background-color: #f9f2df;          /* match .bg-giftquest-subtle */
    backdrop-filter: none;              /* no glassy dark effect */
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08);
}

/* Logo text + tagline: use brand sage + muted gray */
#gq-site-header .fw-semibold.text-giftquest {
    color: #4e655c !important;
}

#gq-site-header .small.text-muted {
    color: #6b7280 !important;
}

/* Header CTA button still looks good on light cream */
#gq-site-header .btn-giftquest-blue {
    border-radius: 999px;
    padding-inline: 1.25rem;
    font-weight: 600;
}

/* Global dark CTA section (keep moody, non-blue) */
.gq-global-cta-dark {
    background: radial-gradient(circle at top, #1f2937, #020617);
}

.gq-global-cta-dark .gq-inner {
    max-width: 960px;
}

/* Override old blue gradient with dark green/charcoal */
.gq-cta-card-dark {
    background: linear-gradient(
        135deg,
        rgba(15, 23, 42, 0.92),
        rgba(78, 100, 91, 0.96)
    );
    border-radius: 1.5rem;
}

.gq-cta-card-dark .gq-cta-btn-dark {
    border-radius: 999px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45);
}

/* ---------------------------
   Footer tweaks
---------------------------- */

footer.bg-giftquest-subtle {
    backdrop-filter: blur(10px);
}

.footer-link {
    text-decoration: none;
    color: #374151;
}

.footer-link:hover {
    color: #111827;
    text-decoration: underline;
}

/* ---------------------------
   Breadcrumb: Single Line + Ellipsis
---------------------------- */

.gq-breadcrumb-nav {
    font-size: 0.82rem;
}

.gq-breadcrumb-nav .container-lg {
    overflow: hidden;          /* clip anything too long */
}

.gq-breadcrumb-nav .breadcrumb {
    margin-bottom: 0;
    flex-wrap: nowrap;         /* prevent wrapping to next line */
    white-space: nowrap;
}

/* Space between breadcrumb items */
.gq-breadcrumb-nav .breadcrumb-item + .breadcrumb-item::before {
    color: #9ca3af;
}

/* Links within breadcrumb */
.gq-breadcrumb-nav .breadcrumb-item a {
    color: #6b7280;
    text-decoration: none;
}

.gq-breadcrumb-nav .breadcrumb-item a:hover {
    color: #374151;
    text-decoration: underline;
}

/* Last breadcrumb item: truncate with ellipsis */
.gq-breadcrumb-nav .breadcrumb-item.active {
    display: inline-block;
    max-width: min(60vw, 480px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
    color: #111827;
}

/* Categories + tag cloud on home bottom */
.gq-home-categories .badge {
    background-color: #f9f2df !important;
    border-color: #e5d6b8 !important;
    color: #4e655c !important;
}

.gq-home-categories a.badge {
    text-decoration: none !important;
}

.gq-tag-cloud a {
    margin: 0 0.15rem 0.35rem !important;
    text-decoration: none !important;
}

/* General card/home/blog links (base) */
.gq-home-posts a,
.gq-home-taxonomies-bottom a,
.gq-blog-post-card a {
    color: #4e655c; /* muted green/olive */
    text-decoration: none;
}

.gq-home-posts a:hover,
.gq-home-taxonomies-bottom a:hover,
.gq-blog-post-card a:hover {
    color: #2d3f39; /* darker version */
    text-decoration: underline;
}

/* =========================================================
   UNIFIED LINK STYLE FOR HOME, ARCHIVES, AND RELATED POSTS
   (match canonical .gq-post-content link styling)
========================================================= */

/* Index / blog listing: post titles + excerpt links */
.gq-home-posts .gq-blog-index-title a,
.gq-home-posts .card-text a {
    color: #4e655c;
    text-decoration: none;
    border-bottom: 1px solid rgba(78, 101, 92, 0.3);
}

.gq-home-posts .gq-blog-index-title a:hover,
.gq-home-posts .card-text a:hover {
    color: #2f3b35;
    border-bottom-color: rgba(78, 101, 92, 0.7);
}

/* Pagination links (home + archives) */
.gq-blog-pagination a {
    color: #4e655c;
    text-decoration: none;
    border-bottom: 1px solid rgba(78, 101, 92, 0.3);
}

.gq-blog-pagination a:hover {
    color: #2f3b35;
    border-bottom-color: rgba(78, 101, 92, 0.7);
}

/* =========================================================
   ARCHIVE PAGES (category, tag, date, etc.)
========================================================= */

/* Archive overall container can reuse same max width via .gq-inner */
.gq-archive-header {
    max-width: 960px;
    margin: 0 auto 1.75rem auto;
    padding: 0 0.25rem;
}

.gq-archive-title {
    font-size: clamp(1.8rem, 2.4vw, 2.2rem);
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #111827;
    margin-bottom: 0.35rem;
}

.gq-archive-subtitle,
.gq-archive-description {
    font-size: 0.98rem;
    color: #6b7280;
    max-width: 640px;
}

/* Category + tag archives share the same look */
.archive.category .gq-archive-header,
.archive.tag .gq-archive-header {
    padding-top: 1.5rem;
}

/* Archive listing cards (often same markup as index) */
.archive .gq-blog-post-card {
    border-radius: 1.25rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);
    background-color: #ffffff;
}

/* Archive post titles + excerpt links match posts/home */
.archive .gq-blog-post-card .gq-blog-index-title a,
.archive .gq-blog-post-card .card-text a {
    color: #4e655c;
    text-decoration: none;
    border-bottom: 1px solid rgba(78, 101, 92, 0.3);
}

.archive .gq-blog-post-card .gq-blog-index-title a:hover,
.archive .gq-blog-post-card .card-text a:hover {
    color: #2f3b35;
    border-bottom-color: rgba(78, 101, 92, 0.7);
}

/* Archive meta */
.archive .gq-blog-post-meta {
    font-size: 0.8rem;
    letter-spacing: 0.13em;
    text-transform: uppercase;
    color: #9ca3af;
}

/* Archive taxonomies display (if used) */
.archive .gq-home-taxonomies-bottom a {
    color: #4e655c;
    text-decoration: none;
    border-bottom: 1px solid transparent;
}

.archive .gq-home-taxonomies-bottom a:hover {
    color: #2f3b35;
    border-bottom-color: rgba(78, 101, 92, 0.4);
}

/* =========================================================
   RELATED POSTS SECTION (single-post bottom)
   Expected markup:
   .gq-related-posts
      .gq-related-posts-title
      .gq-related-posts-list
         .gq-related-post-card
========================================================= */

.gq-related-posts {
    margin-top: 3rem;
    padding-top: 2.2rem;
    border-top: 1px solid rgba(148, 163, 184, 0.35);
}

.gq-related-posts-title {
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    color: #4b5563;
    margin-bottom: 1.25rem;
}

/* Grid layout for related posts */
.gq-related-posts-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

@media (min-width: 576px) {
    .gq-related-posts-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 992px) {
    .gq-related-posts-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* Individual related post "pill" card */
.gq-related-post-card {
    background-color: #ffffff;
    border-radius: 0.85rem;
    border: 1px solid rgba(148, 163, 184, 0.25);
    padding: 0.9rem 1rem;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.04);
    transition: transform 0.15s ease-out, box-shadow 0.15s ease-out, border-color 0.15s ease-out;
}

.gq-related-post-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
    border-color: rgba(243, 184, 75, 0.6);
}

/* Related post title link: same canonical link style */
.gq-related-post-card a {
    display: inline-block;
    font-size: 0.98rem;
    font-weight: 600;
    color: #4e655c;
    text-decoration: none;
    border-bottom: 1px solid rgba(78, 101, 92, 0.3);
}

.gq-related-post-card a:hover {
    color: #2f3b35;
    border-bottom-color: rgba(78, 101, 92, 0.7);
}

/* Optional small meta under each related title */
.gq-related-meta {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #9ca3af;
}