/*
Theme Name: PhotoPods Clean
Author: JBSP
Description: Clean, modern, mobile-friendly theme with a header menu, hamburger on mobile, and editable social icons in the Customizer.
Version: 1.2.0
*/

:root{
  --pp-text:#111;
  --pp-muted:#666;
  --pp-border:rgba(0,0,0,.10);
  --pp-bg:#fff;
  --pp-max:1100px;
  --pp-pill:rgba(0,0,0,.05);
  --pp-pill2:rgba(0,0,0,.07);
  --pp-radius:14px;
}

*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background:var(--pp-bg);
  color:var(--pp-text);
}
a{text-decoration:none;color:inherit;}
.container{max-width:var(--pp-max);margin:0 auto;padding:0 20px;}

/* Header */
.site-header{
  border-bottom:1px solid var(--pp-border);
  padding:14px 0;
  position:sticky;top:0;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(10px);
  z-index:50;
}
.header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.site-title{
  font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-size:22px;
  font-weight:700;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.header-right{
  display:flex;
  align-items:center;
  gap:12px;
}

/* Menu */
.nav-toggle{
  display:none;
  border:1px solid var(--pp-border);
  background:#fff;
  border-radius:12px;
  padding:10px 12px;
  font-weight:700;
  line-height:1;
  cursor:pointer;
}
.primary-nav ul{
  list-style:none;margin:0;padding:0;
  display:flex;gap:10px;align-items:center;
}
.primary-nav a{
  display:inline-block;
  padding:10px 12px;
  border-radius:999px;
  background:var(--pp-pill);
  font-weight:700;
  color:var(--pp-text);
}
.primary-nav a:hover{background:var(--pp-pill2);}
.primary-nav .current-menu-item>a,
.primary-nav .current_page_item>a{background:var(--pp-pill2);}

/* Social */
.social-icons{display:flex;gap:10px;align-items:center;}
.social-icons a{
  width:40px;height:40px;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:999px;
  border:1px solid var(--pp-border);
  background:#fff;
}
.social-icons a:hover{background:var(--pp-pill);}
.social-icons svg{width:18px;height:18px;fill:var(--pp-text);opacity:.9;}

/* Content */
.site-content{padding:52px 0;}
.entry-title{margin:0 0 12px 0;}
.entry-content p{line-height:1.6;}

/* Footer */
.site-footer{
  border-top:1px solid var(--pp-border);
  padding:22px 0;
  text-align:center;
  font-size:14px;
  color:var(--pp-muted);
}

/* Mobile header behaviour */
@media (max-width: 820px){
  .nav-toggle{display:inline-flex;align-items:center;gap:8px;}
  .primary-nav{
    position:fixed;
    left:0; right:0;
    top:64px;
    background:rgba(255,255,255,.98);
    border-bottom:1px solid var(--pp-border);
    padding:14px 20px;
    display:none;
  }
  body.pp-nav-open .primary-nav{display:block;}
  .primary-nav ul{
    flex-direction:column;
    align-items:stretch;
    gap:10px;
  }
  .primary-nav a{
    border-radius:14px;
    padding:12px 14px;
  }
}

/* Small phones */
@media (max-width: 420px){
  .container{padding:0 16px;}
  .site-title{font-size:20px;}
  .social-icons a{width:38px;height:38px;}
}