/* ===== Responsive (pescuim.net) ===== */
img, iframe, video { max-width: 100%; height: auto; }
body { font-size: 14px; }
.post-body { font-size: 16px; line-height: 1.6; }
.sidebar { font-size: 14px; }

/* Header: imaginea (1600x196, cu logo-ul inclus) aliniată cu conținutul centrat,
   ca la 1440px; pe ecrane mai late golurile se umplu cu o copie estompată. */
#body-wrapper { position: relative; background: none; overflow-x: hidden; overflow-x: clip; }
#body-wrapper::before, #body-wrapper::after { content: ""; position: absolute; z-index: 0; }
#body-wrapper::before {
  top: -30px; left: -30px; right: -30px; height: 226px;
  background: url(../images/header_bg.jpg) center / cover;
  filter: blur(14px);
}
#body-wrapper::after {
  top: 0; left: 50%; width: 1600px; height: 196px; margin-left: -720px;
  background: url(../images/header_bg.jpg) no-repeat;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 120px, #000 1480px, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 120px, #000 1480px, transparent);
}
#outer-wrapper { position: relative; z-index: 1; }

/* Submeniuri: menu.js fixează înălțimea măsurată la primul hover, uneori prea mică */
.smOW { height: auto !important; }

/* Meniul pentru mobil (creat în tema Blogger, initMobileMenu) */
.mnav-toggle { display: none; }

@media (max-width: 980px) {
  #outer-wrapper, #header-wrapper, #nav, #credits, [class*="span-"] { width: auto !important; max-width: 100%; }
  #content-wrapper { display: flex; flex-direction: column; }
  #main-wrapper     { order: 1; }
  #rsidebar-wrapper { order: 2; }
  #lsidebar-wrapper { order: 3; }
  #main-wrapper, #lsidebar-wrapper, #rsidebar-wrapper {
    float: none; width: auto; margin: 0; padding: 10px 16px; box-sizing: border-box;
  }

  /* Header: imaginea micșorată, logo-ul lângă pescar */
  #body-wrapper::before { display: none; }
  #body-wrapper::after {
    left: 0; width: 100%; height: 130px; margin-left: 0;
    background-size: auto 130px; background-position: -180px 0;
    -webkit-mask-image: none; mask-image: none;
  }
  body { background: #F2F2F2; }
  .span-24 { display: none; }  /* pagemenucontainer gol, ar împinge header-ul în jos */
  #header-wrapper { height: 130px; }
  /* sprite 120x286 cu două poziții (a doua de la y=145), micșorat la 80px: factor 2/3 */
  #fisherman { width: 80px; height: 100px; margin: 30px 0 0 8px; background-size: 80px auto; background-position: 0 3px; }
  #fisherman:hover, .fishermanActive { background-position: 0 -97px !important; }

  /* Meniu: buton + listă verticală, submeniuri extensibile */
  #navcontainer { height: auto; overflow: visible; border-radius: 0; background-size: auto 100%; }
  .mnav-toggle {
    display: flex; align-items: center; gap: 12px; width: 100%; height: 48px; padding: 0 16px;
    border: 0; background: transparent; cursor: pointer;
    font: bold 14px Arial, Helvetica, sans-serif; text-transform: uppercase;
    color: #4D4B4B; text-shadow: 0 1px 0 #FFF;
  }
  .mnav-icon, .mnav-icon::before, .mnav-icon::after {
    display: block; width: 22px; height: 3px; border-radius: 2px; background: #57AC23;
  }
  .mnav-icon { position: relative; }
  .mnav-icon::before, .mnav-icon::after { content: ""; position: absolute; left: 0; }
  .mnav-icon::before { top: -7px; }
  .mnav-icon::after { top: 7px; }
  .mnav-open .mnav-icon { background: transparent; }
  .mnav-open .mnav-icon::before { top: 0; transform: rotate(45deg); }
  .mnav-open .mnav-icon::after { top: 0; transform: rotate(-45deg); }

  #nav { display: none; height: auto; overflow: visible; background: #FFF; }
  .mnav-open #nav { display: block; }
  #nav_section .widget { margin: 0; }
  #nav li {
    float: none; display: block; position: relative; height: auto; margin: 0; padding: 0;
    background: none; border-top: 1px solid #E4E4E4;
  }
  #nav a, #nav li a:hover, #nav li a:focus, #navcontainer .current-cat > a {
    float: none; margin: 0; padding: 14px 56px 14px 16px; font-size: 14px; line-height: 20px;
    background: none; color: #4D4B4B; text-shadow: none;
  }
  #navcontainer .current-cat > a { color: #57AC23; }
  #nav li li { border-top-color: rgba(255,255,255,.2); }
  #nav li li a, #nav li li a:hover, #navcontainer .current-cat li a {
    padding: 14px 56px 14px 32px; background: #57AC23; color: #FFF;
  }
  #nav li li li a, #nav li li li a:hover { padding-left: 48px; background: #4C9A1E; }
  #nav li li li li a, #nav li li li li a:hover { padding-left: 64px; background: #43881A; }
  #nav li.mnav-sub-open > .children { display: block; }
  .mnav-sub {
    position: absolute; top: 0; right: 0; width: 52px; height: 48px; border: 0;
    background: transparent; color: inherit; font: 24px/1 Arial, sans-serif; cursor: pointer;
  }
  #nav > .section > .widget > li > .mnav-sub { color: #57AC23; }
  #nav li li > .mnav-sub { color: #FFF; }
  .mnav-sub::before { content: "+"; }
  .mnav-sub-open > .mnav-sub::before { content: "\2212"; }
  /* Glosar: literele pe un rând */
  #nav .smOW_xitem li { display: flex; background: #57AC23; }
  #nav .smOW_xitem li a { flex: 1; width: auto; padding: 14px 0; text-align: center; }
  #nav .smOW_xitem br, #nav .smOW_xitem li:empty { display: none; }

  #myGallery, #myGallerySet { width: 100% !important; }
  .post-body img { float: none !important; display: block; margin: 8px auto !important; }
  .post-body .separator a, .post-body a[style*="float"] { float: none !important; margin: 0 !important; }
  .ingredients { width: 100%; box-sizing: border-box; }
  #comment-form iframe { width: 100%; }
  #s { width: calc(100% - 40px); }
  #topsearch #s { width: calc(100% - 40px); }
  #topsearch #search { margin: 5px 0 10px; }
  #footer, #credits { padding-left: 16px; padding-right: 16px; }
  #main-wrapper .post-title { font-size: 22px; line-height: 1.25; }
}