/* ============================
   STYLE FINAL : SECTION PROTOCOLES
   ============================ */

/* Cadre de style publication */
.tp-publication-frame.protocol-face-table {
    max-width: 1050px;
    margin: 50px auto;
    padding: 40px 45px;
    background: #ffffff;
    border: 4px solid #7a6258;
    border-radius: 18px;
    box-shadow: 0 14px 30px rgba(0,0,0,0.15);
    box-sizing: border-box !important;
    position: relative;
}

/* ============================
   APPLICATION DES BORDURES INTERNES
   ============================ */

.tp-publication-frame.protocol-face-table .uk-grid > div {
    padding: 20px 15px !important;
    border-bottom: 1px solid #e6e6e6;
}

.tp-publication-frame.protocol-face-table .uk-grid > div:last-child {
    border-bottom: none;
}

.tp-publication-frame.protocol-face-table .uk-grid > div:nth-child(1),
.tp-publication-frame.protocol-face-table .uk-grid > div:nth-child(2),
.tp-publication-frame.protocol-face-table .uk-grid > div:nth-child(3) {
    border-right: 2px solid #d0d0d0;
}

.tp-publication-frame.protocol-face-table .uk-grid > div:nth-child(3) {
    border-right: none;
}

/* ============================
   RESPONSIVE DE BASE
   ============================ */
@media (max-width: 768px) {
    .tp-publication-frame.protocol-face-table .uk-grid > div {
        border-right: none !important;
    }
    .tp-publication-frame.protocol-face-table {
        padding: 25px 20px;
    }
}

.tp-publication-frame.protocol-face-table .uk-container,
.tp-publication-frame.protocol-face-table .uk-grid,
.tp-publication-frame.protocol-face-table .uk-width-1-1 {
    border: none !important;
    box-shadow: none !important;
    background-image: none !important;
}

.tp-publication-frame.protocol-face-table .uk-width-1-1 {
    margin-right: 0 !important;
    padding-right: 0 !important;
}

/* =======================================================
   TABLES 2 & 3 — UNCHANGED (your original code preserved)
   ======================================================= */
/* [UNCHANGED TABLE 2 & 3 CODE — exactly as you pasted] */

/* =====================================================
   ENDOPEEL — Publications Grids
   ===================================================== */

/* ---------- SHARED CARD BASE ---------- */
.sec-peerpub .el-item.uk-card.uk-card-hover,
.sec-bookchapters .el-item.uk-card.uk-card-hover,
.clinicalreports .el-item.uk-card.uk-card-hover{
  position: relative;
  background-color: transparent !important;
  border-radius: 18px;
  overflow: hidden;
}

/* ---------- SHARED OVERLAY (NO BLINK) ---------- */
.sec-peerpub .el-item.uk-card.uk-card-hover::before,
.sec-bookchapters .el-item.uk-card.uk-card-hover::before,
.clinicalreports .el-item.uk-card.uk-card-hover::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 18px;
  background: rgba(0,0,0,0);
  transition: background .18s ease;
  pointer-events: none;
  z-index: 0;
}

.sec-peerpub .el-item.uk-card.uk-card-hover > *,
.sec-bookchapters .el-item.uk-card.uk-card-hover > *,
.clinicalreports .el-item.uk-card.uk-card-hover > *{
  position: relative;
  z-index: 1;
}

/* =====================================================
   GRID 1 — Peer-reviewed
   ===================================================== */
.sec-peerpub .el-item.uk-card.uk-card-hover{
  padding: 22px;
  box-shadow: 0 10px 28px rgba(0,0,0,0.08);
  transition: transform .18s ease, box-shadow .18s ease;
}

.sec-peerpub .el-item.uk-card.uk-card-hover:hover{
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(0,0,0,0.12);
}

.sec-peerpub .el-item.uk-card.uk-card-hover:hover::before{
  background: rgba(0,0,0,0.06);
}

.sec-peerpub .el-item.uk-card.uk-card-hover img,
.sec-peerpub .el-item.uk-card.uk-card-hover picture img{
  width: 100% !important;
  height: 220px !important;
  object-fit: contain !important;
  object-position: 50% 25% !important;
  border-radius: 14px;
  margin-bottom: 14px;
}

/* =====================================================
   GRID 2 — Book chapters
   ===================================================== */
.sec-bookchapters .el-item.uk-card.uk-card-hover{
  padding: 20px;
  box-shadow: 0 10px 28px rgba(0,0,0,0.08);
  transition: transform .18s ease, box-shadow .18s ease;
}

.sec-bookchapters .el-item.uk-card.uk-card-hover:hover{
  transform: translateY(-3px);
  box-shadow: 0 16px 40px rgba(0,0,0,0.14);
}

.sec-bookchapters .el-item.uk-card.uk-card-hover:hover::before{
  background: rgba(120,120,120,0.18);
}

.sec-bookchapters .el-item.uk-card.uk-card-hover img,
.sec-bookchapters .el-item.uk-card.uk-card-hover picture img{
  width: 100% !important;
  height: 220px !important;
  object-fit: contain !important;
  object-position: 50% 50% !important;
  background: rgba(0,0,0,0.03);
  border-radius: 14px;
  margin-bottom: 14px;
}

/* =====================================================
   GRID 3 — Clinical reports (NO TRANSFORM = NO BLINK)
   ===================================================== */
.clinicalreports .el-item.uk-card.uk-card-hover{
  padding: 22px;
  box-shadow: 0 10px 28px rgba(0,0,0,0.08);
  transition: box-shadow .18s ease;
}

.clinicalreports .el-item.uk-card.uk-card-hover:hover{
  box-shadow: 0 16px 40px rgba(0,0,0,0.14);
}

.clinicalreports .el-item.uk-card.uk-card-hover:hover::before{
  background: rgba(15,18,25,0.08);
}

.clinicalreports .el-item.uk-card.uk-card-hover img,
.clinicalreports .el-item.uk-card.uk-card-hover picture img{
  width: 100% !important;
  height: 220px !important;
  object-fit: contain !important;
  object-position: 50% 50% !important;
  background: rgba(0,0,0,0.03);
  border-radius: 14px;
  margin-bottom: 14px;
}


 /* =====================================================
   RESPONSIVE
   ===================================================== */
@media (max-width: 960px){
  .sec-peerpub .el-item.uk-card.uk-card-hover img,
  .sec-bookchapters .el-item.uk-card.uk-card-hover img,
  .clinicalreports .el-item.uk-card.uk-card-hover img{
    height: 200px !important;
  }
}
/* =====================================================
   HERO HOME — force visible on <1200px (uk-visible@l fix)
   ===================================================== */
@media (max-width: 1199px){

  /* quand uk-visible@l est sur le conteneur lui-même */
  .hero-home.uk-visible\@l{
    display: block !important;
  }

  /* quand uk-visible@l est sur des éléments internes */
  .hero-home .uk-visible\@l{
    display: block !important;
  }
}

/* ===== ZAGUARINO MEGA MENU ===== */
/* =========================================================
   ZAGUARINO PREMIUM MEGA MENU — ENDOPEEL.COM
   YOOtheme/UIkit targeted version
   Patients = 5 columns
   Physicians = 5 columns
   Science = 2 columns
   Workshops = 1 column
   Professional Shop = compact
   ========================================================= */

/* ===== TOP LEVEL NAV ===== */
.tm-header .uk-navbar-nav > li > a,
.uk-navbar-nav > li > a{
  font-family:'Comic Sans MS','Comic Neue',cursive;
  font-size:17px;
  font-weight:400;
  color:#0f1724;
  letter-spacing:.15px;
  transition:all .22s ease;
  position:relative;
}

.tm-header .uk-navbar-nav > li > a:hover,
.tm-header .uk-navbar-nav > li.uk-active > a,
.uk-navbar-nav > li > a:hover{
  color:#ffffff;
}

.tm-header .uk-navbar-nav > li > a::after,
.uk-navbar-nav > li > a::after{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  bottom:10px;
  height:2px;
  border-radius:20px;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.96), rgba(255,255,255,0));
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .24s ease;
}

.tm-header .uk-navbar-nav > li > a:hover::after,
.tm-header .uk-navbar-nav > li.uk-active > a::after,
.uk-navbar-nav > li > a:hover::after{
  transform:scaleX(1);
}

/* ===== GLOBAL DROPDOWN PANEL ===== */
.uk-navbar-dropdown{
  background:
    radial-gradient(circle at top left, rgba(255,255,255,.08), transparent 28%),
    radial-gradient(circle at bottom right, rgba(255,210,210,.06), transparent 24%),
    linear-gradient(180deg, #cf2618 0%, #c92016 38%, #b91d14 100%) !important;
  border:1px solid rgba(255,255,255,.14);
  border-radius:22px;
  box-shadow:
    0 22px 55px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(0,0,0,.10);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  padding:22px 24px;
  margin-top:10px;
  min-width:280px;
  overflow:hidden;
}

.uk-navbar-dropdown::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.24), rgba(255,255,255,0));
  pointer-events:none;
}

/* ===== LIST RESET ===== */
.uk-navbar-dropdown ul,
.uk-navbar-dropdown .uk-nav{
  list-style:none;
  margin:0;
  padding:0;
}

.uk-navbar-dropdown li{
  list-style:none;
  margin:0;
  padding:0;
}

/* ===== LINKS ===== */
.uk-navbar-dropdown a,
.uk-navbar-dropdown .uk-nav > li > a{
  display:block;
  padding:7px 9px;
  border-radius:12px;
  color:#fff5f2 !important;
  font-family:'Comic Sans MS','Comic Neue',cursive;
  font-size:14.5px;
  line-height:1.55;
  text-decoration:none;
  transition:all .22s ease;
  position:relative;
}

.uk-navbar-dropdown a:hover,
.uk-navbar-dropdown .uk-nav > li > a:hover{
  color:#ffffff !important;
  background:rgba(255,255,255,.08);
  transform:translateX(3px);
}



/* ===== SECOND LEVEL ===== */
.uk-navbar-dropdown .uk-parent .uk-nav-sub,
.uk-navbar-dropdown ul ul{
  margin-top:6px;
  margin-left:12px;
  padding-left:12px;
  border-left:1px solid rgba(255,255,255,.18);
}

.uk-navbar-dropdown ul ul a,
.uk-navbar-dropdown .uk-nav-sub a{
  font-size:13.8px;
  color:#fff2ef !important;
  padding:6px 8px;
}

/* =========================================================
   TARGET YOOtheme/UIkit MENU POSITIONS
   1 Home | 2 Patients | 3 Physicians | 4 Science | 5 Workshops |
   6 Professional Shop | 7 Contact | 8 Q&A
   ========================================================= */

/* ===== PATIENTS — WIDTH ONLY ===== */
.uk-navbar-nav > li:nth-child(2) .uk-navbar-dropdown{
  width:min(1180px, 92vw);
}

/* ===== PHYSICIANS — WIDTH ONLY ===== */
.uk-navbar-nav > li:nth-child(3) .uk-navbar-dropdown{
  width:min(1280px, 94vw);
}

/* ===== PROFESSIONAL SHOP — COMPACT ===== */
.uk-navbar-nav > li:nth-child(6) .uk-navbar-dropdown{
  min-width:260px;
}

/* ===== COLUMN CARD EFFECT FOR GRID MENUS ===== */
.uk-navbar-nav > li:nth-child(2) .uk-navbar-dropdown .uk-nav > li,
.uk-navbar-nav > li:nth-child(2) .uk-navbar-dropdown > ul > li,
.uk-navbar-nav > li:nth-child(3) .uk-navbar-dropdown .uk-nav > li,
.uk-navbar-nav > li:nth-child(3) .uk-navbar-dropdown > ul > li{
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
  border:1px solid rgba(255,255,255,.06);
  border-radius:14px;
  padding:8px;
  min-height:100%;
}

.uk-navbar-nav > li:nth-child(2) .uk-navbar-dropdown .uk-nav > li:hover,
.uk-navbar-nav > li:nth-child(2) .uk-navbar-dropdown > ul > li:hover,
.uk-navbar-nav > li:nth-child(3) .uk-navbar-dropdown .uk-nav > li:hover,
.uk-navbar-nav > li:nth-child(3) .uk-navbar-dropdown > ul > li:hover{
  border-color:rgba(255,255,255,.12);
  box-shadow:0 0 0 1px rgba(255,255,255,.03) inset;
}

/* ===== NESTED LINK UNDER FIND ENDOPEEL SPECIALISTS ===== */
.uk-navbar-nav > li:nth-child(2) .uk-navbar-dropdown ul ul,
.uk-navbar-nav > li:nth-child(2) .uk-navbar-dropdown .uk-nav-sub{
  margin-top:8px;
}

/* ===== MOBILE / TABLET ===== */
@media (max-width: 1199px){
  .uk-navbar-nav > li:nth-child(2) .uk-navbar-dropdown,
  .uk-navbar-nav > li:nth-child(3) .uk-navbar-dropdown{
    width:min(980px, 94vw);
  }
}

@media (max-width: 959px){
  .uk-navbar-dropdown{
    width:min(92vw, 560px) !important;
    padding:18px 16px;
    border-radius:18px;
  }
}