/*
Theme Name: PENMAN Basic
Author: You
Version: 1.0
*/

html { scroll-behavior: smooth; }
body { margin: 0; }
img { max-width: 100%; height: auto; }

/* === LOGO SAFETY === */
.custom-logo,
.custom-logo-link img {
  width: 36px !important;
  height: 36px !important;
  object-fit: cover;
  border-radius: 0.5rem;
}

/* === ENTRY CONTENT FIXES === */
.entry-content > *:first-child { margin-top: 0 !important; }
.entry-content > *:last-child { margin-bottom: 0 !important; }
.entry-content p { margin: 0; }

/* =========================================================
   HEADER MENU (WP UL/LI) – dropdown + divider + descriptions
   Działa dla:
   <nav ...><ul id="menu-header"> <li class="menu-item-has-children"> ... <ul class="sub-menu"> ...
   ========================================================= */

@media (min-width: 768px) {

  /* reset listy */
  header nav ul,
  header nav li {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  /* top-level ul */
  header nav > ul#menu-header {
    display: flex;
    align-items: center;
    gap: 1.5rem; /* gap-6 */
  }

  header nav > ul#menu-header > li {
    position: relative;
  }

  header nav > ul#menu-header > li > a {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
  }

  /* --- DROPDOWN: tylko display none/block (zero opacity/pointer-events) --- */
  header nav > ul#menu-header > li > ul.sub-menu {
    display: none;

    position: absolute;
    left: 0;
    top: 100%;
    margin-top: 6px; /* bliżej linka */

    width: 380px;
    background: #fff;
    border: 1px solid rgb(226 232 240); /* slate-200 */
    border-radius: 16px;
    box-shadow: 0 18px 40px rgba(0,0,0,.12);
    padding: 12px;

    z-index: 999999;
  }

  /* pokaż dropdown gdy hover na LI (to musi trzymać hover także nad submenu) */
  header nav > ul#menu-header > li.menu-item-has-children:hover > ul.sub-menu,
  header nav > ul#menu-header > li.menu-item-has-children:focus-within > ul.sub-menu {
    display: block;
  }

  /* --- MOSTEK hover: fizyczny "pas" między linkiem a dropdownem --- */
  header nav > ul#menu-header > li.menu-item-has-children::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 14px; /* zwiększ do 18/22px jeśli dalej gubi */
    background: transparent;
  }

  /* --- kafelki submenu --- */
  header nav > ul#menu-header > li > ul.sub-menu > li > a {
    display: block;
    padding: 12px;
    border-radius: 12px;
    text-decoration: none;

    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.2;
  }

  header nav > ul#menu-header > li > ul.sub-menu > li > a:hover {
    background: rgb(248 250 252); /* slate-50 */
  }

  /* opisy (jeśli PHP wstrzykuje .menu-desc) */
  header nav > ul#menu-header > li > ul.sub-menu > li > a .menu-desc {
    display: block;
    margin-top: 4px;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.3;
    color: rgb(100 116 139); /* slate-500 */
  }

  /* --- DIVIDER: klasa w WP jest na LI --- */
  header nav > ul#menu-header > li > ul.sub-menu > li.menu-divider-after {
    position: relative;
    padding-bottom: 14px;
    margin-bottom: 6px;
  }

  header nav > ul#menu-header > li > ul.sub-menu > li.menu-divider-after::after {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 4px;
    height: 1px;
    background: rgb(226 232 240);
  }
}