/* =========================================================
   BNI PERUGIA — LEADERSHIP REGION
   HERO FRAME V1
   Cornice aperta + micro-label verticale
   Da caricare DOPO il CSS principale Leadership e DOPO
   leadership-region-hero-native-override-v1.css
   ========================================================= */

:root{
  --ldr26-frame-red:#cf2030;
  --ldr26-frame-line:2px;
  --ldr26-frame-top:28px;
  --ldr26-frame-side:28px;
  --ldr26-frame-bottom:105px;
}

/* Base */
body:has(.ldr26-page) .ldr26-hero{
  position:relative !important;
  overflow:hidden;
}

/* Contenuto sopra la cornice */
body:has(.ldr26-page) .ldr26-hero .ldr26-shell{
  position:relative;
  z-index:2;
}

/* Cornice aperta:
   - tratto alto
   - verticale sinistra
   - tratto basso corto
*/
body:has(.ldr26-page) .ldr26-hero::before{
  content:"";
  position:absolute;
  z-index:1;
  pointer-events:none;

  top:var(--ldr26-frame-top);
  right:var(--ldr26-frame-side);
  bottom:var(--ldr26-frame-top);
  left:var(--ldr26-frame-side);

  background:
    linear-gradient(var(--ldr26-frame-red),var(--ldr26-frame-red))
      left top / 330px var(--ldr26-frame-line) no-repeat,

    linear-gradient(var(--ldr26-frame-red),var(--ldr26-frame-red))
      left top / var(--ldr26-frame-line) 100% no-repeat,

    linear-gradient(var(--ldr26-frame-red),var(--ldr26-frame-red))
      left bottom / var(--ldr26-frame-bottom) var(--ldr26-frame-line) no-repeat;
}

/* Etichetta verticale editoriale */
body:has(.ldr26-page) .ldr26-hero::after{
  content:"BNI REGION  ·  LEADERSHIP";
  position:absolute;
  z-index:3;
  pointer-events:none;

  left:7px;
  top:50%;

  transform:translateY(-50%) rotate(-90deg);
  transform-origin:center;

  color:var(--ldr26-frame-red);
  background:#fff;

  padding:7px 13px;
  font-size:11px;
  line-height:1;
  font-weight:700;
  letter-spacing:2.2px;
  white-space:nowrap;
  text-transform:uppercase;
}

/* Leggero respiro interno per evitare che il frame tocchi i contenuti */
body:has(.ldr26-page) .ldr26-hero .ldr26-shell{
  padding-left:34px;
  padding-right:34px;
}

/* =========================================================
   TABLET
   ========================================================= */
@media (max-width:991px){

  body:has(.ldr26-page) .ldr26-hero::before{
    top:22px;
    right:20px;
    bottom:22px;
    left:20px;

    background:
      linear-gradient(var(--ldr26-frame-red),var(--ldr26-frame-red))
        left top / 240px var(--ldr26-frame-line) no-repeat,

      linear-gradient(var(--ldr26-frame-red),var(--ldr26-frame-red))
        left top / var(--ldr26-frame-line) 100% no-repeat,

      linear-gradient(var(--ldr26-frame-red),var(--ldr26-frame-red))
        left bottom / 90px var(--ldr26-frame-line) no-repeat;
  }

  body:has(.ldr26-page) .ldr26-hero::after{
    left:0;
    font-size:10px;
    letter-spacing:1.8px;
  }

  body:has(.ldr26-page) .ldr26-hero .ldr26-shell{
    padding-left:30px;
    padding-right:30px;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */
@media (max-width:767px){

  body:has(.ldr26-page) .ldr26-hero{
    overflow:hidden;
  }

  body:has(.ldr26-page) .ldr26-hero::before{
    top:18px;
    right:14px;
    bottom:18px;
    left:14px;

    background:
      linear-gradient(var(--ldr26-frame-red),var(--ldr26-frame-red))
        left top / 168px var(--ldr26-frame-line) no-repeat,

      linear-gradient(var(--ldr26-frame-red),var(--ldr26-frame-red))
        left top / var(--ldr26-frame-line) 100% no-repeat,

      linear-gradient(var(--ldr26-frame-red),var(--ldr26-frame-red))
        left bottom / 78px var(--ldr26-frame-line) no-repeat;
  }

  body:has(.ldr26-page) .ldr26-hero::after{
    content:"BNI REGION  ·  LEADERSHIP";
    left:-11px;
    top:48%;

    padding:6px 9px;
    font-size:9px;
    letter-spacing:1.5px;
  }

  body:has(.ldr26-page) .ldr26-hero .ldr26-shell{
    padding-left:28px;
    padding-right:22px;
  }
}

/* Telefoni stretti */
@media (max-width:420px){

  body:has(.ldr26-page) .ldr26-hero::before{
    left:10px;
    right:10px;

    background:
      linear-gradient(var(--ldr26-frame-red),var(--ldr26-frame-red))
        left top / 138px var(--ldr26-frame-line) no-repeat,

      linear-gradient(var(--ldr26-frame-red),var(--ldr26-frame-red))
        left top / var(--ldr26-frame-line) 100% no-repeat,

      linear-gradient(var(--ldr26-frame-red),var(--ldr26-frame-red))
        left bottom / 62px var(--ldr26-frame-line) no-repeat;
  }

  body:has(.ldr26-page) .ldr26-hero::after{
    left:-16px;
    font-size:8px;
    letter-spacing:1.3px;
  }

  body:has(.ldr26-page) .ldr26-hero .ldr26-shell{
    padding-left:25px;
    padding-right:18px;
  }
}


/* =========================================================
   V1BIS — RESPONSIVE CLEAN
   Mobile: mantiene la cornice, rimuove la micro-label verticale
   ========================================================= */
@media (max-width:767px){

  body:has(.ldr26-page) .ldr26-hero::after{
    content:none !important;
    display:none !important;
  }

  body:has(.ldr26-page) .ldr26-hero .ldr26-shell{
    padding-left:34px !important;
    padding-right:22px !important;
  }
}

@media (max-width:420px){

  body:has(.ldr26-page) .ldr26-hero::after{
    content:none !important;
    display:none !important;
  }

  body:has(.ldr26-page) .ldr26-hero .ldr26-shell{
    padding-left:30px !important;
    padding-right:18px !important;
  }
}