/*
Theme Name: Balli Pinar Magaza
Theme URI: https://ballipinarmagaza.com/
Author: ballipinarmagaza.com
Description: Custom WP theme for Balli Pinar Magaza.
Version: 1.0.0
Text Domain: ballipinarmagaza-theme
*/
:root{
  --ball-bg: #FFFFFF;
  --ball-text: #1F2937;
  --ball-accent: #8D99AE;
  --ball-font: 'Josefin Sans', sans-serif;
  --ball-font-size: 18px;
  --ball-line-height: 1.6;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ball-bg);color:var(--ball-text);font-family:var(--ball-font);font-size:var(--ball-font-size);line-height:var(--ball-line-height);-webkit-font-smoothing:antialiased;text-rendering: optimizeLegibility;}
img{max-width:100%;height:auto;display:block}
a{color:var(--ball-accent);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
/* Header */
.ball-header{background:rgba(255,255,255,0.95);backdrop-filter:saturate(180%) blur(8px);position:sticky;top:0;z-index:100;border-bottom:1px solid #e5e7eb}
.ball-header .ball-container{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}
.ball-site-title{font-size:calc(var(--ball-font-size)*1.5);font-weight:700;color:var(--ball-text);text-decoration:none}
.ball-menu-toggle{display:none;background:none;border:1px solid #d1d5db;border-radius:8px;padding:0.5rem 0.75rem;font-size:1rem}
/* Navigation */
.ball-nav ul, .ball-nav li{list-style:none;margin:0;padding:0}
.ball-nav ul{display:flex;gap:1.5rem}
.ball-nav li{position:relative}
.ball-nav li a{color:var(--ball-text);font-weight:500;padding:0.5rem 0;display:inline-block}
.ball-nav li a:hover{color:var(--ball-accent)}
.ball-nav ul ul{display:none;position:absolute;top:100%;left:0;background:var(--ball-bg);border:1px solid #e5e7eb;border-radius:4px;min-width:200px;z-index:10;flex-direction:column;gap:0}
.ball-nav ul li:hover > ul{display:flex;flex-direction:column}
.ball-nav ul ul li a{padding:0.5rem 1rem;width:100%}
@media(max-width:768px){
  .ball-menu-toggle{display:block}
  .ball-nav ul{flex-direction:column;gap:0;background:var(--ball-bg);position:absolute;top:100%;left:0;width:100%;border-top:1px solid #e5e7eb;display:none}
  .ball-nav.open ul{display:flex}
  .ball-nav ul ul{position:static;border:0}
  .ball-nav ul li:hover > ul{display:none}
  .ball-nav ul li ul{padding-left:1rem;border-left:2px solid #e5e7eb}
}
/* Content */
.ball-content{padding:2rem 0}
.ball-post{margin-bottom:2rem;border-bottom:1px solid #e5e7eb;padding-bottom:2rem}
.ball-post-title{font-size:calc(var(--ball-font-size)*1.5);margin:0 0 0.5rem}
.ball-post-meta{font-size:calc(var(--ball-font-size)*0.85);color:#6b7280;margin-bottom:0.5rem}
.ball-entry{font-size:calc(var(--ball-font-size)*1);}
/* Single */
.ball-single-title{font-size:calc(var(--ball-font-size)*2);margin:0 0 1rem}
.ball-single-content p{margin-bottom:1rem}
/* Footer */
.ball-footer{border-top:1px solid #e5e7eb;padding:1.5rem 0;text-align:center;color:#6b7280}