:root{
      --navy:#0A0F2C; --navy-2:#000033;
      --gold:#D4AF37; --gold-2:#FFD700;
      --red:#C1272D;

      --pearl:#FDFDFB;
      --blush:#F9E7E7;
      --mint:#E7F9F3;
      --sky:#E7F0F9;
      --charcoal:#2E2E2E;
      --muted:rgba(255,255,255,.72); --card:rgba(255,255,255,.08);
      --radius:12px; --radius-lg:20px; --shadow-md:0 6px 18px rgba(0,0,0,.25);
      --maxw:1200px; --sidebar-w:240px; --sidebar-w-collapsed:72px;
      --submenu-max: 800px;
    }

    @font-face {
        font-family: "sw-icon-font";
        src:url("https://www.absolutecovers.com/blog/wp-content/plugins/social-warfare/assets/fonts/sw-icon-font.eot?ver=4.3.0");
        src:url("https://www.absolutecovers.com/blog/wp-content/plugins/social-warfare/assets/fonts/sw-icon-font.eot?ver=4.3.0#iefix") format("embedded-opentype"),
        url("https://www.absolutecovers.com/blog/wp-content/plugins/social-warfare/assets/fonts/sw-icon-font.woff?ver=4.3.0") format("woff"),
        url("https://www.absolutecovers.com/blog/wp-content/plugins/social-warfare/assets/fonts/sw-icon-font.ttf?ver=4.3.0") format("truetype"),
        url("https://www.absolutecovers.com/blog/wp-content/plugins/social-warfare/assets/fonts/sw-icon-font.svg?ver=4.3.0#1445203416") format("svg");
        font-weight: normal;
        font-style: normal;
        font-display:block;
    }


img.wp-smiley,
img.emoji {
	display: inline !important;
	border: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 0.07em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
}


    /* ===== Admin Sidebar ===== */
    .admin-sidebar{position:fixed; top:0; left:0; bottom:0; width:var(--sidebar-w); background:var(--navy); z-index:210;
      border-right:1px solid rgba(255,255,255,.08); padding:12px 10px;
      display:flex; flex-direction:column; gap:6px; transition:width .2s ease;
      overflow-y:auto; color:#fff}
    .admin-sidebar.collapsed{width:var(--sidebar-w-collapsed)}
    .admin-brand{display:flex; align-items:center; gap:10px; padding:10px; border-radius:10px;
	  font-weight:600; font-size:17px;
      background:linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
      border:1px solid rgba(255,255,255,.08); font-weight:800; white-space:nowrap; flex-shrink:0}
    .admin-toggle{margin:10px; display:flex; align-items:center; gap:8px; padding:8px 12px; border-radius:999px;
      border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.04); cursor:pointer; user-select:none;
      justify-content:center; font-weight:700; flex-shrink:0; color:#fff; padding: 3px 5px !important;}

    .admin-item, .admin-trigger{display:flex; align-items:center; gap:12px; padding:10px 12px !important; border-radius:10px;
      color:rgba(255,255,255,.9); opacity:.92; transition:background .15s ease, opacity .15s ease; 
      flex-shrink:0; width:100%; border:0; background:none; cursor:pointer; text-align:left; 
      position:relative; font-size:1rem}
    .admin-item:hover, .admin-trigger:hover{background:rgba(255,255,255,.06); opacity:1;color:var(--blush) !important;}
    .admin-subitem:hover{color:var(--blush) !important;}
    
    .admin-ico{flex-shrink:0; display:flex; align-items:center; justify-content:center; width: 24px; height: 24px;}
    .admin-ico svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.95}
    
    .admin-label{white-space:nowrap; flex:1}
    .admin-sidebar.collapsed .admin-label{display:none}

    .admin-caret{flex-shrink:0; transition:transform .2s ease; opacity:.9; width:14px; height:14px; display:block}
    .admin-trigger[aria-expanded="true"] .admin-caret{transform:rotate(90deg)}
    
    .admin-trigger .admin-caret{margin-left:auto;}

    .submenu{max-height:0; overflow:hidden; opacity:0; transition:max-height .25s ease, opacity .25s ease; border-left:1px dashed rgba(255,255,255,.12)}
    .submenu.open{max-height:var(--submenu-max); opacity:1}

    .admin-subitem{display:flex; align-items:center; gap:10px; padding:8px 12px 8px 28px; margin:4px 0; border-radius:10px; color:rgba(255,255,255,.88); font-size:1rem}
    .admin-subitem:hover{background:rgba(255,255,255,.06)}

    .admin-sidebar.collapsed .admin-item{
      justify-content: center;
      padding: 10px 8px;
    }

    .admin-sidebar.collapsed .admin-trigger{
      justify-content: center;
      padding: 10px 8px !important;
      position: relative;
    }

    .admin-sidebar.collapsed .admin-trigger .admin-caret{
      position: absolute;
      right: 0px;
      top: 50%;
      transform: translateY(-50%) rotate(0deg);
      margin: 0;
      width: 14px;
      height: 14px;
      opacity: .85;
      pointer-events: none;
    }

    .admin-sidebar.collapsed .admin-trigger[aria-expanded="true"] .admin-caret{
      transform: translateY(-50%) rotate(90deg);
    }

.admin-sidebar.collapsed .submenu{
  position: fixed;
  left: var(--sidebar-w-collapsed);
  top: 8px;                     
  visibility: hidden;           
  background: var(--navy);
  border: 1px solid rgba(255,255,255,.12);
  border-left: none;
  border-radius: 0 12px 12px 0;
  padding: 8px;
  width: 220px;
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
  display: none;
  max-height: calc(100vh - 16px);
  overflow: auto;
  opacity: 1;
  z-index: 2147483647;          
  margin: 0;
}

.admin-sidebar.collapsed .submenu.open{
  display: block;
  visibility: visible;
}

.mobile-menu-btn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 250;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: var(--navy);
  border: 1px solid rgba(255,255,255,.12);
  color: white;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(0,0,0,.3);
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.mobile-menu-btn.hidden {
  transform: translateX(-100px);
  opacity: 0;
  pointer-events: none;
}

.mobile-menu-btn svg {
  width: 24px;
  height: 24px;
  stroke: white;
  fill: none;
  stroke-width: 2;
}

.sidebar-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 200;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.sidebar-overlay.active {
  display: block;
  opacity: 1;
}

    .page{margin-left:var(--sidebar-w); transition:margin-left .2s ease}
    .admin-sidebar.collapsed + .page{margin-left:var(--sidebar-w-collapsed)}

    .wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:24px}

    header{position:sticky;top:0;z-index:50;backdrop-filter:saturate(140%) blur(10px);background:#fff;color:#222;border-bottom:1px solid rgba(0,0,0,.1)}
    .nav{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
    .brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.5px}
    .brand-mark{width:32px;height:32px;border-radius:10px;background:url("https://www.absolutecovers.com/i/logoACsquare.png");background-position:center;background-size:cover}
    .top-menu a{margin-left:20px}

    .btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:999px;font-weight:700;transition:.2s ease all;line-height:1}
    .btn-primary{color:#0A0F2C;background:linear-gradient(90deg,var(--gold),var(--gold-2));box-shadow:0 3px 10px rgba(212,175,55,.35)}
    .btn-ghost{border:1px solid rgba(0,0,0,.2); padding:8px 14px;color:#222}

    section{padding:68px 0; position:relative}
    .hero{background:var(--sky); color:#111; position:relative}
    .badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.1);background:#fff;font-weight:600;font-size:.85rem}
    .subhero{margin-top:14px;display:flex;flex-wrap:wrap;gap:10px;color:#444}
    .subhero span{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#fff;border:1px solid rgba(0,0,0,.08);font-size:.85rem}
    .light-section{background:var(--pearl);color:#222}
    .creative-section{background:var(--blush);color:#222}
    .creative-alt{background:var(--mint);color:#222}
    .dark-section{background:var(--navy-2);color:#fff}
    .highlight-red{color:var(--red);font-weight:700}

    .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
    .card{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-md);transition:.25s ease transform, .25s ease box-shadow;text-align:center;color:#222}
    .card:hover{transform:translateY(-6px)}

    .cover-thumb{aspect-ratio:2/3;width:100%;border-radius:var(--radius);background:linear-gradient(135deg,#ddd,#aaa);margin-bottom:10px;display:flex;align-items:center;justify-content:center;color:#333;font-size:.9rem;font-style:italic}

    .reveal{opacity:0; transform:translateY(14px); transition:opacity .5s ease, transform .5s ease}
    .reveal.in{opacity:1; transform:none}


/* Prevent horizontal jump and layout shift */
html {
    overflow-y: scroll;
    scrollbar-gutter: stable;
}

body {
    overflow-x: hidden;
}

#site-navigation {
    transition: transform 0.3s ease-in-out, left 0.2s ease, width 0.2s ease;
}

#site-navigation.fixed-nav {
    position: fixed;
    top: 0;
    left: var(--sidebar-w);
    right: 0;
    width: calc(100% - var(--sidebar-w));
    z-index: 100; /* Below sidebar (210) */
}

/* When sidebar is collapsed */
.admin-sidebar.collapsed ~ .page #site-navigation.fixed-nav {
    left: var(--sidebar-w-collapsed);
    width: calc(100% - var(--sidebar-w-collapsed));
}

#site-navigation.nav-hidden {
    transform: translateY(-100%);
}

#masthead {
    transition: transform 0.3s ease-in-out;
}

#masthead.logo-hidden {
    transform: translateY(-100%);
}

@media (max-width: 920px) {
    #site-navigation.fixed-nav {
        left: 0 !important;
        width: 100% !important;
        z-index: 100; /* Still below mobile sidebar overlay */
    }
}

	
@media (max-width: 920px) {
  .mobile-menu-btn {
    display: flex;
  }
  
  .sidebar-overlay {
    display: none;
  }
  
  .admin-sidebar {
    transform: translateX(-100%);
    transition: transform 0.3s ease;
    width: var(--sidebar-w) !important;
  }
  
  .admin-sidebar.mobile-open {
    transform: translateX(0);
  }
  
  .admin-sidebar.collapsed {
    width: var(--sidebar-w) !important;
  }
  
  .admin-sidebar.collapsed .admin-label {
    display: block !important;
  }
  
  .admin-sidebar.collapsed .submenu {
    position: static;
    border-radius: 0;
    box-shadow: none;
    border: none;
    border-left: 1px dashed rgba(255,255,255,.12);
    width: auto;
    padding: 0;
  }
  
  .page {
    margin-left: 0 !important;
  }
  
  .admin-toggle {
    display: none;
  }
}
	
	
aside.admin-sidebar.collapsed nav.admin-menu > .submenu.open {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}


/* allow the submenu to overflow out of the rail when collapsed */
.admin-sidebar.collapsed{
  overflow: visible;           /* important: stop clipping children when collapsed */
}

/* flyout when collapsed: sits just to the right of the rail */
.admin-sidebar.collapsed .submenu{
  position: absolute;          /* relative to .admin-sidebar (fixed at top:0) */
  left: calc(100% - 1px);      /* right edge of the rail */
  top: 8px;                    /* js will set real top */
  background: var(--navy);
  border: 1px solid rgba(255,255,255,.12);
  border-left: none;
  border-radius: 0 12px 12px 0;
  padding: 8px;
  width: 220px;
  box-shadow: 0 8px 24px rgba(0,0,0,.35);
  display: none;
  max-height: calc(100vh - 16px);
  overflow: auto;
  opacity: 1;
  z-index: 2147483647;         /* temporarily max to beat any overlays */
  margin: 0;
  visibility: hidden;          /* hidden until positioned */
}
.admin-sidebar.collapsed .submenu.open{
  display: block;
  visibility: visible;
}

button:not(.btn) {
padding: 3px 5px !important; 
font-size: 15px !important;
}

.separate-containers .site-main {
  margin: 0px !important;
}

h1 {
text-transform: uppercase;
}


.admin-sidebar{ transition: none; }
.page{ transition: none; }

html.admin-collapsed-pref .admin-sidebar{ width: var(--sidebar-w-collapsed); }
html.admin-collapsed-pref .admin-sidebar .admin-label{ display:none; }
html.admin-collapsed-pref .page{ margin-left: var(--sidebar-w-collapsed); }

html.js-ready .admin-sidebar{ transition: width .2s ease; }
html.js-ready .page{ transition: margin-left .2s ease; }


.admin-sidebar, .page { transition: none; }
html.js-ready .admin-sidebar { transition: width .2s ease; }
html.js-ready .page         { transition: margin-left .2s ease; }

.ac-sub {
  color: var(--muted);
  text-align: center;
  max-width: 600px;
  margin: 0 auto clamp(32px, 6vw, 48px);
  font-size: clamp(16px, 2.5vw, 20px);
  line-height: 1.5;
}