/*
Theme Name: Vourlamag
Theme URI: https://vourlamag.com/
Author: Generated by GPT
Description: Custom WP theme for Vourlamag with full width layout and unique design.
Version: 1.0.0
Text Domain: vourlamag-theme
*/
:root{
  --vour-bg: #FFFFFF;
  --vour-text: #1F2937;
  --vour-accent: #F9844A;
  --vour-font: 'Nunito', sans-serif;
  --vour-font-size: 18px;
  --vour-line-height: 1.6;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--vour-bg);color:var(--vour-text);font-family:var(--vour-font);font-size:var(--vour-font-size);line-height:var(--vour-line-height);-webkit-font-smoothing:antialiased;text-rendering: optimizeLegibility;}
img{max-width:100%;height:auto;display:block}
a{color:var(--vour-accent);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
/* Header */
.vour-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}
.vour-header .vour-container{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}
.vour-site-title{font-size:calc(var(--vour-font-size)*1.5);font-weight:700;color:var(--vour-text);text-decoration:none}
.vour-menu-toggle{display:none;background:none;border:1px solid #d1d5db;border-radius:8px;padding:0.5rem 0.75rem;font-size:1rem}
/* Navigation */
.vour-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:1.5rem}
.vour-nav li{position:relative}
.vour-nav li a{color:var(--vour-text);font-weight:500;padding:0.5rem 0;display:inline-block}
.vour-nav li a:hover{color:var(--vour-accent)}
.vour-nav ul ul{display:none;position:absolute;top:100%;left:0;background:var(--vour-bg);border:1px solid #e5e7eb;border-radius:4px;min-width:200px;z-index:10;flex-direction:column;gap:0}
.vour-nav ul li:hover > ul{display:flex;flex-direction:column}
.vour-nav ul ul li a{padding:0.5rem 1rem;width:100%}
@media(max-width:768px){
  .vour-menu-toggle{display:block}
  .vour-nav ul{flex-direction:column;gap:0;background:var(--vour-bg);position:absolute;top:100%;left:0;width:100%;border-top:1px solid #e5e7eb;display:none}
  .vour-nav.open ul{display:flex}
  .vour-nav ul ul{position:static;border:0}
  .vour-nav ul li:hover > ul{display:none}
  .vour-nav ul li ul{padding-left:1rem;border-left:2px solid #e5e7eb}
}
/* Content */
.vour-content{padding:2rem 0}
.vour-post{margin-bottom:2rem;border-bottom:1px solid #e5e7eb;padding-bottom:2rem}
.vour-post-title{font-size:calc(var(--vour-font-size)*1.5);margin:0 0 0.5rem}
.vour-post-meta{font-size:calc(var(--vour-font-size)*0.85);color:#6b7280;margin-bottom:0.5rem}
.vour-entry{font-size:calc(var(--vour-font-size)*1);}
/* Single post styles */
.vour-single-title{font-size:calc(var(--vour-font-size)*2);margin:0 0 1rem}
.vour-single-content p{margin-bottom:1rem}
/* Footer */
.vour-footer{border-top:1px solid #e5e7eb;padding:1.5rem 0;text-align:center;color:#6b7280}