/*
Theme Name: AAMKL Blank
Description: Minimal theme for archangel-michael. One shared menu and footer; each page brings its own design.
Version: 1.0
Author: Michael El Nour
Text Domain: aamkl
*/
html,body{margin:0;padding:0}
body{font-family:'Work Sans',sans-serif}
.aamkl-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 32px;background:rgba(18,30,88,.62);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(154,180,255,.18);flex-wrap:wrap;box-sizing:border-box;width:100%}
body.admin-bar .aamkl-header{top:32px}
@media (max-width:782px){body.admin-bar .aamkl-header{top:46px}}
.aamkl-header a{text-decoration:none}
.aamkl-left{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.aamkl-brand{font-family:'Cormorant Garamond',serif;font-size:20px;letter-spacing:.04em;color:#efe9f8;margin-right:12px;white-space:nowrap}
.aamkl-nav{display:flex;gap:28px;flex-wrap:wrap}
.aamkl-nav a,.aamkl-right a{font-size:13px;letter-spacing:.03em;text-transform:uppercase;color:#a8aec4;transition:color .2s}
.aamkl-nav a:hover,.aamkl-right a:hover,.aamkl-nav a.current{color:#efe9f8}
.aamkl-right{display:flex;align-items:center;gap:24px}
.aamkl-right a.login{border:1px solid #4a8ff5;padding:8px 18px;border-radius:999px;color:#efe9f8}
.aamkl-right a.login:hover{background:#4a8ff5}
.aamkl-footer{padding:36px 32px 44px;text-align:center;font-size:12px;letter-spacing:.04em;color:#a8aec4;background:rgba(18,30,88,.62);border-top:1px solid rgba(154,180,255,.18);box-sizing:border-box;width:100%;margin-top:40px}
.aamkl-footer a{color:#a8aec4;text-decoration:none;margin:0 10px;text-transform:uppercase}
.aamkl-footer a:hover{color:#efe9f8}

/* ---------- Posts ---------- */
body.single,body.blog,body.archive{background:#05061a url('/wp-content/uploads/2026/10/nebula-bg.jpg') center/cover fixed;color:#efe9f8}
.aamkl-post-wrap{max-width:840px;margin:0 auto;padding:56px 20px 24px}
.aamkl-post{background:rgba(12,12,26,.78);border:1px solid rgba(154,180,255,.18);border-radius:16px;padding:40px 44px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.aamkl-kicker{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#d9ab63;margin:0 0 10px}
.aamkl-title{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(30px,5vw,50px);line-height:1.12;margin:0 0 24px;color:#efe9f8}
.aamkl-hero{margin:0 -44px 28px}
.aamkl-hero img{display:block;width:100%;height:auto}
.aamkl-content{font-size:18px;line-height:1.75;color:#e6e8f3}
.aamkl-content p{margin:0 0 1.2em}
.aamkl-content a{color:#9dc0fb;text-decoration:underline;text-underline-offset:3px}
.aamkl-content a:hover{color:#d9ab63}
.aamkl-content h2,.aamkl-content h3{font-family:'Cormorant Garamond',serif;font-weight:500;color:#efe9f8;line-height:1.2;margin:1.6em 0 .6em}
.aamkl-content img,.aamkl-content video,.aamkl-content iframe{max-width:100%;height:auto;border-radius:8px}
.aamkl-content iframe{aspect-ratio:16/9;width:100%;height:auto}
.aamkl-content figure{margin:1.6em 0}
.aamkl-content figcaption{font-size:14px;color:#a8aec4;text-align:center;margin-top:8px}
.aamkl-content blockquote{margin:1.6em 0;padding:4px 0 4px 22px;border-left:2px solid #d9ab63;color:#cfd3e4;font-style:italic}
.aamkl-back{margin:40px 0 0;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.aamkl-back a{color:#a8aec4;text-decoration:none}
.aamkl-back a:hover{color:#efe9f8}
@media (max-width:640px){.aamkl-post{padding:26px 20px}.aamkl-hero{margin:0 -20px 22px}}

/* ---------- Events calendar (The Events Calendar plugin) ---------- */
body[class*="tribe-events"],body.post-type-archive-tribe_events,body.single-tribe_events{background:#05061a url('/wp-content/uploads/2026/10/nebula-bg.jpg') center/cover fixed}
.tribe-events-pg-template{max-width:1100px;margin:40px auto;padding:20px 24px;background:#fff;color:#1b1b2a;border-radius:14px}
@media (max-width:640px){.tribe-events-pg-template{margin:16px 10px;padding:12px}}

/* Library page */
.lib-wrap{max-width:900px;margin:40px auto;padding:0 20px 60px;color:#efe9f8;font-family:"Work Sans",sans-serif}
.lib-wrap h1{font-family:"Cormorant Garamond",serif;font-weight:500;font-size:clamp(34px,5vw,54px);margin:0 0 8px;text-align:center}
.lib-wrap .lead{text-align:center;color:#a8aec4;margin:0 0 28px}
.lib-years{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:30px}
.lib-years a{padding:6px 14px;border:1px solid rgba(217,171,99,.45);border-radius:999px;color:#d9ab63;text-decoration:none;font-size:14px;background:rgba(20,32,92,.45)}
.lib-years a:hover{background:rgba(217,171,99,.18)}
.lib-year{background:rgba(20,32,92,.55);border:1px solid rgba(217,171,99,.22);border-radius:14px;padding:18px 24px;margin-bottom:18px;backdrop-filter:blur(4px)}
.lib-year h2{font-family:"Cormorant Garamond",serif;font-weight:500;font-size:30px;color:#d9ab63;margin:0 0 8px}
.lib-year h2 small{font-size:14px;color:#a8aec4;font-family:"Work Sans",sans-serif;margin-left:8px}
.lib-year ul{list-style:none;margin:0;padding:0}
.lib-year li{display:flex;gap:14px;padding:6px 0;border-top:1px solid rgba(255,255,255,.06)}
.lib-year li time{flex:0 0 56px;color:#a8aec4;font-size:13px;padding-top:2px}
.lib-year li a{color:#efe9f8;text-decoration:none}
.lib-year li a:hover{color:#d9ab63}

/* Brighter space background on every page (version A). Wormhole (page 19) keeps its own look. */
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:url('/wp-content/uploads/2026/10/nebula-bg.jpg') center/cover no-repeat;filter:brightness(1.6) saturate(1.3) contrast(1.05)}
body.page-id-19::before{display:none}

/* Animated sky canvas + slow nebula drift */
#aamkl-sky{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
body::before{animation:aamkl-drift 40s ease-in-out infinite alternate;will-change:transform}
@keyframes aamkl-drift{from{transform:scale(1.08) translate3d(0,0,0)}to{transform:scale(1.3) translate3d(-5%,-3.5%,0)}}
@media (prefers-reduced-motion:reduce){body::before{animation:none}}
body.home #sky, body.page-id-15 #sky{display:none!important}

/* Home: the animated sky sits inside the photo layer, in front of the photo and behind the text */
.bg #aamkl-sky{position:absolute;inset:0;width:100%;height:100%;z-index:3;mix-blend-mode:screen}

/* Gold top menu on every page (the site name on the left stays white) */
.aamkl-nav a, .aamkl-right a{color:#d9ab63}
.aamkl-nav a:hover, .aamkl-right a:hover{color:#f3cf8f}
.aamkl-right a.login{border-color:#d9ab63}
.aamkl-right a.login:hover{background:rgba(217,171,99,.16)}
.aamkl-right a.login{color:#d9ab63;border-color:#d9ab63}
.aamkl-right a.login:hover{background:rgba(217,171,99,.16);color:#f3cf8f}
.aamkl-nav a.current{color:#f3cf8f}

/* Membership registration form (WishList) */
#frm_new_user_reg{max-width:560px;margin:50px auto 70px;padding:28px 30px;background:rgba(20,32,92,.6);border:1px solid rgba(217,171,99,.3);border-radius:14px;backdrop-filter:blur(4px);color:#efe9f8;font-family:"Work Sans",sans-serif}
#frm_new_user_reg .wlm3-form-group{margin:0 0 14px}
#frm_new_user_reg label{display:block;margin:0 0 5px;color:#d9ab63;font-size:13px;letter-spacing:.04em;text-transform:uppercase}
#frm_new_user_reg input[type=text],#frm_new_user_reg input[type=password],#frm_new_user_reg input[type=email]{width:100%;box-sizing:border-box;padding:10px 12px;background:rgba(3,3,8,.55);border:1px solid rgba(217,171,99,.35);border-radius:8px;color:#efe9f8;font-size:15px}
#frm_new_user_reg input:focus{outline:none;border-color:#f3cf8f;box-shadow:0 0 0 2px rgba(217,171,99,.2)}
#frm_new_user_reg input[type=submit],#frm_new_user_reg button[type=submit]{display:block;margin:22px auto 0;padding:11px 38px;border:1px solid #d9ab63;border-radius:999px;background:rgba(217,171,99,.1);color:#d9ab63;font-size:15px;cursor:pointer}
#frm_new_user_reg input[type=submit]:hover{background:#d9ab63;color:#030308}
.wlm3-theme-styled-reg-form{max-width:600px;margin:0 auto;padding:0 16px}
.wlm3-theme-styled-reg-form-toggle{display:none}
.wlm3-new-account-error{color:#f3cf8f;text-align:center}

/* Phone menu */
.aamkl-burger{display:none}
@media (max-width:820px){
  .aamkl-header{padding:14px 18px;position:sticky}
  .aamkl-left{width:100%}
  .aamkl-burger{display:block;position:absolute;top:8px;right:14px;width:44px;height:44px;background:rgba(217,171,99,.1);border:1px solid #d9ab63;border-radius:10px;color:#d9ab63;font-size:22px;line-height:1;cursor:pointer}
  .aamkl-nav,.aamkl-right{display:none}
  .aamkl-header.open .aamkl-nav{display:flex;flex-direction:column;gap:0;margin-top:12px;width:100%}
  .aamkl-header.open .aamkl-right{display:flex;flex-direction:row;gap:16px;width:100%;margin-top:6px;padding-top:12px;border-top:1px solid rgba(217,171,99,.25)}
  .aamkl-header.open .aamkl-nav a{padding:12px 4px;border-bottom:1px solid rgba(255,255,255,.07);font-size:14px}
  .aamkl-brand{font-size:19px}
}
ul.wlm3-theme-styled-reg-form-toggle,.wlm3-theme-styled-reg-form-toggle li{display:none !important}
.tag-cloud a small{color:#a8aec4;margin-left:4px}

/* Tags page only: calm the background, bolder text */
body:has(.tag-cloud)::before{opacity:.38 !important;animation:none !important}
body:has(.tag-cloud) #aamkl-sky{opacity:.45 !important}
body:has(.tag-cloud){background:#030308}
body:has(.tag-cloud) .lib-wrap h1{font-weight:700;color:#f3cf8f}
body:has(.tag-cloud) .lib-wrap .lead{color:#efe9f8;font-weight:600}
body:has(.tag-cloud) .tag-cloud a{font-weight:700;color:#f3cf8f;font-size:15px;background:rgba(3,3,8,.85);border-color:#d9ab63}
body:has(.tag-cloud) .tag-cloud a small{color:#efe9f8;font-weight:700}
body:has(.tag-cloud) .tag-cloud a:hover{background:rgba(217,171,99,.3);color:#fff}


/* Nov 9: keep the footer above the pages' fixed star/nebula backgrounds (it was hidden on the home page and others). Wormhole excluded until its rework. */
body:not(.page-id-19) .aamkl-footer{ position:relative; z-index:50; }