Anasayfa
Buraya Playerok tarzı oyun kartları ve vitrin gelecek...
/* --- Modern Footer Tasarımı --- */
.po-footer {
background-color: #0d1117;
border-top: 1px solid #30363d;
padding-top: 60px;
padding-bottom: 20px;
color: #8b949e;
}
.footer-content {
display: grid;
grid-template-columns: 1.5fr 1fr 1fr 1.2fr;
gap: 40px;
margin-bottom: 50px;
}
.footer-section .footer-title {
color: #f0f6fc;
font-size: 18px;
font-weight: 600;
margin-bottom: 20px;
position: relative;
}
.footer-desc {
font-size: 14px;
line-height: 1.6;
margin: 20px 0;
}
/* Sosyal Medya İkonları */
.social-links {
display: flex;
gap: 12px;
}
.social-item {
width: 40px;
height: 40px;
background: #161b22;
border: 1px solid #30363d;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
color: #c9d1d9;
transition: all 0.3s ease;
text-decoration: none;
}
.social-item:hover {
background: #2f81f7;
color: white;
border-color: #2f81f7;
transform: translateY(-3px);
}
/* Link Listeleri */
.footer-links ul {
list-style: none;
padding: 0;
margin: 0;
}
.footer-links ul li {
margin-bottom: 12px;
}
.footer-links ul li a {
color: #8b949e;
text-decoration: none;
font-size: 14px;
transition: color 0.2s;
display: flex;
align-items: center;
gap: 8px;
}
.footer-links ul li a i {
font-size: 10px;
opacity: 0.5;
}
.footer-links ul li a:hover {
color: #2f81f7;
}
/* Ödeme ve Güvenlik İkonları */
.trust-text {
font-size: 13px;
margin-bottom: 15px;
}
.trust-icons {
display: flex;
gap: 10px;
}
.pay-card {
background: #161b22;
padding: 8px 12px;
border-radius: 6px;
border: 1px solid #30363d;
font-size: 20px;
color: #c9d1d9;
}
.pay-card.secure {
color: #3fb950; /* Güvenli yeşili */
}
/* Alt Bar */
.footer-bottom {
border-top: 1px solid #30363d;
padding-top: 25px;
display: flex;
justify-content: space-between;
align-items: center;
}
.footer-copyright p {
font-size: 13px;
margin: 0;
}
.footer-copyright span {
color: #2f81f7;
font-weight: 600;
}
.footer-bottom-links a {
color: #8b949e;
text-decoration: none;
font-size: 13px;
}
/* MOBİL UYUMLULUK */
@media (max-width: 992px) {
.footer-content {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 600px) {
.po-footer {
padding-top: 40px;
}
.footer-content {
grid-template-columns: 1fr;
gap: 30px;
text-align: center;
}
.footer-links ul li a {
justify-content: center;
}
.social-links, .trust-icons {
justify-content: center;
}
.footer-bottom {
flex-direction: column;
gap: 15px;
text-align: center;
}
}