/* Genel Stil ve Resetleme */
body {
    font-family: 'Roboto', sans-serif;
    background-color: #f0f2f5;
    margin: 0;
    display: flex;
    flex-direction: column; 
    min-height: 100vh;
}
* { box-sizing: border-box; }

/* --- HEADER --- */
.site-header {position: fixed;top: 0;left: 0;width: 100%;background-color: #ffffff;box-shadow: 0 2px 5px rgba(0,0,0,0.1);z-index: 1000;padding: 0 20px;}
.header-container {display: flex;justify-content: space-between;align-items: center;max-width: 1200px;margin: 0 auto;height: 70px;position: relative;}
.logo img {max-height: 40px;display: block;}
.main-nav ul {margin: 0;padding: 0;list-style: none;display: flex;}
.main-nav li {position: relative;}
.main-nav li a {display: block;padding: 25px 15px;text-decoration: none;color: #333;font-weight: 700;text-transform: uppercase;font-size: 14px;transition: color 0.3s, background-color 0.3s;}
.main-nav li:hover > a {color: #EF3340;background-color: #f8f9fa;}
.dropdown-menu {opacity: 0;visibility: hidden;transform: translateY(10px);transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;position: absolute;top: 100%;left: 0;background-color: #fff;box-shadow: 0 5px 15px rgba(0,0,0,0.15);border-radius: 0 0 8px 8px;padding: 20px;min-width: 400px;z-index: 1001;border-top: 3px solid #EF3340;}
.dropdown-menu ul {display: grid;grid-template-columns: repeat(2, 1fr);gap: 10px 20px;flex-direction: column;}
.main-nav li:hover .dropdown-menu {opacity: 1;visibility: visible;transform: translateY(0);}
.dropdown-menu li a {padding: 8px 12px;width: 100%;font-size: 14px;font-weight: 400;text-transform: none;background-color: transparent !important;border-radius: 4px;}
.dropdown-menu li a:hover {background-color: #f8f9fa !important;color: #EF3340;}
.header-right {display: flex;align-items: center;gap: 15px;}
.search-toggle-btn {background-color: #f0f2f5;color: #555;border: none;padding: 0;width: 38px;height: 38px;border-radius: 50%;cursor: pointer;font-size: 16px;display: flex;align-items: center;justify-content: center;transition: background-color 0.3s, color 0.3s;}
.search-toggle-btn:hover {background-color: #e2e6ea;color: #000;}
.login-btn {background-color: #EF3340;color: white;border: none;padding: 8px 20px;border-radius: 20px;font-weight: 700;cursor: pointer;transition: background-color 0.3s;white-space: nowrap;}
.login-btn:hover {background-color: #d42a36;}
.mobile-menu-toggle {display: none;background: none;border: none;font-size: 24px;cursor: pointer;color: #333;}
.search-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #fff;display: flex;align-items: center;transform: scaleX(0);transform-origin: right;transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);z-index: 5;}
.search-overlay.active {transform: scaleX(1);}
.search-form {width: 100%;display: flex;}
.search-form input {flex-grow: 1;border: none;outline: none;padding: 0 20px;font-size: 18px;height: 70px;}
.search-form button {border: none;background: none;color: #EF3340;font-size: 20px;padding: 0 25px;cursor: pointer;}

/* --- Ana İçerik Alanı --- */
.page-content {width: 100%;padding: 20px;margin-top: 70px; flex-grow: 1;}


.manset-headline-container{display:flex;gap:15px;width:100%;max-width:1200px;margin: 0 auto; align-items:stretch}
.sol-manset-column{flex:3;display:flex;flex-direction:column}
.sag-manset-column{flex:1;display:flex;flex-direction:column}
.sol-manset-slider,.sag-manset-slider{position:relative;overflow:hidden;width:100%;flex:1 1 auto;min-height:480px;border-radius: 8px;}
.sol-manset-wrapper,.sag-manset-wrapper{display:flex;height:100%;transition:transform .5s ease-in-out}
.sol-manset-item,.sag-manset-item{min-width:100%;height:100%;background-size:cover;background-position:center;position:relative;color:#fff}
.sol-manset-link,.sag-manset-link{display:block;width:100%;height:100%;text-decoration:none;color:inherit}
.sag-manset-item img{width:100%;height:100%;object-fit:cover;display:block}
.sol-manset-content{position:absolute;bottom:0;left:0;right:0;width:100%;text-align:left;background:linear-gradient(to top,rgba(0,0,0,.85) 0,transparent 100%);padding:25px;border-radius:0 0 8px 8px;z-index:5}
.sol-manset-tag-Spor {background-color: #009966;}
.sol-manset-tag-Ekonomi {background-color: #FF9900;}
.sol-manset-tag-Teknoloji {background-color: #007bff;}
.sol-manset-tag-Sağlık {background-color: #28a745;}
.sag-manset-tag-Gündem {background-color: #EF3340;}
.sag-manset-tag-Politika {background-color: #800000;}
.sag-manset-tag-Otomobil {background-color: #6c757d;}
[class*=sol-manset-tag-],[class*=sag-manset-tag-]{padding:4px 10px;font-size:14px;font-weight:700;text-transform:uppercase;display:inline-block;margin-bottom:10px;color:#fff;border-radius:4px;}
.sol-manset-content .sol-manset-title{font-family:'Oswald',sans-serif;margin:0;font-size:38px;line-height:1.2;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.7)}
.sag-manset-content{position:absolute;bottom:0;left:0;right:0;padding:15px;background:linear-gradient(to top,rgba(0,0,0,.85) 0,transparent 100%);color:#fff;z-index:5;text-align:left}
.sag-manset-content .sag-manset-title{font-family:'Oswald',sans-serif;margin:0;font-size:20px;line-height:1.3;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.7)}
.sol-manset-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.3);border:none;color:#fff;font-size:24px;cursor:pointer;z-index:10;width:40px;height:40px;border-radius:50%;opacity:.7;transition:opacity .3s, background-color .3s;}
.sol-manset-nav:hover{opacity:1; background-color: rgba(0,0,0,0.6);}
.sol-manset-nav.sol-manset-prev{left:10px}
.sol-manset-nav.sol-manset-next{right:10px}
.sol-manset-pagination{height:60px;display:flex;list-style:none;padding:0;margin:15px 0 0 0;flex-shrink:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.sol-manset-pagination::-webkit-scrollbar{display:none}
.sol-manset-pagination li{flex:1 0 auto;white-space:nowrap}
.sol-manset-pagination li a{display:flex;align-items:center;justify-content:center;padding:6px 15px;width:100%;height:100%;text-align:center;background-color:#fff;text-decoration:none;color:#333;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .3s,color .3s; border-bottom: 3px solid transparent;}
.sol-manset-pagination li a.active{background-color:#f8f9fa;color:#EF3340;border-bottom-color:#EF3340}
.sag-manset-nav-container{height:60px;display:flex;justify-content:center;align-items:center;padding:8px 0;flex-shrink:0;background-color:#fff;margin-top:15px;gap:15px}
.sag-manset-arrow{background-color: #f0f2f5; color:#333;border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:16px; transition: background-color .3s}
.sag-manset-arrow:hover { background-color: #e2e6ea; }
.sag-manset-dots{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:nowrap;}
.sag-manset-dots .sag-manset-dot{width:10px;height:10px;border-radius:50%;background-color:#ccc;cursor:pointer;flex-shrink:0;transition: background-color .3s;}
.sag-manset-dots .sag-manset-dot.active{background-color:#EF3340}

/* SÜRMANŞET ALANI STİLLERİ */
.surmanset-container { max-width: 1200px; margin: 20px auto; padding: 0; }
.surmanset-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.surmanset-item { background-color: #ffffff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); overflow: hidden; transition: transform 0.3s ease; border-radius: 8px; }
.surmanset-item:hover { transform: translateY(-5px); }
.surmanset-link { text-decoration: none; color: #333; display: block; }
.surmanset-image { width: 100%; height: 180px; object-fit: cover; display: block; }
.surmanset-title { font-size: 18px; font-weight: 600; line-height: 1.4; padding: 15px; margin: 0; transition: color 0.3s ease; }
.surmanset-link:hover .surmanset-title { color: #EF3340; }


.site-footer{background-color:#222;color:#ccc;padding:40px 20px 0;width:100%; margin-top: auto;}
.footer-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;padding-bottom:30px}
.footer-column{flex:1;min-width:200px}
.footer-column h4{color:#fff;font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:18px;margin-top:0;margin-bottom:20px;border-bottom:2px solid #EF3340;padding-bottom:10px;display:inline-block}
.footer-column ul{list-style:none;padding:0;margin:0}
.footer-column ul li a{color:#ccc;text-decoration:none;line-height:2;transition:color .3s}
.footer-column ul li a:hover{color:#fff}
.social-icons a{color:#ccc;font-size:20px;margin-right:15px;transition:color .3s}
.social-icons a:hover{color:#EF3340}
.footer-bottom{border-top:1px solid #444;text-align:center;padding:20px 0;font-size:14px}
.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);display:none;justify-content:center;align-items:center;z-index:2000;opacity:0;transition:opacity .3s ease}
.modal-overlay.active{display:flex;opacity:1}
.modal-content{background-color:#fff;padding:0;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,.3);position:relative;width:100%;max-width:420px;transform:scale(.9);transition:transform .3s ease;overflow:hidden}
.modal-overlay.active .modal-content{transform:scale(1)}
.close-modal-btn{position:absolute;top:10px;right:10px;background-color:transparent;color:#aaa;border:none;width:40px;height:40px;border-radius:50%;font-size:28px;cursor:pointer;transition:transform .4s ease-in-out,color .3s;z-index:15}
.close-modal-btn:hover{transform:rotate(180deg);color:#EF3340}
.modal-tabs{display:flex;background-color:#f8f9fa}
.modal-tab-btn{flex:1;padding:18px;border:none;background:0 0;font-size:16px;font-weight:700;color:#aaa;cursor:pointer;transition:color .3s,background-color .3s;border-bottom:3px solid transparent}
.modal-tab-btn.active{color:#333;border-bottom-color:#EF3340}
.modal-form-content{display:none;padding:30px 40px}
.modal-form-content.active{display:block}
.modal-form-content .form-group{margin-bottom:20px;position:relative}
.modal-form-content .form-group i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#ccc}
.modal-form-content .form-group input{width:100%;padding:14px 14px 14px 45px;border:1px solid #ddd;border-radius:8px;font-size:16px;transition:border-color .3s}
.modal-form-content .form-group input:focus{border-color:#EF3340;outline:0}
.modal-form-content .form-actions{display:flex;justify-content:flex-end;align-items:center;margin-bottom:20px}
.modal-form-content .forgot-password{font-size:14px;color:#007bff;text-decoration:none}
.modal-form-content .submit-btn{background:linear-gradient(45deg,#d42a36,#EF3340);color:#fff;border:none;width:100%;padding:15px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:transform .2s;box-shadow:0 4px 10px rgba(239,51,64,.3)}
.modal-form-content .submit-btn:hover{transform:translateY(-2px)}
@media (max-width: 992px){
    .main-nav{display:none}
    .mobile-menu-toggle{display:block}
    .main-nav.active{display:flex;flex-direction:column;position:absolute;top:70px;left:0;width:100%;background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.1)}
    .main-nav.active ul{flex-direction:column;width:100%}
    .main-nav.active li a{padding:15px 20px;border-bottom:1px solid #f0f2f5}
    .dropdown-menu{position:static;box-shadow:none;border-radius:0;padding:0;background-color:#f8f9fa;display:none;border-top:none;transform:none;opacity:1;visibility:visible}
    .main-nav.active li:hover .dropdown-menu{display:block}
    .dropdown-menu ul{grid-template-columns:1fr}
    .dropdown-menu li a{padding-left:40px}
    .surmanset-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px){
  .page-content{padding:10px;margin-top:60px}
  .site-header{padding:0 10px}
  .header-container{height:60px}
  .manset-headline-container{flex-direction:column;align-items:stretch;gap:20px}
  .sol-manset-slider,.sag-manset-slider{width:100%;min-height:400px;flex:none}
  .sol-manset-content .sol-manset-title { font-size: 24px; }
  .sag-manset-content .sag-manset-title{font-size:20px}
  .sol-manset-pagination li a { font-size: 14px; padding: 10px; }
}

/* WIDGET ALANI STİLLERİ */
.witget-alan-container {max-width: 1200px;margin: 20px auto;display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px;}
.witget-alan-news-card {display: flex;flex-direction: column;background-color: #fff;overflow: hidden; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: transform 0.3s;}
.witget-alan-news-card:hover { transform: translateY(-5px); }
.witget-alan-news-card__link { text-decoration: none; color: inherit; display: flex; flex-direction: column; height: 100%;}
.witget-alan-news-card__image {width: 100%;height: 150px; object-fit: cover; display: block;}
.witget-alan-news-card__content {padding: 15px; flex-grow: 1;}
.witget-alan-news-card__headline {font-size: 16px;font-weight: 600;color: #1c1e21;margin: 0;line-height: 1.4;transition: color 0.2s ease-in-out;}
.witget-alan-news-card__link:hover .witget-alan-news-card__headline {color: #EF3340;}

.witget-alan-widget {padding: 15px;border-radius: 8px;color: white;display: flex;flex-direction: column;justify-content: space-between;}
.witget-alan-weather-widget { background: linear-gradient(135deg, #5cacec, #4a90e2); }
.witget-alan-weather-widget__header { display: flex; justify-content: space-between; align-items: baseline; }
.witget-alan-weather-widget__location { font-size: 18px; font-weight: bold; }
.witget-alan-weather-widget__status { font-size: 14px; }
.witget-alan-weather-widget__main { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 10px 0; }
.witget-alan-weather-widget__icon { font-size: 40px; line-height: 1; }
.witget-alan-weather-widget__temp { font-size: 44px; font-weight: bold; line-height: 1; }
.witget-alan-weather-widget__details { font-size: 13px; text-align: center; }
.witget-alan-prayer-widget { background-color: #4a3a6a; }
.witget-alan-prayer-widget__title { margin: 0 0 8px 0; font-size: 16px; font-weight: bold; text-align: center; }
.witget-alan-prayer-widget__remaining { border-radius: 6px; padding: 6px; text-align: center; margin-bottom: 10px; font-size: 13px; background-color: rgba(0,0,0,0.2); }
.witget-alan-prayer-widget__remaining-text { font-weight: bold; }
.witget-alan-prayer-widget__times-container { display: flex; justify-content: space-between; text-align: center; gap: 8px; }
.witget-alan-prayer-widget__time-item { flex: 1; padding: 8px 4px; border-radius: 6px; background-color: rgba(0, 0, 0, 0.2); font-size: 12px; }
.witget-alan-prayer-widget__time-item--active { background-color: #f39c12; color: #333; font-weight: bold; }
.witget-alan-prayer-widget__time-value { display: block; font-size: 14px; font-weight: bold; margin-top: 2px; }
.witget-alan-sports-widget { background-color: #4caf50; }
.witget-alan-sports-widget__header { text-align: center; }
.witget-alan-sports-widget__title { margin: 0; font-size: 16px; font-weight: bold; }
.witget-alan-sports-widget__subtitle { font-size: 12px; margin-bottom: 10px; }
.witget-alan-sports-widget__match-info { background-color: rgba(255, 255, 255, 0.2); border-radius: 6px; padding: 10px; text-align: center; margin-bottom: 10px; }
.witget-alan-sports-widget__match-teams { font-weight: bold; font-size: 14px; }
.witget-alan-sports-widget__match-time { font-size: 16px; font-weight: bold; margin-top: 5px; }
.witget-alan-sports-widget__footer { display: flex; flex-direction: column; gap: 5px; }
.witget-alan-sports-widget__link { display: flex; justify-content: space-between; align-items: center; text-decoration: none; color: white; background-color: rgba(255, 255, 255, 0.2); padding: 8px 10px; border-radius: 6px; transition: background-color 0.2s; font-size: 13px; }
.witget-alan-sports-widget__link:hover { background-color: rgba(255, 255, 255, 0.3); }
.witget-alan-sports-widget__link-arrow { font-weight: bold; font-size: 16px; }

/* GÜNDEM ALANI STİLLERİ */
.gundem-container { max-width: 1200px; margin: 20px auto; padding: 0; }
.gundem-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: auto; gap: 20px; }
.gundem-card { background-color: #ffffff; overflow: hidden; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); display: flex; border-radius: 8px; }
.gundem-card.gundem-card-large { grid-row: span 2; }
.gundem-card-link { text-decoration: none; color: inherit; display: flex; flex-direction: column; width: 100%; transition: color 0.3s ease; }
.gundem-card-link:hover .gundem-card-title { color: #EF3340; }
.gundem-image-wrapper { width: 100%; position: relative; display: flex; flex-grow: 1; }
.gundem-card-image { width: 100%; height: 100%; display: block; object-fit: cover; }
.gundem-card-content { padding: 20px; }
.gundem-card-title { font-family: 'Oswald', sans-serif; font-size: 20px; line-height: 1.3; margin: 0 0 10px 0; color: #1c1e21; }
.gundem-card-description { font-size: 15px; line-height: 1.6; color: #65676b; margin: 0; }

@media (max-width: 1024px) {
    .witget-alan-container {
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    }
}
@media (max-width: 992px) {
    .gundem-grid { grid-template-columns: repeat(2, 1fr); }
    .gundem-card.gundem-card-large { grid-row: auto; }
}

@media (max-width: 768px) {
    .witget-alan-container {
        grid-template-columns: 1fr 1fr;
    }
    .gundem-grid { grid-template-columns: 1fr; }
}
@media (max-width: 576px) {
    .witget-alan-container {
        grid-template-columns: 1fr;
    }
    .surmanset-grid { grid-template-columns: 1fr; }
}