/* ============================================================
   FİYATİK TEMA OVERRİDE
   ============================================================ */

/* Primary buton - mor */
input[type="submit"].primary,
input[type="reset"].primary,
input[type="button"].primary,
.button.primary {
    background-color: #7B2FBE !important;
    color: #ffffff !important;
}

input[type="submit"].primary:hover,
input[type="reset"].primary:hover,
input[type="button"].primary:hover,
.button.primary:hover {
    background-color: #5a1f8a !important;
}

/* İkon - mor arka plan, beyaz ikon */
.icon.major {
    background: #7B2FBE !important;
    color: #ffffff !important;
}

.icon.major:before {
    color: #ffffff !important;
}

/* Banner - mor gradient */
#banner {
    background-image: none !important;
    background: linear-gradient(135deg, #0f0520 0%, #3a1070 40%, #7B2FBE 70%, #1a0a2e 100%) !important;
}

#banner h2 {
    color: #ffffff !important;
}

#banner p {
    color: rgba(255,255,255,0.92) !important;
}

#banner .button {
    background-color: transparent !important;
    box-shadow: inset 0 0 0 2px rgba(255,255,255,0.6) !important;
    color: #fff !important;
}

#banner .button.primary {
    background: #ffffff !important;
    color: #7B2FBE !important;
    box-shadow: none !important;
    font-weight: 700 !important;
}

#banner .button.primary:hover {
    background: rgba(255,255,255,0.9) !important;
}

/* CTA - koyu mor gradient */
#cta {
    background: linear-gradient(135deg, #1a0a2e 0%, #4a1a8e 50%, #1a0a2e 100%) !important;
    color: rgba(255,255,255,0.9) !important;
}

#cta h2, #cta h3, #cta h4, #cta h5, #cta h6 {
    color: #ffffff !important;
}

#cta p {
    color: rgba(255,255,255,0.88) !important;
}

#cta strong {
    color: #ffffff !important;
}

#cta .button {
    background: #ffffff !important;
    color: #7B2FBE !important;
    box-shadow: none !important;
    font-weight: 700 !important;
}

#cta .button:hover {
    background: rgba(255,255,255,0.9) !important;
}

/* Header */
#header {
    background: #1a0a2e !important;
}

/* Footer */
#footer {
    background: #0f0520 !important;
}

#footer .copyright {
    color: rgba(255,255,255,0.4) !important;
}

#footer .copyright a {
    color: rgba(255,255,255,0.6) !important;
}

#footer .copyright li {
    border-left-color: rgba(255,255,255,0.15) !important;
    color: rgba(255,255,255,0.4) !important;
}

/* Metin rengi - açıklama metinleri */
.box.special p,
.zigzag-content p,
.stores-box p,
header.major p {
    color: #444 !important;
    font-weight: 400 !important;
}

/* body.landing #main margin */
body.landing #main {
    margin-top: -10em;
}

/* Header logo */
.header-logo {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
}

.header-logo img {
    width: 32px;
    height: 32px;
    border-radius: 8px;
}

/* Zikzak düzen */
.zigzag-section { margin-bottom: 3em; }
.zigzag-row {
    display: flex;
    align-items: center;
    gap: 3em;
    margin-bottom: 4em;
}
.zigzag-row.reverse { flex-direction: row-reverse; }
.zigzag-image { flex: 0 0 260px; max-width: 260px; }
.zigzag-image img {
    width: 100%;
    border-radius: 24px;
    box-shadow: 0 24px 64px rgba(123, 47, 190, 0.2);
    display: block;
}
.zigzag-content { flex: 1; }
.zigzag-content .icon { display: block; margin-bottom: 0.6em; }
.zigzag-content h3 { margin-bottom: 0.5em; font-size: 1.5em; }
.zigzag-content p { line-height: 1.8; }

/* Mağazalar */
.stores-box { text-align: center; padding: 2.5em; }

@media screen and (max-width: 768px) {
    .zigzag-row, .zigzag-row.reverse { flex-direction: column; }
    .zigzag-image { flex: none; max-width: 220px; margin: 0 auto; }
}

/* Başlıklar - koyu mor, kalın */
.zigzag-content h3,
.box.special h2,
.box.special h3,
.stores-box h3 {
    color: #4a1a8e !important;
    font-weight: 600 !important;
}

/* Metin daha koyu */
.box.special p,
.zigzag-content p,
.stores-box p,
header.major p {
    color: #333 !important;
}