/*
Theme Name: Holiganbetgirisleri
Theme URI: https://holiganbetgirisleri.com
Author: Holiganbetgirisleri
Author URI: https://holiganbetgirisleri.com
Description: Holiganbetgirisleri.com Wordpress Teması
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: holiganbetgirisleri
*/

/* ============================================
   RESET & BASE
   ============================================ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth;line-height:1.15}
body{font-family:'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;background:#f7f8fa;color:#2d3748;line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:#e67e22;text-decoration:none;transition:color .2s ease}
a:hover{color:#c0601a}
ul,ol{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;color:#1a202c}

/* ============================================
   LAYOUT
   ============================================ */
.site-wrapper{min-height:100vh;display:flex;flex-direction:column}
.site-content{flex:1}
.container{max-width:1180px;margin:0 auto;padding:0 20px}
.content-area{display:flex;gap:30px;padding:30px 0}
.main-content{flex:1;min-width:0}
.sidebar{width:320px;flex-shrink:0}

/* ============================================
   HEADER
   ============================================ */
.site-header{background:linear-gradient(135deg,#1b2838 0%,#0d1520 100%);position:relative;z-index:100}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.site-branding{display:flex;align-items:center;gap:10px}
.site-branding .site-title{margin:0}
.site-branding .site-title a{color:#fff;font-size:1.35rem;font-weight:800;letter-spacing:-.01em;text-transform:uppercase}
.site-branding .site-title a span.brand-green{color:#4caf50}
.site-branding .site-title a span.brand-orange{color:#f57c00}
.site-branding .custom-logo-link img{max-height:42px;width:auto}

/* ============================================
   NAVIGATION — DESKTOP
   ============================================ */
.main-navigation{display:none}
.main-navigation ul{display:flex;gap:2px}
.main-navigation ul li{position:relative}
.main-navigation ul li a{display:flex;align-items:center;gap:5px;padding:10px 16px;color:#e2e8f0;font-size:.9rem;font-weight:600;transition:background .2s,color .2s;border-radius:6px;white-space:nowrap}
.main-navigation ul li a:hover,.main-navigation ul li.current-menu-item>a,.main-navigation ul li.current-menu-ancestor>a{background:rgba(245,124,0,.15);color:#f59e0b}

/* Dropdown arrow — Desktop */
.main-navigation ul li.menu-item-has-children>a::after{content:'';display:inline-block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;margin-left:3px;transition:transform .25s ease}
.main-navigation ul li.menu-item-has-children:hover>a::after{transform:rotate(180deg)}

/* Sub-menu — Desktop */
.main-navigation ul li ul.sub-menu,.main-navigation ul li ul.children{position:absolute;top:100%;left:0;min-width:220px;background:#1b2838;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:6px 0;opacity:0;visibility:hidden;transform:translateY(8px);transition:all .25s ease;z-index:200;box-shadow:0 12px 28px rgba(0,0,0,.35)}
.main-navigation ul li:hover>ul.sub-menu,.main-navigation ul li:hover>ul.children,.main-navigation ul li.focus>ul.sub-menu,.main-navigation ul li.focus>ul.children{opacity:1;visibility:visible;transform:translateY(0)}
.main-navigation ul li ul.sub-menu li a,.main-navigation ul li ul.children li a{padding:8px 18px;font-size:.85rem;border-radius:0;color:#cbd5e1}
.main-navigation ul li ul.sub-menu li a:hover,.main-navigation ul li ul.children li a:hover{background:rgba(245,124,0,.12);color:#f59e0b}

/* Nested sub-menu */
.main-navigation ul li ul.sub-menu li ul.sub-menu,.main-navigation ul li ul.children li ul.children{top:0;left:100%}

/* ============================================
   NAVIGATION — MOBILE
   ============================================ */
.menu-toggle{display:flex;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;z-index:110}
.menu-toggle .bar{width:26px;height:3px;background:#f57c00;border-radius:2px;transition:transform .3s ease,opacity .3s ease}
.menu-toggle.active .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}
.menu-toggle.active .bar:nth-child(2){opacity:0}
.menu-toggle.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}

.mobile-nav{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(13,21,32,.97);z-index:105;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-top:70px}
.mobile-nav.open{display:block;animation:fadeSlide .3s ease}
@keyframes fadeSlide{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
.mobile-nav ul{padding:10px 20px}
.mobile-nav ul li{border-bottom:1px solid rgba(255,255,255,.06)}
.mobile-nav ul li a{display:flex;align-items:center;justify-content:space-between;padding:14px 8px;color:#e2e8f0;font-size:1rem;font-weight:600}
.mobile-nav ul li a:hover,.mobile-nav ul li.current-menu-item>a{color:#f59e0b}

/* Mobile dropdown toggle button */
.mobile-dropdown-toggle{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-left:1px solid rgba(255,255,255,.08);cursor:pointer;flex-shrink:0;color:#e2e8f0;transition:color .2s,transform .25s}
.mobile-dropdown-toggle svg{width:18px;height:18px;transition:transform .25s ease;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.mobile-dropdown-toggle.open svg{transform:rotate(180deg)}
.mobile-dropdown-toggle.open{color:#f59e0b}

/* Mobile sub-menu */
.mobile-nav ul li ul.sub-menu,.mobile-nav ul li ul.children{display:none;padding-left:16px;background:rgba(255,255,255,.02);border-radius:0 0 6px 6px}
.mobile-nav ul li ul.sub-menu.open,.mobile-nav ul li ul.children.open{display:block;animation:subSlide .25s ease}
@keyframes subSlide{from{opacity:0;max-height:0}to{opacity:1;max-height:500px}}
.mobile-nav ul li ul.sub-menu li a,.mobile-nav ul li ul.children li a{font-size:.9rem;padding:11px 8px;color:#94a3b8}
.mobile-nav ul li ul.sub-menu li a:hover,.mobile-nav ul li ul.children li a:hover{color:#f59e0b}

/* Mobile nav link wrapper for items with children */
.mobile-nav .menu-item-has-children>div.mobile-link-wrap{display:flex;align-items:center}
.mobile-nav .menu-item-has-children>div.mobile-link-wrap>a{flex:1;padding-right:0}

/* ============================================
   RESPONSIVE: Show desktop nav, hide mobile toggle
   ============================================ */
@media(min-width:992px){
    .menu-toggle{display:none}
    .main-navigation{display:block}
    .mobile-nav{display:none!important}
}

/* ============================================
   POSTS LIST (index, archive, search, author)
   ============================================ */
.posts-list .post-card{background:#fff;border-radius:10px;padding:24px;margin-bottom:20px;border:1px solid #e8ecf1;transition:box-shadow .2s ease,transform .15s ease}
.posts-list .post-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.06);transform:translateY(-1px)}
.posts-list .post-card .post-title{margin-bottom:10px}
.posts-list .post-card .post-title a{color:#1a202c;font-size:1.25rem;font-weight:700;transition:color .2s}
.posts-list .post-card .post-title a:hover{color:#e67e22}
.posts-list .post-card .post-excerpt{color:#4a5568;font-size:.95rem;line-height:1.7;margin-bottom:14px}
.posts-list .post-card .post-excerpt p{margin:0}
.posts-list .post-card .read-more{display:inline-flex;align-items:center;gap:6px;color:#f57c00;font-weight:600;font-size:.88rem;padding:6px 14px;border:2px solid #f57c00;border-radius:6px;transition:all .2s}
.posts-list .post-card .read-more:hover{background:#f57c00;color:#fff}
.posts-list .post-card .read-more svg{width:14px;height:14px;fill:currentColor;transition:transform .2s}
.posts-list .post-card .read-more:hover svg{transform:translateX(3px)}

/* Post thumbnail in listing */
.post-card .post-thumb{margin-bottom:14px;border-radius:8px;overflow:hidden}
.post-card .post-thumb img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover}

/* ============================================
   SINGLE POST
   ============================================ */
.single-post-content{background:#fff;border-radius:10px;padding:32px;border:1px solid #e8ecf1}
.single-post-content .entry-title{font-size:1.6rem;color:#1a202c;margin-bottom:18px;line-height:1.35}
.single-post-content .entry-content{color:#2d3748;font-size:1rem;line-height:1.8}
.single-post-content .entry-content p{margin-bottom:1.1em}
.single-post-content .entry-content h2{font-size:1.3rem;margin:1.6em 0 .6em;color:#1a202c;border-left:4px solid #f57c00;padding-left:12px}
.single-post-content .entry-content h3{font-size:1.15rem;margin:1.3em 0 .5em;color:#2d3748}
.single-post-content .entry-content ul,.single-post-content .entry-content ol{margin:0 0 1.1em 1.4em}
.single-post-content .entry-content ul{list-style:disc}
.single-post-content .entry-content ol{list-style:decimal}
.single-post-content .entry-content li{margin-bottom:.35em;color:#4a5568}
.single-post-content .entry-content a{color:#e67e22;text-decoration:underline;text-underline-offset:2px}
.single-post-content .entry-content a:hover{color:#c0601a}
.single-post-content .entry-content img{border-radius:8px;margin:1em 0}
.single-post-content .entry-content blockquote{border-left:4px solid #4caf50;padding:12px 20px;background:#f0fdf4;margin:1.2em 0;border-radius:0 8px 8px 0;color:#2d3748;font-style:italic}
.single-post-content .entry-content table{width:100%;border-collapse:collapse;margin:1.2em 0}
.single-post-content .entry-content table th,.single-post-content .entry-content table td{border:1px solid #e8ecf1;padding:10px 14px;text-align:left;font-size:.9rem}
.single-post-content .entry-content table th{background:#f7f8fa;font-weight:700}

/* Featured Image on single */
.single-featured-image{margin-bottom:20px;border-radius:10px;overflow:hidden}
.single-featured-image img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover}

/* ============================================
   PAGE
   ============================================ */
.page-content-wrap{background:#fff;border-radius:10px;padding:32px;border:1px solid #e8ecf1}
.page-content-wrap .entry-title{font-size:1.5rem;margin-bottom:16px;color:#1a202c}
.page-content-wrap .entry-content{color:#2d3748;font-size:1rem;line-height:1.8}
.page-content-wrap .entry-content p{margin-bottom:1.1em}
.page-content-wrap .entry-content h2{font-size:1.3rem;margin:1.6em 0 .6em;color:#1a202c;border-left:4px solid #f57c00;padding-left:12px}
.page-content-wrap .entry-content h3{font-size:1.15rem;margin:1.3em 0 .5em;color:#2d3748}
.page-content-wrap .entry-content ul,.page-content-wrap .entry-content ol{margin:0 0 1.1em 1.4em}
.page-content-wrap .entry-content ul{list-style:disc}
.page-content-wrap .entry-content ol{list-style:decimal}
.page-content-wrap .entry-content li{margin-bottom:.35em;color:#4a5568}
.page-content-wrap .entry-content a{color:#e67e22;text-decoration:underline;text-underline-offset:2px}
.page-content-wrap .entry-content a:hover{color:#c0601a}

/* ============================================
   SIDEBAR
   ============================================ */
.sidebar .widget{background:#fff;border-radius:10px;padding:22px;margin-bottom:20px;border:1px solid #e8ecf1}
.sidebar .widget-title{font-size:1rem;font-weight:700;color:#1a202c;margin-bottom:14px;padding-bottom:10px;border-bottom:3px solid #f57c00;text-transform:uppercase;letter-spacing:.02em}
.sidebar .widget ul li{padding:8px 0;border-bottom:1px solid #f0f2f5;font-size:.9rem}
.sidebar .widget ul li:last-child{border-bottom:none}
.sidebar .widget ul li a{color:#4a5568;font-weight:500;transition:color .2s}
.sidebar .widget ul li a:hover{color:#e67e22}

/* ============================================
   PAGINATION
   ============================================ */
.navigation.pagination{padding:20px 0 30px}
.navigation.pagination .nav-links{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}
.navigation.pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;font-size:.9rem;font-weight:600;color:#4a5568;background:#fff;border:1px solid #e2e8f0;transition:all .2s}
.navigation.pagination .page-numbers:hover{border-color:#f57c00;color:#f57c00}
.navigation.pagination .page-numbers.current{background:#f57c00;color:#fff;border-color:#f57c00}
.navigation.pagination .page-numbers.dots{border:none;background:transparent;cursor:default}
.navigation.pagination .page-numbers.prev,.navigation.pagination .page-numbers.next{width:auto;padding:0 14px;font-size:.85rem}

/* ============================================
   ARCHIVE / SEARCH PAGE HEADER
   ============================================ */
.page-header{background:#fff;border-radius:10px;padding:22px 28px;margin-bottom:24px;border:1px solid #e8ecf1;border-left:5px solid #4caf50}
.page-header h1{font-size:1.35rem;color:#1a202c;margin:0}
.page-header .archive-description{color:#4a5568;margin-top:6px;font-size:.92rem}

/* ============================================
   COMMENTS
   ============================================ */
.comments-area{background:#fff;border-radius:10px;padding:28px;margin-top:24px;border:1px solid #e8ecf1}
.comments-area .comments-title{font-size:1.2rem;margin-bottom:20px;color:#1a202c}
.comment-list{list-style:none;padding:0}
.comment-list .comment{padding:16px 0;border-bottom:1px solid #f0f2f5}
.comment-list .comment:last-child{border-bottom:none}
.comment-list .comment .comment-author{font-weight:700;color:#1a202c;margin-bottom:4px;font-size:.92rem}
.comment-list .comment .comment-meta{font-size:.8rem;color:#718096;margin-bottom:8px}
.comment-list .comment .comment-content{color:#4a5568;font-size:.92rem;line-height:1.6}
.comment-list .comment .comment-content p{margin-bottom:.5em}
.comment-list .comment .reply a{font-size:.82rem;color:#f57c00;font-weight:600}
.comment-respond .comment-reply-title{font-size:1.1rem;color:#1a202c;margin-bottom:14px}
.comment-respond label{display:block;font-size:.88rem;color:#4a5568;margin-bottom:4px;font-weight:600}
.comment-respond input[type="text"],.comment-respond input[type="email"],.comment-respond input[type="url"],.comment-respond textarea{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;font-family:inherit;outline:none;transition:border-color .2s;margin-bottom:12px;background:#f7f8fa}
.comment-respond input:focus,.comment-respond textarea:focus{border-color:#f57c00}
.comment-respond textarea{min-height:120px;resize:vertical}
.comment-respond .submit{background:#f57c00;color:#fff;border:none;padding:10px 24px;font-size:.9rem;font-weight:700;border-radius:6px;cursor:pointer;transition:background .2s}
.comment-respond .submit:hover{background:#e06800}

/* ============================================
   FOOTER
   ============================================ */
.site-footer{background:#1b2838;color:#b8c6d4;padding:28px 0 0;margin-top:auto}
.footer-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;padding-bottom:18px}
.footer-links a{color:#e2e8f0;font-size:.88rem;font-weight:500;transition:color .2s}
.footer-links a:hover{color:#f59e0b}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:16px 0;text-align:center}
.footer-bottom p{color:#b8c6d4;font-size:.84rem;margin:0;line-height:1.6}
.footer-bottom a{color:#f59e0b;font-weight:600}
.footer-bottom a:hover{color:#fbbf24}

/* ============================================
   404 PAGE
   ============================================ */
.error-404-wrap{text-align:center;padding:60px 20px;background:#fff;border-radius:10px;border:1px solid #e8ecf1}
.error-404-wrap .error-code{font-size:5rem;font-weight:900;color:#f57c00;line-height:1;margin-bottom:10px}
.error-404-wrap h1{font-size:1.5rem;color:#1a202c;margin-bottom:16px}
.error-404-wrap p{color:#4a5568;margin-bottom:24px;font-size:1rem}
.error-404-wrap .search-form{display:flex;max-width:380px;margin:0 auto;gap:0}
.error-404-wrap .search-form .search-field{flex:1;padding:10px 14px;border:1px solid #e2e8f0;border-radius:6px 0 0 6px;font-size:.9rem;outline:none}
.error-404-wrap .search-form .search-submit{background:#f57c00;color:#fff;border:none;padding:10px 20px;font-weight:700;border-radius:0 6px 6px 0;cursor:pointer;font-size:.9rem}
.error-404-wrap .back-home{display:inline-block;margin-top:18px;color:#4caf50;font-weight:600;font-size:.92rem}

/* ============================================
   SEARCH FORM
   ============================================ */
.search-form{display:flex;gap:0}
.search-form .search-field{flex:1;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px 0 0 6px;font-size:.88rem;outline:none}
.search-form .search-submit{background:#f57c00;color:#fff;border:none;padding:8px 16px;font-weight:600;border-radius:0 6px 6px 0;cursor:pointer;font-size:.88rem}

/* ============================================
   ACCESSIBILITY
   ============================================ */
.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden;word-wrap:normal!important}
.screen-reader-text:focus{background:#f7f8fa;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;color:#1a202c;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}

/* Skip Link */
.skip-link{position:absolute;top:-40px;left:0;background:#f57c00;color:#fff;padding:8px;z-index:99999;transition:top .2s}
.skip-link:focus{top:0}

/* ============================================
   WORDPRESS CORE CLASSES
   ============================================ */
.alignleft{float:left;margin:0 1.5em 1em 0}
.alignright{float:right;margin:0 0 1em 1.5em}
.aligncenter{display:block;margin:0 auto 1em}
.wp-caption{max-width:100%}
.wp-caption-text{text-align:center;font-size:.82rem;color:#718096;padding-top:6px}
.gallery-caption{display:block}
.sticky .post-card{border-left:4px solid #4caf50}
.bypostauthor .comment{background:#f0fdf4;padding:16px;border-radius:6px}

/* ============================================
   RESPONSIVE
   ============================================ */
@media(max-width:991px){
    .content-area{flex-direction:column}
    .sidebar{width:100%}
}
@media(max-width:600px){
    .single-post-content,.page-content-wrap,.comments-area{padding:18px}
    .single-post-content .entry-title{font-size:1.3rem}
    .posts-list .post-card{padding:16px}
    .page-header{padding:16px 18px}
    .header-inner{padding:10px 0}
    .site-branding .site-title a{font-size:1.1rem}
}

/* ============================================
   POPUP — Banner CSS (Non-AMP version)
   Displayed only when popup is active
   ============================================ */
.popup-overlay{position:fixed;bottom:0;left:0;width:100%;z-index:9998;transform:translateY(0);transition:transform .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 -8px 30px rgba(0,0,0,.5)}
.popup-overlay.hidden{transform:translateY(110%);pointer-events:none}
.popup-container{font-family:'Segoe UI',Roboto,sans-serif;background:linear-gradient(180deg,#0f172a,#020617);padding:1.2rem 1rem .8rem;position:relative;border-radius:16px 16px 0 0;max-width:560px;margin:0 auto;border-top:3px solid #3b82f6}
.popup-close{position:absolute;top:-14px;right:14px;background:#1e293b;border:2px solid #3b82f6;color:#60a5fa;font-size:1rem;cursor:pointer;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;line-height:1;z-index:10;transition:all .2s}
.popup-close:hover{background:#3b82f6;color:#fff;transform:scale(1.1)}
.popup-header{text-align:center;margin-bottom:.6rem}
.popup-header h3{font-size:1rem;font-weight:800;margin:0 0 .15rem;color:#f8fafc}
.popup-header p{color:#94a3b8;font-size:.68rem;font-weight:500;margin:0;letter-spacing:.03em;text-transform:uppercase}
.popup-brands{display:flex;flex-direction:column;gap:.5rem}
.popup-brand{display:flex;align-items:center;background:linear-gradient(90deg,rgba(139,92,246,.15),rgba(15,23,42,.8));border-radius:10px;padding:.55rem .7rem;text-decoration:none;color:#fff;border:1px solid rgba(139,92,246,.4);gap:.6rem;position:relative;overflow:hidden;transition:transform .2s}
.popup-brand:hover{transform:scale(1.01);color:#fff}
.popup-brand-alt{background:linear-gradient(90deg,rgba(16,185,129,.15),rgba(15,23,42,.8));border-color:rgba(16,185,129,.4)}
.popup-brand .brand-logo{width:60px;min-width:60px;height:34px;background:#fff;border-radius:5px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid rgba(255,255,255,.1)}
.popup-brand .brand-logo img{width:88%;height:88%;object-fit:contain}
.popup-brand .brand-info{flex:1;min-width:0}
.popup-brand .brand-info strong{display:block;font-size:.82rem;font-weight:800;margin-bottom:.1rem;color:#f8fafc}
.popup-brand .brand-info span{font-size:.6rem;color:#e2e8f0;line-height:1.3;display:block}
.popup-brand .brand-cta{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;font-size:.62rem;font-weight:800;padding:.3rem .6rem;border-radius:18px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;flex-shrink:0}
.popup-brand-alt .brand-cta{background:linear-gradient(135deg,#10b981,#059669)}