.footer-modern {
    background: linear-gradient(180deg, #2E4A54 0%, #1d323a 100%);
    border-top: 3px solid var(--color-accent);
}

.footer-newsletter {
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .1);
    backdrop-filter: blur(6px);
}

.footer-title {
    font-size: .95rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--color-accent);
    margin-bottom: 1rem;
}

.footer-link {
    color: rgba(255, 255, 255, .7);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    padding: .2rem 0;
    transition: color .2s, transform .2s;
}

.footer-link-altin {
    color:var(--color-accent);
}

.footer-link-oklu::before {
    content: "";
    width: .45em;
    height: .45em;
    margin-right: .6rem;
    flex-shrink: 0;
    border-top: 2px solid var(--color-accent);
    border-right: 2px solid var(--color-accent);
    transform: rotate(45deg);
    transition: transform .2s;
}

.footer-link-oklu:hover {
    color: #fff;
    transform: translateX(3px);
}
.footer-link-oklu:hover::before {
    transform: rotate(45deg) translate(2px, -2px);
}

.footer-social {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    background: rgba(255, 255, 255, .08);
    text-decoration: none;
    transition: background .2s, color .2s, transform .2s;
}
.footer-social:hover {
    background: var(--color-accent);
    color: var(--color-primary) !important;
    transform: translateY(-3px);
}

.btn-gold {
    --bs-btn-color: #3b2a05;
    --bs-btn-hover-color: #3b2a05;
    --bs-btn-active-color: #3b2a05;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-border-color: transparent;
    --bs-btn-focus-shadow-rgb: 201, 162, 75;

    font-weight: 600;
    background: linear-gradient(110deg, #b38728 0%, #fcf6ba 30%, #bf953f 50%, #fbf5b7 70%, #aa771c 100%);
    background-size: 200% 100%;
    background-position: 0 0;
    transition: background-position .6s ease;
}
.btn-gold:hover,
.btn-gold:active,
.btn-gold:focus-visible {
    background: linear-gradient(110deg, #b38728 0%, #fcf6ba 30%, #bf953f 50%, #fbf5b7 70%, #aa771c 100%);
    background-size: 200% 100%;
    background-position: 100% 0;
}