/*
Theme Name: Barrie MacLeod
Theme URI: https://barriemacleod.com/
Author: Rebuild (Claude Code)
Description: Modern, self-maintained rebuild of the classic "Expression" photography look — framed white content on a warm dark-gray ground, PT Sans type, sorted portfolio galleries. Built as a standard WordPress theme so it runs on current PHP and is fully editable from wp-admin. Structured for multiple top sections (Photography, Aviation, Vacations).
Version: 0.7.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: barriemacleod
*/

/* ---------- Base (faithful to Expression palette) ---------- */
:root{
  --frame:#575652;      /* warm dark-gray outer ground */
  --paper:#ffffff;      /* content area */
  --ink:#555555;        /* body text */
  --ink-strong:#3d3d3d; /* links / headings */
  --hair:#e4e4e2;       /* hairlines */
  --accent:#9c7a53;     /* muted warm accent */
  --soft:#f9f9f9;
  --maxw:1080px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background-color:var(--frame);
  color:var(--ink);
  font-family:'PT Sans',Verdana,Geneva,sans-serif;
  font-size:16px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block;}
a{color:var(--ink-strong);text-decoration:none;}
a:hover{color:var(--accent);}
h1,h2,h3{color:var(--ink-strong);font-weight:400;line-height:1.2;}

/* ---------- The framed white page ---------- */
.shell{max-width:var(--maxw);margin:0 auto;background:var(--paper);min-height:100vh;box-shadow:0 0 40px rgba(0,0,0,.35);}
.pad{padding:0 44px;}

/* ---------- Header ---------- */
.site-header{padding:34px 44px 0;text-align:center;}
.site-title{font-size:2.1rem;letter-spacing:.14em;text-transform:uppercase;margin:0;}
.site-title a{color:var(--ink-strong);}
.site-tagline{color:#8c8c8c;font-size:.82rem;letter-spacing:.26em;text-transform:uppercase;margin:8px 0 0;}

/* ---------- Navigation ---------- */
.main-nav{margin-top:26px;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);}
.main-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;}
.main-nav li{position:relative;}
.main-nav a{display:block;padding:15px 20px;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#6a6a6a;}
.main-nav a:hover{color:var(--ink-strong);}
.main-nav .current-menu-item>a,.main-nav .current-menu-parent>a{color:var(--ink-strong);border-bottom:2px solid var(--accent);}
/* dropdown */
.main-nav li ul{display:none;position:absolute;top:100%;left:0;background:var(--paper);border:1px solid var(--hair);min-width:190px;z-index:40;flex-direction:column;box-shadow:0 10px 24px rgba(0,0,0,.12);}
.main-nav li:hover>ul{display:flex;}
.main-nav li ul a{padding:11px 18px;text-align:left;border-bottom:1px solid var(--soft);}
.badge-soon{font-size:.6rem;letter-spacing:.1em;color:#fff;background:var(--accent);padding:2px 6px;border-radius:3px;margin-left:7px;vertical-align:middle;}

/* ---------- Content ---------- */
.content{padding:50px 44px 60px;}
.page-title{text-align:center;font-size:1.7rem;letter-spacing:.1em;text-transform:uppercase;margin:0 0 6px;}
.page-sub{text-align:center;color:#9a9a9a;font-style:italic;margin:0 0 42px;}
.rule{width:52px;height:2px;background:var(--accent);margin:14px auto 40px;}

/* ---------- Full-screen home slideshow (Expression "full-height" effect) ---------- */
.home-slideshow{position:relative;width:100%;height:calc(100vh - 170px);min-height:460px;overflow:hidden;background:#111;}
.home-slideshow .slide{position:absolute;inset:0;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:0;transition:opacity 1.2s ease-in-out;}
.home-slideshow .slide.is-active{opacity:1;}
/* wide panoramas: show the whole image (letterboxed) instead of cropping */
.home-slideshow .slide.is-wide{background-size:contain;background-repeat:no-repeat;}
.slideshow-caption{position:absolute;left:0;right:0;bottom:46px;text-align:center;color:#fff;z-index:3;pointer-events:none;text-shadow:0 2px 18px rgba(0,0,0,.55);}
.slideshow-caption span{display:block;font-size:2.2rem;letter-spacing:.2em;text-transform:uppercase;}
.slideshow-caption small{display:block;margin-top:10px;font-size:.8rem;letter-spacing:.3em;text-transform:uppercase;opacity:.9;}
.slideshow-dots{position:absolute;left:0;right:0;bottom:22px;display:flex;gap:10px;justify-content:center;z-index:4;}
.slideshow-dots .dot{width:9px;height:9px;border-radius:50%;border:0;background:rgba(255,255,255,.45);cursor:pointer;padding:0;transition:background .2s,transform .2s;}
.slideshow-dots .dot:hover{background:rgba(255,255,255,.75);}
.slideshow-dots .dot.is-active{background:#fff;transform:scale(1.25);}
.ss-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;background:rgba(0,0,0,.28);border:0;color:#fff;font-size:2.4rem;line-height:1;width:56px;height:72px;cursor:pointer;opacity:.75;transition:opacity .2s,background .2s;}
.ss-nav:hover{opacity:1;background:rgba(0,0,0,.5);}
.ss-prev{left:0;} .ss-next{right:0;}
.ss-pause{position:absolute;top:16px;right:16px;z-index:5;background:rgba(0,0,0,.3);border:0;color:#fff;font-size:.9rem;line-height:1;padding:9px 12px;border-radius:6px;cursor:pointer;opacity:.8;letter-spacing:1px;transition:opacity .2s,background .2s;}
.ss-pause:hover{opacity:1;background:rgba(0,0,0,.55);}
@media(max-width:820px){.ss-nav{width:42px;height:58px;font-size:1.8rem;}}
@media(max-width:820px){.home-slideshow{height:70vh;}.slideshow-caption span{font-size:1.5rem;}}

/* ---------- Hero ---------- */
.hero{position:relative;margin:0 0 4px;}
.hero img{width:100%;height:68vh;min-height:440px;object-fit:cover;}
.hero .cap{position:absolute;left:0;right:0;bottom:0;padding:30px;background:linear-gradient(to top,rgba(0,0,0,.6),transparent);color:#fff;text-align:center;}
.hero .cap h2{color:#fff;font-size:2rem;letter-spacing:.14em;text-transform:uppercase;margin:0;}
.hero .cap p{letter-spacing:.2em;text-transform:uppercase;font-size:.8rem;margin:10px 0 0;}

/* ---------- Category cards (homepage) ---------- */
.cats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px;}
.cat-card{position:relative;overflow:hidden;aspect-ratio:4/3;background:var(--soft);}
.cat-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease,filter .4s;filter:saturate(.9) brightness(.85);}
.cat-card:hover img{transform:scale(1.05);filter:saturate(1) brightness(.72);}
.cat-card .label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}
.cat-card .label span{color:#fff;font-size:1.15rem;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 1px 10px rgba(0,0,0,.6);}

/* ---------- Gallery grid (category pages) ---------- */
.wp-block-gallery{gap:14px !important;}
.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.gal a{display:block;overflow:hidden;aspect-ratio:3/4;background:var(--soft);}
.gal img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease;}
.gal a:hover img{transform:scale(1.05);}

/* ---------- Gallery "feature / all" view ---------- */
.gallery-view{position:relative;}
.gv-feature{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;}
.gv-stage{flex:1;display:flex;justify-content:center;}
.gv-mainlink{display:inline-block;cursor:zoom-in;}
.gv-main{max-height:76vh;max-width:100%;width:auto;object-fit:contain;box-shadow:0 8px 34px rgba(0,0,0,.18);}
.gv-nav{flex:0 0 auto;background:transparent;border:0;color:#bdb6ab;font-size:3rem;line-height:1;cursor:pointer;padding:0 6px;transition:color .2s;}
.gv-nav:hover{color:var(--ink-strong);}
.gv-bar{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:22px;}
.gv-count{color:#9a9a9a;font-size:.82rem;letter-spacing:.18em;}
.gv-toggle{background:transparent;border:1px solid var(--hair);color:#6a6a6a;padding:9px 22px;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;border-radius:999px;cursor:pointer;font-family:var(--sans);transition:all .2s;}
.gv-toggle:hover{border-color:var(--accent);color:var(--ink-strong);}
/* Photo caption (editable per photo in Media Library) */
.gv-caption{text-align:center;max-width:680px;margin:20px auto 0;color:#6a6a6a;font-family:var(--serif);font-size:1.12rem;font-style:italic;line-height:1.5;}
.gallery-view.is-grid .gv-caption{display:none !important;}

/* Owner-only inline comment editor (hidden in the grid view) */
.gv-capedit{display:flex;gap:10px;align-items:center;justify-content:center;max-width:680px;margin:12px auto 0;flex-wrap:wrap;}
.gv-capinput{flex:1 1 360px;min-width:0;padding:9px 12px;border:1px solid var(--hair);border-radius:6px;font-family:var(--sans);font-size:.95rem;color:var(--ink-strong);background:#fff;}
.gv-capinput:focus{outline:none;border-color:var(--accent);}
.gv-capsave{background:var(--accent);border:1px solid var(--accent);color:#fff;padding:9px 20px;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;border-radius:999px;cursor:pointer;font-family:var(--sans);transition:opacity .2s;}
.gv-capsave:hover{opacity:.85;}
.gv-capstatus{font-size:.8rem;color:#8a8a8a;min-width:54px;}
.gallery-view.is-grid .gv-capedit{display:none;}

/* Grid is hidden until "All" is clicked (adds .is-grid to .gallery-view) */
.gv-grid{display:none;grid-template-columns:repeat(4,1fr);gap:14px;}
.gallery-view.is-grid .gv-feature{display:none;}
.gallery-view.is-grid .gv-count{display:none;}
.gallery-view.is-grid .gv-grid{display:grid;margin-bottom:26px;}
.gv-grid a{display:block;overflow:hidden;aspect-ratio:3/4;background:var(--soft);cursor:zoom-in;}
.gv-grid img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease;}
.gv-grid a:hover img{transform:scale(1.05);}
/* in grid mode the bar (just the "All/Single" toggle) sits on top */
.gallery-view.is-grid .gv-bar{margin-top:0;margin-bottom:26px;}
@media(max-width:860px){.gv-grid{grid-template-columns:repeat(3,1fr);}.gv-nav{font-size:2.2rem;}}
@media(max-width:520px){.gv-grid{grid-template-columns:repeat(2,1fr);}.gv-main{max-height:62vh;}}

/* ---------- Core [gallery] shortcode -> clean uniform grid ---------- */
.gallery{display:grid !important;gap:14px;margin:0 auto !important;}
.gallery-columns-3{grid-template-columns:repeat(3,1fr);}
.gallery-columns-4{grid-template-columns:repeat(4,1fr);}
.gallery-columns-2{grid-template-columns:repeat(2,1fr);}
.gallery .gallery-item{width:auto !important;margin:0 !important;float:none !important;}
.gallery .gallery-icon{margin:0 !important;overflow:hidden;aspect-ratio:3/4;background:var(--soft);}
.gallery .gallery-icon a{display:block;height:100%;}
.gallery .gallery-icon img{width:100% !important;height:100% !important;object-fit:cover;border:0 !important;transition:transform .6s ease;}
.gallery .gallery-icon a:hover img{transform:scale(1.05);}
.gallery .gallery-caption{display:none;}
.page-body{max-width:none;}
.page-body p{max-width:760px;margin-left:auto;margin-right:auto;}
@media(max-width:820px){.gallery-columns-3,.gallery-columns-4{grid-template-columns:repeat(2,1fr);}}
@media(max-width:520px){.gallery-columns-2,.gallery-columns-3,.gallery-columns-4{grid-template-columns:1fr;}}

/* ---------- Lightbox (full-size viewer with arrows) ---------- */
.bm-lightbox{position:fixed;inset:0;z-index:9999;background:rgba(18,18,18,.94);display:none;align-items:center;justify-content:center;}
.bm-lightbox.is-open{display:flex;}
.bm-lb-stage{margin:0;max-width:92vw;max-height:92vh;display:flex;flex-direction:column;align-items:center;}
.bm-lb-stage img{max-width:92vw;max-height:86vh;object-fit:contain;box-shadow:0 10px 50px rgba(0,0,0,.6);}
.bm-lb-count{color:#cfcfcf;font-size:.78rem;letter-spacing:.18em;margin-top:14px;}
.bm-lightbox button{background:transparent;border:0;color:#fff;cursor:pointer;font-family:var(--serif,inherit);}
.bm-lb-prev,.bm-lb-next{position:absolute;top:50%;transform:translateY(-50%);width:64px;height:64px;border-radius:50%;font-size:2.6rem;line-height:1;background:rgba(255,255,255,.06);transition:background .2s;display:flex;align-items:center;justify-content:center;}
.bm-lb-prev:hover,.bm-lb-next:hover{background:rgba(255,255,255,.18);}
.bm-lb-prev{left:24px;}
.bm-lb-next{right:24px;}
.bm-lb-close{position:absolute;top:18px;right:22px;font-size:1rem;line-height:1;letter-spacing:.12em;text-transform:uppercase;background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.35)!important;border-radius:999px;padding:10px 18px;opacity:.95;}
.bm-lb-close:hover{background:rgba(255,255,255,.25)!important;}
.bm-lb-hint{position:absolute;bottom:20px;left:0;right:0;text-align:center;color:#cfcfcf;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;opacity:.75;pointer-events:none;}
.gallery .gallery-icon a{cursor:zoom-in;}
@media(max-width:640px){.bm-lb-prev,.bm-lb-next{width:46px;height:46px;font-size:1.8rem;}.bm-lb-prev{left:8px;}.bm-lb-next{right:8px;}.bm-lb-close{top:10px;right:10px;padding:8px 14px;}}

/* ---------- Contact lines ---------- */
.contact-line{text-align:center;font-family:var(--serif);font-size:1.4rem;margin:14px 0;color:var(--ink-strong);}
.contact-line a{color:var(--ink-strong);border-bottom:1px solid var(--accent);padding-bottom:2px;}
.contact-line a:hover{color:var(--accent);}

/* ---------- Footer ---------- */
.site-footer{border-top:1px solid var(--hair);padding:30px 44px 40px;text-align:center;color:#9a9a9a;font-size:.76rem;letter-spacing:.12em;}
.site-footer a{color:#8c8c8c;}

@media(max-width:820px){
  .cats,.gal{grid-template-columns:repeat(2,1fr);}
  .main-nav a{padding:12px 13px;}
  .pad,.content,.site-header{padding-left:20px;padding-right:20px;}
}
@media(max-width:520px){.cats,.gal{grid-template-columns:1fr;}}