/*

Theme Name: PaperMag Child

Template: papermag

Version: 3.0 CLEAN + LIME

*/



/* =========================================

   BRAND VARIABLES

========================================= */



:root{

  --compyl-font: "Plus Jakarta Sans", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

  --lime:#D7FE03;

  --navy:#0F172A;

  --ink:#111111;

  --muted:#666666;

  --border:#eaeaea;

}



/* =========================================

   GLOBAL TYPOGRAPHY SYSTEM

========================================= */



html, body{

  font-family: var(--compyl-font) !important;

  color: var(--ink);

  background:#ffffff;

}



body *{

  font-family: var(--compyl-font) !important;

  text-transform:none !important;

}



/* Typography scale */



.wp-block-heading{

  font-size:20px !important;

  font-weight:700 !important;

  margin-bottom:28px !important;

  position:relative;

  padding-left:14px;

}



/* Lime section bar */

.wp-block-heading::before{

  content:"";

  position:absolute;

  left:0;

  top:6px;

  width:5px;

  height:20px;

  background:var(--lime);

}



/* Featured post title */

.wp-block-column:first-child .wp-block-post-title{

  font-size:26px !important;

  font-weight:700 !important;

  line-height:1.25;

}



/* Grid titles */

.wp-block-post-template.is-layout-grid .wp-block-post-title{

  font-size:20px !important;

  font-weight:600 !important;

}



/* Side list titles */

.wp-block-column:last-child .wp-block-post-title{

  font-size:16px !important;

  font-weight:500 !important;

}



/* Excerpts */

.wp-block-post-excerpt{

  font-size:15px !important;

  line-height:1.6 !important;

  color:var(--muted);

}



/* Dates */

.wp-block-post-date{

  font-size:13px !important;

  color:var(--muted);

}



/* =========================================

   REMOVE CARD / ROUNDED THEME STYLING

========================================= */



.wp-block-group,

.wp-block-post,

.wp-block-post-template li,

.post-colum-item{

  background:none !important;

  border:none !important;

  box-shadow:none !important;

  border-radius:0 !important;

  padding:0 !important;

}



/* =========================================

   CLEAN CATEGORY PAGE

========================================= */



.papermag-category-page .post-meta-info,

.papermag-category-page .post-cmt,

.papermag-category-page .post-view,

.papermag-category-page .post-cat{

  display:none !important;

}



.papermag-category-page .hover-title{

  font-size:20px !important;

  font-weight:600 !important;

  margin:15px 0 10px !important;

}



.papermag-category-page .post-content-col-grid{

  font-size:15px !important;

  line-height:1.6 !important;

  color:var(--muted) !important;

}



/* =========================================

   HERO (OVERLAY CLEAN)

========================================= */



.compyl-originals-hero,

.compyl-originals-hero .coh-wrap,

.compyl-originals-hero .coh-link,

.compyl-originals-hero .coh-media{

  border-radius:0 !important;

  overflow:hidden;

}



.compyl-originals-hero .coh-link{

  position:relative;

  display:block;

}



.compyl-originals-hero .coh-media{

  height:560px;

  background-size:cover;

  background-position:center;

}



.compyl-originals-hero .coh-body{

  position:absolute;

  bottom:0;

  left:0;

  width:100%;

  padding:60px;

  color:#ffffff;

  z-index:2;

}



.compyl-originals-hero .coh-link::after{

  content:"";

  position:absolute;

  inset:0;

  background:linear-gradient(to top, rgba(0,0,0,0.75) 20%, rgba(0,0,0,0.3) 60%, transparent);

  z-index:1;

}



.compyl-originals-hero .coh-title{

  font-size:46px;

  font-weight:800;

  line-height:1.1;

}



.compyl-originals-hero .coh-excerpt{

  font-size:19px;

  line-height:1.6;

  max-width:750px;

}



/* =========================================

   LIME HOVER UNDERLINE SYSTEM

========================================= */



.wp-block-post-title a,

.header-area .primary-menu a{

  position:relative;

  display:inline-block;

  transition:all .2s ease;

}



.wp-block-post-title a::after,

.header-area .primary-menu a::after{

  content:"";

  position:absolute;

  left:0;

  bottom:-4px;

  width:0;

  height:2px;

  background:var(--lime);

  transition:width .25s ease;

}



.wp-block-post-title a:hover::after,

.header-area .primary-menu a:hover::after{

  width:100%;

}



/* =========================================

   FOOTER (DEEP NAVY)

========================================= */



.footer-area,

.site-footer{

  background:var(--navy) !important;

  color:#ffffff !important;

}



.footer-area a,

.site-footer a{

  color:#ffffff !important;

}



.footer-area a:hover,

.site-footer a:hover{

  color:var(--lime) !important;

}



/* =========================================

   INFINITE DIVIDER SAFE

========================================= */



.compyl-infinite-divider{

  height:1px;

  margin:44px 0;

  background:var(--border);

}






/* ===== HARD DISABLE STICKY HEADER ===== */



.header-area,

.header-area.sticky-top,

.header-area.scrolled{

  position: relative !important;

  top: auto !important;

}



body.admin-bar .header-area{

  top:auto !important;

}






/* ===== HARD DISABLE STICKY HEADER ===== */



.header-area,

.header-area.sticky-top,

.header-area.scrolled{

  position: relative !important;

  top: auto !important;

}



body.admin-bar .header-area{

  top:auto !important;

}






/* ===== GLOBAL SECTION RHYTHM ===== */



section,

.wp-block-group{

  margin-top:70px !important;

  margin-bottom:70px !important;

}



.wp-block-columns{

  gap:32px !important;

}



.wp-block-post-template{

  gap:28px !important;

}






/* ===== GRID IMAGE ALIGNMENT ===== */



.wp-block-post-featured-image img{

  display:block;

  width:100%;

  height:auto;

}



.wp-block-post-title{

  margin-top:14px !important;

}






/* ===== HERO HEIGHT REFINEMENT ===== */



.compyl-originals-hero .coh-media{

  height:520px !important;

}



@media(max-width:992px){

  .compyl-originals-hero .coh-media{

    height:380px !important;

  }

}






/* ===== SUBTLE NAVY HEADER ===== */



.header-area{

  background:#0F172A !important;

  border-bottom:1px solid rgba(255,255,255,0.08);

}



.header-area .primary-menu a{

  color:#ffffff !important;

}



.header-area .primary-menu a:hover{

  color:var(--lime) !important;

}






/* ===== CATEGORY PAGE SPACING CLEAN ===== */



.papermag-category-page .post-colum-item{

  margin-bottom:40px !important;

}



.papermag-category-page h1{

  font-size:28px !important;

  font-weight:700 !important;

  margin-bottom:40px !important;

}






/* ===== CATEGORY PAGE SPACING CLEAN ===== */



.papermag-category-page .post-colum-item{

  margin-bottom:40px !important;

}



.papermag-category-page h1{

  font-size:28px !important;

  font-weight:700 !important;

  margin-bottom:40px !important;

}






/* ===== RESTORE CLEAN WHITE HEADER ===== */



.header-area{

  background:#ffffff !important;

  border-bottom:1px solid #eeeeee !important;

}



.header-area .primary-menu a{

  color:#111111 !important;

}



.header-area .primary-menu a:hover{

  color:var(--lime) !important;

}






/* ===== MINIMAL ARTICLE SEPARATION ===== */



.wp-block-post,

.post-colum-item{

  padding-bottom:28px !important;

  margin-bottom:28px !important;

  border-bottom:1px solid #eeeeee !important;

}



.wp-block-post:last-child,

.post-colum-item:last-child{

  border-bottom:none !important;

}






/* ===== TITLE PRESENCE BOOST ===== */



.wp-block-post-title{

  margin-bottom:8px !important;

}



.wp-block-post-title a{

  font-weight:600 !important;

}






/* ===== TITLE PRESENCE BOOST ===== */



.wp-block-post-title{

  margin-bottom:8px !important;

}



.wp-block-post-title a{

  font-weight:600 !important;

}






/* ===== LIME LEFT ACCENT ===== */



.wp-block-post,

.post-colum-item{

  position:relative;

  padding-left:18px !important;

}



.wp-block-post::before,

.post-colum-item::before{

  content:"";

  position:absolute;

  left:0;

  top:4px;

  width:4px;

  height:28px;

  background:var(--lime);

  opacity:0.6;

}



/* Slight hover intensity */

.wp-block-post:hover::before,

.post-colum-item:hover::before{

  opacity:1;

}






/* ===== SUBTLE ALTERNATING BACKGROUND ===== */



.wp-block-post:nth-child(even),

.post-colum-item:nth-child(even){

  background:rgba(0,0,0,0.015);

  padding-top:20px !important;

  padding-bottom:20px !important;

}






/* ===== FIX OVERSIZED SECTION IMAGES ===== */



.wp-block-columns.alignwide{

  max-width:1200px !important;

  margin-left:auto !important;

  margin-right:auto !important;

}



.wp-block-post-featured-image img{

  max-height:420px;

  object-fit:cover;

}






/* ===== REMOVE LIME ARTICLE ACCENT ===== */



.wp-block-post,

.post-colum-item{

  padding-left:0 !important;

  background:none !important;

}



.wp-block-post::before,

.post-colum-item::before{

  display:none !important;

}



/* ===== REMOVE ALTERNATING ROW BACKGROUND ===== */



.wp-block-post:nth-child(even),

.post-colum-item:nth-child(even){

  background:none !important;

  padding-top:0 !important;

  padding-bottom:0 !important;

}






/* ===== GLOBAL FEATURED IMAGE CONTROL ===== */



.wp-block-post-featured-image{

  overflow:hidden;

}



.wp-block-post-featured-image img{

  width:100% !important;

  height:auto !important;

  max-height:380px !important;

  object-fit:cover;

}






/* =====================================

   HOMEPAGE LAYOUT SYSTEM

===================================== */



/* ===== Layout A (66:33) ===== */



.layout-a .wp-block-columns{

  display:grid !important;

  grid-template-columns:2fr 1fr !important;

  gap:40px !important;

}



/* ===== Layout B (3 equal columns) ===== */



.layout-b .wp-block-columns{

  display:grid !important;

  grid-template-columns:1fr 1fr 1fr !important;

  gap:32px !important;

}



/* ===== Layout C (3 strong equal featured) ===== */



.layout-c .wp-block-post-template{

  display:grid !important;

  grid-template-columns:1fr 1fr 1fr !important;

  gap:36px !important;

}



/* ===== Layout D (50:50 split) ===== */



.layout-d .wp-block-columns{

  display:grid !important;

  grid-template-columns:1fr 1fr !important;

  gap:40px !important;

}



/* Responsive */



@media(max-width:992px){



  .layout-a .wp-block-columns,

  .layout-b .wp-block-columns,

  .layout-c .wp-block-post-template,

  .layout-d .wp-block-columns{

    grid-template-columns:1fr !important;

  }



}






/* ===================================== */

/* THECOMPYL UNIFIED EDITORIAL SYSTEM */

/* Width: 1100px | Uniform Hierarchy */

/* ===================================== */



/* --- Global Width --- */



.wp-block-group__inner-container,

.is-layout-constrained,

.wp-block-columns.alignwide {

  max-width:1100px !important;

  margin-left:auto !important;

  margin-right:auto !important;

}



/* --- Remove Sticky Header --- */



.header-area,

.header-area.sticky-top {

  position:relative !important;

  top:auto !important;

}



/* --- Section Spacing --- */



.wp-block-group {

  margin-top:80px !important;

  margin-bottom:80px !important;

}



/* --- Uniform Section Titles --- */



.wp-block-heading {

  font-size:20px !important;

  font-weight:700 !important;

  letter-spacing:0.3px !important;

  margin-bottom:40px !important;

  text-transform:none !important;

}



/* --- Featured Titles --- */



.wp-block-column:first-child .wp-block-post-title {

  font-size:26px !important;

  font-weight:700 !important;

  line-height:1.25 !important;

}



/* --- Grid Titles --- */



.wp-block-post-template.is-layout-grid .wp-block-post-title {

  font-size:20px !important;

  font-weight:600 !important;

  line-height:1.3 !important;

}



/* --- List / Stack Titles --- */



.wp-block-column:last-child .wp-block-post-title,

.wp-block-post-template.is-layout-flow .wp-block-post-title {

  font-size:16px !important;

  font-weight:500 !important;

  line-height:1.35 !important;

}



/* --- Dates --- */



.wp-block-post-date {

  font-size:13px !important;

  color:#666 !important;

  font-weight:400 !important;

  margin-bottom:6px !important;

}



/* --- Image Height System --- */



/* Large Feature */

.wp-block-column:first-child .wp-block-post-featured-image img {

  width:100% !important;

  height:420px !important;

  object-fit:cover !important;

}



/* Medium Feature */

.wp-block-post-template.is-layout-grid .wp-block-post-featured-image img {

  width:100% !important;

  height:240px !important;

  object-fit:cover !important;

}



/* Prevent Image Takeover */

.wp-block-post-featured-image img {

  max-height:420px !important;

}



/* --- List Spacing --- */



.wp-block-post {

  padding-bottom:18px !important;

  margin-bottom:18px !important;

}



.wp-block-post:last-child {

  margin-bottom:0 !important;

  padding-bottom:0 !important;

}



/* --- Remove Card Styling --- */



.wp-block-post,

.wp-block-group,

.wp-block-columns {

  background:none !important;

  border:none !important;

  box-shadow:none !important;

  border-radius:0 !important;

}



/* --- Remove Inline Font Overrides --- */



[style*="font-size"] {

  font-size:inherit !important;

}



/* --- Typography Consistency --- */



html, body, h1, h2, h3, h4, h5, h6, p, a, span, div {

  font-family: Plus



/* ===================================== */

/* MICRO REFINEMENT – Rhythm Polish */

/* ===================================== */



/* Slightly reduce section spacing */

.wp-block-group {

  margin-top:70px !important;

  margin-bottom:70px !important;

}



/* Slightly reduce featured title weight feel */

.wp-block-column:first-child .wp-block-post-title {

  font-weight:600 !important;

}



/* Tighten list rhythm */

.wp-block-column:last-child .wp-block-post,

.wp-block-post-template.is-layout-flow .wp-block-post {

  padding-bottom:14px !important;

  margin-bottom:14px !important;

}



/* Improve reading comfort */

.wp-block-post-title a {

  transition: color 0.2s ease;

}



.wp-block-post-title a:hover {

  color:#0a58ff !important;

}



/* Ensure images never stretch oddly */

.wp-block-post-featured-image img {

  display:block;

}






/* ===================================== */

/* WHAT’S NEW – Split Authority System */

/* ===================================== */



.compyl-whatsnew .wp-block-columns {

  align-items:flex-start !important;

  gap:60px !important;

}



/* Left column dominant */

.compyl-whatsnew .wp-block-column:first-child {

  flex-basis:66% !important;

}



/* Right column compact feed */

.compyl-whatsnew .wp-block-column:last-child {

  flex-basis:34% !important;

}



/* Feature image control */

.compyl-whatsnew .wp-block-column:first-child .wp-block-post-featured-image img {

  height:420px !important;

}



/* Feature title slightly stronger */

.compyl-whatsnew .wp-block-column:first-child .wp-block-post-title {

  font-size:28px !important;

  font-weight:600 !important;

  margin-top:14px !important;

}



/* Right column list rhythm */

.compyl-whatsnew .wp-block-column:last-child .wp-block-post {

  padding-bottom:16px !important;

  margin-bottom:16px !important;

  border-bottom:1px solid #f2f2f2 !important;

}



.compyl-whatsnew .wp-block-column:last-child .wp-block-post:last-child {

  border-bottom:none !important;

}



/* Tighten right column titles */

.compyl-whatsnew .wp-block-column:last-child .wp-block-post-title {

  font-size:16px !important;

  font-weight:500 !important;

  line-height:1.35 !important;

}






/* ===================================== */

/* AI – Full Hero + Grid Architecture */

/* ===================================== */



/* Stack vertically instead of side-by-side */

.compyl-ai > .wp-block-post-template {

  display:block !important;

}



/* First post = Hero */

.compyl-ai .wp-block-post:first-child {

  margin-bottom:40px !important;

}



/* Hero image */

.compyl-ai .wp-block-post:first-child .wp-block-post-featured-image img {

  height:420px !important;

  object-fit:cover !important;

}



/* Hero title */

.compyl-ai .wp-block-post:first-child .wp-block-post-title {

  font-size:28px !important;

  font-weight:600 !important;

  margin-top:16px !important;

}



/* Remaining posts = 2-column grid */

.compyl-ai .wp-block-post-template {

  display:grid !important;

  grid-template-columns:repeat(2, 1fr) !important;

  gap:30px !important;

}



/* Grid images */

.compyl-ai .wp-block-post-template .wp-block-post-featured-image img {

  height:240px !important;

  object-fit:cover !important;

}



/* Grid titles */

.compyl-ai .wp-block-post-template .wp-block-post-title {

  font-size:20px !important;

  font-weight:600 !important;

  margin-top:10px !important;

}






/* ===================================== */

/* FIX AI GRID OVERRIDE (Revert) */

/* ===================================== */



.compyl-ai .wp-block-post-template {

  display:block !important;

}



.compyl-ai .wp-block-post-template .wp-block-post {

  width:100% !important;

}






/* ===================================== */

/* AI – Structured Split Enhancement */

/* ===================================== */



.compyl-ai .wp-block-columns {

  gap:60px !important;

  align-items:flex-start !important;

}



/* Left feature stronger */

.compyl-ai .wp-block-column:first-child .wp-block-post-featured-image img {

  height:420px !important;

}



.compyl-ai .wp-block-column:first-child .wp-block-post-title {

  font-size:28px !important;

  font-weight:600 !important;

  margin-top:16px !important;

}



/* Right column compact stack */

.compyl-ai .wp-block-column:last-child .wp-block-post {

  margin-bottom:16px !important;

  padding-bottom:16px !important;

  border-bottom:1px solid #f2f2f2 !important;

}



.compyl-ai .wp-block-column:last-child .wp-block-post:last-child {

  border-bottom:none !important;

}



.compyl-ai .wp-block-column:last-child .wp-block-post-title {

  font-size:16px !important;

  font-weight:500 !important;

  line-height:1.35 !important;

}






/* Remove gap above first hero */

body.home .wp-block-group:first-of-type {

  margin-top:0 !important;

  padding-top:0 !important;

}



.header-main {

  margin-bottom:0 !important;

  padding-bottom:0 !important;

}






/* Improve Originals Hero Overlay */

.compyl-originals-hero .coh-media::after {

  content:"";

  position:absolute;

  inset:0;

  background:linear-gradient(

    to bottom,

    rgba(0,0,0,0.45) 0%,

    rgba(0,0,0,0.55) 60%,

    rgba(0,0,0,0.7) 100%

  );

}



.compyl-originals-hero .coh-body {

  position:absolute;

  bottom:40px;

  left:40px;

  max-width:720px;

  color:#fff;

}



@media (max-width:768px){

  .compyl-originals-hero .coh-body {

    left:20px;

    right:20px;

    bottom:25px;

  }



  .compyl-originals-hero .coh-title {

    font-size:22px !important;

  }

}






/* Modern Header Search */



.papermag-search form {

  position:relative;

}



.papermag-search input {

  border:none !important;

  border-bottom:1px solid #ddd !important;

  background:transparent !important;

  padding:6px 28px 6px 0 !important;

  font-size:14px !important;

  width:160px;

  transition:all 0.2s ease;

}



.papermag-search input:focus {

  outline:none !important;

  border-bottom:1px solid #D7FE03 !important;

  width:220px;

}



.papermag-search button {

  position:absolute;

  right:0;

  top:0;

  background:none !important;

  border:none !important;

}






/* Originals flush under header */



.compyl-originals-hero {

  margin-top:0 !important;

}






/* Subtle image hover energy */



.wp-block-post-featured-image img {

  transition:transform 0.4s ease;

}



.wp-block-post:hover .wp-block-post-featured-image img {

  transform:scale(1.03);

}






/* Subtle image hover energy */



.wp-block-post-featured-image img {

  transition:transform 0.4s ease;

}



.wp-block-post:hover .wp-block-post-featured-image img {

  transform:scale(1.03);

}






/* ============================= */

/* ORIGINALS HERO VISIBILITY FIX */

/* ============================= */



.compyl-originals-hero {

  position:relative;

}



.compyl-originals-hero .coh-media {

  position:relative;

}



.compyl-originals-hero .coh-media::after {

  content:"";

  position:absolute;

  inset:0;

  background:linear-gradient(

    to bottom,

    rgba(0,0,0,0.55) 0%,

    rgba(0,0,0,0.65) 60%,

    rgba(0,0,0,0.8) 100%

  );

  z-index:1;

}



.compyl-originals-hero .coh-body {

  position:absolute;

  bottom:40px;

  left:40px;

  right:40px;

  z-index:2;

  color:#fff !important;

}



.compyl-originals-hero .coh-title {

  color:#fff !important;

  text-shadow:0 2px 10px rgba(0,0,0,0.6);

}



.compyl-originals-hero .coh-excerpt {

  color:#eaeaea !important;

}



/* Mobile refinement */

@media (max-width:768px){

  .compyl-originals-hero .coh-body {

    left:20px;

    right:20px;

    bottom:20px;

  }



  .compyl-originals-hero .coh-title {

    font-size:22px !important;

  }

}






/* ============================= */

/* ORIGINALS HERO VISIBILITY FIX */

/* ============================= */



.compyl-originals-hero {

  position:relative;

}



.compyl-originals-hero .coh-media {

  position:relative;

}



.compyl-originals-hero .coh-media::after {

  content:"";

  position:absolute;

  inset:0;

  background:linear-gradient(

    to bottom,

    rgba(0,0,0,0.55) 0%,

    rgba(0,0,0,0.65) 60%,

    rgba(0,0,0,0.8) 100%

  );

  z-index:1;

}



.compyl-originals-hero .coh-body {

  position:absolute;

  bottom:40px;

  left:40px;

  right:40px;

  z-index:2;

  color:#fff !important;

}



.compyl-originals-hero .coh-title {

  color:#fff !important;

  text-shadow:0 2px 10px rgba(0,0,0,0.6);

}



.compyl-originals-hero .coh-excerpt {

  color:#eaeaea !important;

}



/* Mobile refinement */

@media (max-width:768px){

  .compyl-originals-hero .coh-body {

    left:20px;

    right:20px;

    bottom:20px;

  }



  .compyl-originals-hero .coh-title {

    font-size:22px !important;

  }

}






/* ================================= */

/* LIGHTER ORIGINALS OVERLAY */

/* ================================= */



.compyl-originals-hero .coh-media::after {

  background:linear-gradient(

    to bottom,

    rgba(0,0,0,0.25) 0%,

    rgba(0,0,0,0.35) 60%,

    rgba(0,0,0,0.55) 100%

  ) !important;

}






/* ================================= */

/* HEADER GRID HARD RESET */

/* ================================= */



.header-main .row {

  display:flex !important;

  flex-wrap:nowrap !important;

  align-items:center !important;

}



/* Remove bootstrap width logic */

.header-main [class*="col-"] {

  flex:unset !important;

  width:auto !important;

  max-width:none !important;

  padding:0 !important;

}



/* Layout structure */

.site-logo {

  flex:0 0 auto !important;

}



.primary-menu {

  flex:1 !important;

  display:flex !important;

  justify-content:center !important;

}



.header-right {

  flex:0 0 auto !important;

  margin-left:auto !important;

  display:flex !important;

  align-items:center !important;

}






/* ================================= */

/* RESET ORIGINALS DARKNESS */

/* ================================= */



/* Remove any existing overlay */

.compyl-originals-hero .coh-media::after {

  background:none !important;

}



/* Add controlled readable overlay */

.compyl-originals-hero .coh-media {

  position:relative;

}



.compyl-originals-hero .coh-media::before {

  content:"";

  position:absolute;

  inset:0;

  background:linear-gradient(

    to bottom,

    rgba(0,0,0,0.15) 0%,

    rgba(0,0,0,0.25) 50%,

    rgba(0,0,0,0.45) 100%

  );

  z-index:1;

}



.compyl-originals-hero .coh-body {

  position:absolute;

  bottom:40px;

  left:40px;

  right:40px;

  z-index:2;

  color:#fff !important;

}



.compyl-originals-hero .coh-title {

  color:#fff !important;

  text-shadow:0 2px 8px rgba(0,0,0,0.5);

}






/* ================================= */

/* RESET ORIGINALS DARKNESS */

/* ================================= */



/* Remove any existing overlay */

.compyl-originals-hero .coh-media::after {

  background:none !important;

}



/* Add controlled readable overlay */

.compyl-originals-hero .coh-media {

  position:relative;

}



.compyl-originals-hero .coh-media::before {

  content:"";

  position:absolute;

  inset:0;

  background:linear-gradient(

    to bottom,

    rgba(0,0,0,0.15) 0%,

    rgba(0,0,0,0.25) 50%,

    rgba(0,0,0,0.45) 100%

  );

  z-index:1;

}



.compyl-originals-hero .coh-body {

  position:absolute;

  bottom:40px;

  left:40px;

  right:40px;

  z-index:2;

  color:#fff !important;

}



.compyl-originals-hero .coh-title {

  color:#fff !important;

  text-shadow:0 2px 8px rgba(0,0,0,0.5);

}






/* ================================= */

/* RESET ORIGINALS DARKNESS */

/* ================================= */



/* Remove any existing overlay */

.compyl-originals-hero .coh-media::after {

  background:none !important;

}



/* Add controlled readable overlay */

.compyl-originals-hero .coh-media {

  position:relative;

}



.compyl-originals-hero .coh-media::before {

  content:"";

  position:absolute;

  inset:0;

  background:linear-gradient(

    to bottom,

    rgba(0,0,0,0.15) 0%,

    rgba(0,0,0,0.25) 50%,

    rgba(0,0,0,0.45) 100%

  );

  z-index:1;

}



.compyl-originals-hero .coh-body {

  position:absolute;

  bottom:40px;

  left:40px;

  right:40px;

  z-index:2;

  color:#fff !important;

}



.compyl-originals-hero .coh-title {

  color:#fff !important;

  text-shadow:0 2px 8px rgba(0,0,0,0.5);

}






/* ================================= */

/* HEADER GRID RESTORE */

/* ================================= */



.header-main [class*="col-"] {

  flex:initial !important;

  width:initial !important;

  max-width:initial !important;

  padding-left:15px !important;

  padding-right:15px !important;

}






/* ================================= */

/* HEADER BALANCED WIDTH FIX */

/* ================================= */



@media (min-width:992px){



  .header-main .col-lg-9 {

    flex:0 0 65% !important;

    max-width:65% !important;

  }



  .header-main .col-lg-3 {

    flex:0 0 20% !important;

    max-width:20% !important;

  }



  .header-main .col-xl-2 {

    flex:0 0 15% !important;

    max-width:15% !important;

  }



}






/* Control logo size */



.site-logo img {

  max-height:48px !important;

  width:auto !important;

}






/* =============================== */

/* HEADER RESET – CLEAN STRUCTURE */

/* =============================== */



.site-header .header-inner,

.header-inner {

  display:flex !important;

  align-items:center !important;

  justify-content:space-between !important;

  flex-wrap:nowrap !important;

}



/* Logo */

.site-branding {

  flex:0 0 auto !important;

}



/* Nav */

.main-navigation {

  flex:1 !important;

  display:flex !important;

  justify-content:center !important;

}



/* Menu list */

.main-navigation ul {

  display:flex !important;

  gap:32px !important;

  align-items:center !important;

  margin:0 !important;

  padding:0 !important;

}



/* Search */

.papermag-search {

  flex:0 0 auto !important;

  margin-left:24px !important;

}



/* Remove stacking on desktop */

@media (min-width: 992px) {

  .main-navigation {

    position:static !important;

  }

}



/* Proper mobile stack */

@media (max-width: 991px) {



  .header-inner {

    flex-wrap:wrap !important;

  }



  .main-navigation {

    width:100% !important;

    justify-content:flex-start !important;

    margin-top:12px !important;

  }



  .papermag-search {

    width:100% !important;

    margin-top:12px !important;

  }

}






/* ================================= */

/* MOBILE HEADER CLEAN REBUILD */

/* ================================= */



@media (max-width: 991px) {



  /* Reset header layout */

  .header-inner {

    display:flex !important;

    flex-direction:row !important;

    align-items:center !important;

    justify-content:space-between !important;

    padding:12px 16px !important;

  }



  /* Logo left */

  .site-branding {

    flex:0 0 auto !important;

  }



  /* Hide desktop nav */

  .main-navigation ul {

    display:none !important;

  }



  /* Hamburger right */

  .menu-toggle,

  .mobile-menu-toggle {

    display:block !important;

    margin-left:auto !important;

  }



  /* Search hidden in header on mobile */

  .papermag-search {

    display:none !important;

  }



}






/* ================================= */

/* TRUE MOBILE HEADER FIX (Papermag) */

/* ================================= */



@media (max-width: 991px) {



  /* Collapse bootstrap row into flex */

  .header-main .row {

    display:flex !important;

    align-items:center !important;

    justify-content:space-between !important;

  }



  /* Logo column */

  .header-main .col-xl-2,

  .header-main .col-lg-2,

  .header-main .col-md-3 {

    flex:0 0 auto !important;

    width:auto !important;

  }



  /* Hide desktop menu column */

  .header-main .col-lg-9 {

    display:none !important;

  }



  /* Make right column auto width */

  .header-main .col-lg-3 {

    flex:0 0 auto !important;

    width:auto !important;

  }



  /* Hide search on mobile */

  .papermag-search {

    display:none !important;

  }



  /* Force hamburger visible */

  #papermag_mobile_menu {

    display:block !important;

  }



  .slicknav_menu {

    background:transparent !important;

  }



  .slicknav_btn {

    margin:0 !important;

  }



}






/* ================================= */

/* TRUE MOBILE HEADER FIX (Papermag) */

/* ================================= */



@media (max-width: 991px) {



  /* Collapse bootstrap row into flex */

  .header-main .row {

    display:flex !important;

    align-items:center !important;

    justify-content:space-between !important;

  }



  /* Logo column */

  .header-main .col-xl-2,

  .header-main .col-lg-2,

  .header-main .col-md-3 {

    flex:0 0 auto !important;

    width:auto !important;

  }



  /* Hide desktop menu column */

  .header-main .col-lg-9 {

    display:none !important;

  }



  /* Make right column auto width */

  .header-main .col-lg-3 {

    flex:0 0 auto !important;

    width:auto !important;

  }



  /* Hide search on mobile */

  .papermag-search {

    display:none !important;

  }



  /* Force hamburger visible */

  #papermag_mobile_menu {

    display:block !important;

  }



  .slicknav_menu {

    background:transparent !important;

  }



  .slicknav_btn {

    margin:0 !important;

  }



}






/* ================================= */

/* HAMBURGER SIGNATURE COLOR */

/* ================================= */



.slicknav_nav_icon,

.slicknav_btn .slicknav_nav_icon {

  color:#D7FE03 !important;

}



.slicknav_btn {

  border:1px solid #D7FE03 !important;

  padding:6px 10px !important;

  border-radius:4px !important;

}



.slicknav_btn:hover {

  background:#D7FE03 !important;

  color:#000 !important;

}






/* ================================= */

/* CLEAN MOBILE RESET – NO GRID BREAK */

/* ================================= */



@media (max-width: 991px) {



  /* Hide desktop menu */

  .primary-menu {

    display:none !important;

  }



  /* Hide search column */

  .header-main .col-lg-3 {

    display:none !important;

  }



  /* Ensure mobile menu container exists */

  #papermag_mobile_menu {

    display:block !important;

    position:absolute !important;

    right:20px !important;

    top:50% !important;

    transform:translateY(-50%) !important;

  }



  /* Make header relative for positioning */

  .header-main {

    position:relative !important;

  }



}






/* ================================= */

/* CLEAN MOBILE RESET – NO GRID BREAK */

/* ================================= */



@media (max-width: 991px) {



  /* Hide desktop menu */

  .primary-menu {

    display:none !important;

  }



  /* Hide search column */

  .header-main .col-lg-3 {

    display:none !important;

  }



  /* Ensure mobile menu container exists */

  #papermag_mobile_menu {

    display:block !important;

    position:absolute !important;

    right:20px !important;

    top:50% !important;

    transform:translateY(-50%) !important;

  }



  /* Make header relative for positioning */

  .header-main {

    position:relative !important;

  }



}




/* ================================= */
/* CLEAN MOBILE RESET – NO GRID BREAK */
/* ================================= */

@media (max-width: 991px) {

  /* Hide desktop menu */
  .primary-menu {
    display:none !important;
  }

  /* Hide search column */
  .header-main .col-lg-3 {
    display:none !important;
  }

  /* Ensure mobile menu container exists */
  #papermag_mobile_menu {
    display:block !important;
    position:absolute !important;
    right:20px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
  }

  /* Make header relative for positioning */
  .header-main {
    position:relative !important;
  }

}




/* ================================= */

/* MOBILE GRID RESTORE */

/* ================================= */



@media (max-width: 991px) {



  /* Restore bootstrap columns */

  .header-main [class*="col-"] {

    flex:initial !important;

    width:100% !important;

    max-width:100% !important;

  }



}






/* ================================= */

/* CLEAN MOBILE HEADER FINAL */

/* ================================= */



@media (max-width: 991px) {



  /* Hide desktop nav */

  .primary-menu {

    display:none !important;

  }



  /* Hide search */

  .header-main .col-lg-3 {

    display:none !important;

  }



  /* Make header relative */

  .header-main {

    position:relative !important;

  }



  /* Position slicknav button */

  .slicknav_menu {

    position:absolute !important;

    right:16px !important;

    top:50% !important;

    transform:translateY(-50%) !important;

    width:auto !important;

  }



  /* Ensure logo row behaves */

  .header-main .row {

    position:relative !important;

  }



}






/* Hamburger signature color */



.slicknav_btn {

  border:1px solid #D7FE03 !important;

  border-radius:4px !important;

  padding:6px 10px !important;

}



.slicknav_nav_icon {

  color:#D7FE03 !important;

}






/* ================================= */

/* MOBILE HEADER FULL RESET */

/* ================================= */



@media (max-width: 991px) {



  /* Reset row */

  .header-main .row {

    display:block !important;

  }



  /* Reset all columns */

  .header-main [class*="col-"] {

    display:block !important;

    width:100% !important;

    max-width:100% !important;

  }



  /* Hide desktop menu */

  .primary-menu {

    display:none !important;

  }



  /* Hide search */

  .papermag-search {

    display:none !important;

  }



  /* Make mobile menu visible */

  #papermag_mobile_menu {

    display:block !important;

    text-align:right !important;

    margin-top:10px !important;

  }



  .slicknav_menu {

    display:block !important;

    width:auto !important;

  }



}






/* ================================= */

/* DISABLE STICKY HEADER ON MOBILE */

/* ================================= */



@media (max-width: 991px) {



  .sticky-top {

    position:relative !important;

    top:auto !important;

  }



}






/* ================================= */

/* FIX MOBILE SLICKNAV DROPDOWN JUMP */

/* ================================= */



@media (max-width: 991px) {



  /* Keep header stable */

  .header-area {

    position:relative !important;

  }



  /* Prevent sticky recalculation */

  .sticky-top {

    position:relative !important;

  }



  /* Position dropdown independently */

  .slicknav_nav {

    position:absolute !important;

    top:100% !important;

    left:0 !important;

    width:100% !important;

    background:#fff !important;

    z-index:9999 !important;

  }



}






/* ================================= */

/* TRUE FIX – REMOVE STICKY MOBILE */

/* ================================= */



@media (max-width: 991px) {



  header.header-area {

    position:relative !important;

  }



  header.header-area.sticky-top {

    position:relative !important;

  }



}






/* ================================= */

/* RESET SLICKNAV POSITIONING */

/* ================================= */



@media (max-width: 991px) {



  .slicknav_nav {

    position:relative !important;

    top:auto !important;

    left:auto !important;

    width:100% !important;

  }



}






/* ================================= */

/* TRUE FIX – REMOVE STICKY MOBILE */

/* ================================= */



@media (max-width: 991px) {



  header.header-area {

    position:relative !important;

  }



  header.header-area.sticky-top {

    position:relative !important;

  }



}






/* ================================= */

/* RESET SLICKNAV POSITIONING */

/* ================================= */



@media (max-width: 991px) {



  .slicknav_nav {

    position:relative !important;

    top:auto !important;

    left:auto !important;

    width:100% !important;

  }



}






/* ================================= */

/* COMPLETE MOBILE RESET (CLEAN BASE) */

/* ================================= */



@media (max-width: 991px) {



  /* --- HEADER RESET --- */



  header.header-area {

    position:relative !important;

    top:auto !important;

  }



  header.header-area.sticky-top {

    position:relative !important;

  }



  .header-main .row {

    display:flex !important;

    align-items:center !important;

    justify-content:space-between !important;

  }



  .primary-menu {

    display:none !important;

  }



  .papermag-search {

    display:none !important;

  }



  #papermag_mobile_menu {

    display:block !important;

  }



  .slicknav_menu {

    position:static !important;

    width:auto !important;

  }



  .slicknav_nav {

    position:relative !important;

    width:100% !important;

  }



  /* --- HERO RESET --- */



  .compyl-originals-hero .coh-media {

    height:auto !important;

    min-height:unset !important;

    max-height:unset !important;

  }



  .compyl-originals-hero .coh-body {

    position:absolute !important;

    left:20px !important;

    right:20px !important;

    bottom:20px !important;

  }



  .compyl-originals-hero .coh-title {

    font-size:24px !important;

    line-height:1.2 !important;

  }



}






/* ================================= */

/* ORIGINALS MOBILE PROPER FIX */

/* ================================= */



@media (max-width: 991px) {



  .compyl-originals-hero .coh-media {

    position:relative !important;

    height:60vh !important;

    min-height:420px !important;

  }



  .compyl-originals-hero .coh-media img {

    height:100% !important;

    width:100% !important;

    object-fit:cover !important;

  }



  .compyl-originals-hero .coh-body {

    position:absolute !important;

    bottom:20px !important;

    left:20px !important;

    right:20px !important;

  }



  .compyl-originals-hero .coh-title {

    font-size:22px !important;

    line-height:1.2 !important;

  }



}






/* ================================= */

/* FIX HERO CUT-OFF UNDER HEADER */

/* ================================= */



@media (max-width: 991px) {



  header.header-area {

    position:relative !important;

  }



  .compyl-originals-hero {

    margin-top:70px !important;

  }



}






/* ================================= */

/* CLEAN MOBILE ORIGINALS DESIGN */

/* ================================= */



@media (max-width: 991px) {



  /* Reset hero completely */

  .compyl-originals-hero {

    margin-top:0 !important;

  }



  .compyl-originals-hero .coh-media {

    height:55vh !important;

    min-height:380px !important;

    position:relative !important;

  }



  .compyl-originals-hero .coh-body {

    position:absolute !important;

    bottom:20px !important;

    left:20px !important;

    right:20px !important;

  }



  /* Hide long excerpt */

  .compyl-originals-hero .coh-excerpt {

    display:none !important;

  }



  /* Show only first short line */

  .compyl-originals-hero .coh-title {

    font-size:22px !important;

    line-height:1.2 !important;

  }



  .coh-badge {

    font-size:12px !important;

    margin-bottom:8px !important;

  }



}






/* ================================= */

/* REMOVE STICKY BEHAVIOR MOBILE */

/* ================================= */



@media (max-width: 991px) {



  header.header-area,

  header.header-area.sticky-top {

    position:static !important;

  }



}






/* ================================= */

/* HARD RESET: MOBILE HEADER CLEAN */

/* ================================= */



@media (max-width: 991px) {



  /* Remove ALL forced positioning */

  header.header-area,

  header.header-area.sticky-top {

    position:relative !important;

    top:auto !important;

  }



  .header-main,

  .header-main .row,

  .header-main [class*="col-"] {

    display:unset !important;

    flex:unset !important;

    width:unset !important;

    max-width:unset !important;

  }



  .slicknav_menu,

  .slicknav_nav {

    position:static !important;

    transform:none !important;

  }



}






/* ================================= */

/* HOMEPAGE IMAGE FIX (MOBILE ONLY) */

/* ================================= */



@media (max-width: 991px) {



  .wp-block-post-featured-image img {

    height:auto !important;

    width:100% !important;

    object-fit:contain !important;

  }



}






/* CLEAN ORIGINALS MOBILE SIMPLIFIED */



@media (max-width: 991px) {



  .compyl-originals-hero .coh-media {

    height:50vh !important;

    min-height:350px !important;

  }



  .compyl-originals-hero .coh-excerpt {

    display:none !important;

  }



  .compyl-originals-hero .coh-title {

    font-size:20px !important;

  }



}






/* ================================= */

/* DISABLE SLICKNAV (BROKEN MOBILE JS) */

/* ================================= */



@media (max-width: 991px) {



  #papermag_mobile_menu {

    display:none !important;

  }



}






/* ================================= */

/* CLEAN MOBILE NAV WITHOUT JS */

/* ================================= */



@media (max-width: 991px) {



  .primary-menu {

    display:block !important;

    width:100% !important;

    margin-top:10px !important;

  }



  .primary-menu ul {

    display:flex !important;

    flex-direction:column !important;

    gap:14px !important;

  }



  .primary-menu ul li a {

    font-size:16px !important;

  }



  .papermag-search {

    display:none !important;

  }



}




/* ================================= */
/* CLEAN MOBILE NAV WITHOUT JS */
/* ================================= */

@media (max-width: 991px) {

  .primary-menu {
    display:block !important;
    width:100% !important;
    margin-top:10px !important;
  }

  .primary-menu ul {
    display:flex !important;
    flex-direction:column !important;
    gap:14px !important;
  }

  .primary-menu ul li a {
    font-size:16px !important;
  }

  .papermag-search {
    display:none !important;
  }

}




/* ================================= */

/* HIDE MOBILE STACKED MENU */

/* ================================= */



@media (max-width: 991px) {



  .primary-menu {

    display:none !important;

  }



}






/* ================================= */

/* CLEAN MOBILE HAMBURGER SYSTEM */

/* ================================= */



@media (max-width: 991px) {



  /* Position hamburger right */

  #papermag_mobile_menu {

    position:absolute !important;

    right:16px !important;

    top:50% !important;

    transform:translateY(-50%) !important;

  }



  /* Signature styling */

  .slicknav_btn {

    border:1px solid #D7FE03 !important;

    padding:6px 10px !important;

    border-radius:4px !important;

  }



  .slicknav_nav_icon {

    color:#D7FE03 !important;

  }



  /* Clean dropdown styling */

  .slicknav_nav {

    background:#fff !important;

    padding:20px !important;

  }



  .slicknav_nav ul li {

    margin-bottom:12px !important;

  }



}




/* ================================= */
/* CLEAN MOBILE HAMBURGER SYSTEM */
/* ================================= */

@media (max-width: 991px) {

  /* Position hamburger right */
  #papermag_mobile_menu {
    position:absolute !important;
    right:16px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
  }

  /* Signature styling */
  .slicknav_btn {
    border:1px solid #D7FE03 !important;
    padding:6px 10px !important;
    border-radius:4px !important;
  }

  .slicknav_nav_icon {
    color:#D7FE03 !important;
  }

  /* Clean dropdown styling */
  .slicknav_nav {
    background:#fff !important;
    padding:20px !important;
  }

  .slicknav_nav ul li {
    margin-bottom:12px !important;
  }

}


/* ================================= */
/* CUSTOM MOBILE MENU SYSTEM */
/* ================================= */

@media (max-width: 991px) {

  /* Hide theme slicknav */
  #papermag_mobile_menu {
    display:none !important;
  }

  /* Hide desktop menu by default */
  .primary-menu {
    display:none !important;
    width:100% !important;
  }

  /* Show when toggled */
  .menu-open .primary-menu {
    display:block !important;
    margin-top:15px !important;
  }

  .primary-menu ul {
    display:flex !important;
    flex-direction:column !important;
    gap:14px !important;
  }

  /* Toggle button */
  .compyl-toggle {
    font-size:22px;
    cursor:pointer;
    margin-left:15px;
    color:#D7FE03;
  }

}


/* ================================= */
/* MOBILE HEADER LAYOUT FIX */
/* ================================= */

@media (max-width: 991px) {

  /* Make header row flex */
  .header-main .row {
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
  }

  /* Make logo container flex */
  .site-logo {
    display:flex !important;
    align-items:center !important;
  }

  /* Move toggle out visually */
  .compyl-toggle {
    position:absolute;
    right:16px;
    top:50%;
    transform:translateY(-50%);
  }

  /* Make header relative for positioning */
  .header-main {
    position:relative;
  }

}


/* ================================= */
/* FINAL MOBILE HEADER ALIGNMENT */
/* ================================= */

@media (max-width: 991px) {

  /* Make full header row flex and full width */
  .header-main .row {
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    padding:10px 16px !important;
  }

  /* Remove column width constraints */
  .header-main [class*="col-"] {
    width:auto !important;
    max-width:none !important;
    flex:unset !important;
  }

  /* Logo left */
  .site-logo {
    display:flex !important;
    align-items:center !important;
  }

  /* Larger toggle */
  .compyl-toggle {
    position:absolute;
    right:16px;
    top:50%;
    transform:translateY(-50%);
    font-size:36px; /* doubled size */
    font-weight:600;
    color:#D7FE03;
    cursor:pointer;
  }

  /* Make header relative for toggle positioning */
  .header-main {
    position:relative;
  }

}


/* ================================= */
/* CLEAN FLEX MOBILE HEADER */
/* ================================= */

@media (max-width: 991px) {

  /* Force row full flex */
  .header-main .row {
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    padding:12px 16px !important;
  }

  /* Remove bootstrap column behavior */
  .header-main [class*="col-"] {
    flex:none !important;
    width:auto !important;
    max-width:none !important;
  }

  /* Make logo and toggle sit in same line */
  .site-logo {
    display:flex !important;
    align-items:center !important;
  }

  /* Toggle natural flex positioning */
  .compyl-toggle {
    font-size:34px;
    font-weight:600;
    color:#D7FE03;
    margin-left:auto;   /* pushes it to right */
    cursor:pointer;
  }

}