/* WPCodeBox: sidebar-widgets-32px (marker) */
/* ===============================
   Sidebar Widgets (32px variant)
   Targets ONLY the sidebar Jetpack subscribe + search form
   =============================== */

/* ---- Safety scope (no-op) ---- */
.row.sidebar, .sidebar {}

/* =========================================
   JETPACK SUBSCRIBE (Abonnér)
   ========================================= */

/* Email input (32px) */
.sidebar .wp-block-jetpack-subscriptions__container #subscribe-email input[type="email"]{
  width:100% !important;
  height:32px !important;
  padding:6px 10px !important;
  border:1px solid #cfcfcf !important;
  border-radius:10px !important;
  font-size:15px !important;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.06) !important;
  margin:0 !important;
}

/* Spacing to button */
.sidebar .wp-block-jetpack-subscriptions__container #subscribe-submit{
  margin-top:8px !important;
}

/* Abonnér-knap (32px) */
.sidebar .wp-block-jetpack-subscriptions__container #subscribe-submit .wp-block-button__link{
  display:inline-block !important;
  height:32px !important;
  line-height:32px !important;
  padding:0 14px !important;
  background:#2a2a2a !important;
  color:#fff !important;
  border:0 !important;
  border-radius:999px !important;
  font-size:15px !important;
  font-weight:600 !important;
  text-decoration:none !important;
  box-shadow:none !important;
  background-image:none !important;
  cursor:pointer !important;
  transition:transform .02s ease, background .15s ease !important;
}
.sidebar .wp-block-jetpack-subscriptions__container #subscribe-submit .wp-block-button__link:hover,
.sidebar .wp-block-jetpack-subscriptions__container #subscribe-submit .wp-block-button__link:focus{
  background:#1f1f1f !important;
  transform:translateY(-1px) !important;
  outline:none !important;
}

/* =========================================
   SEARCH (Søg efter opskrift her)
   ========================================= */

/* Hard reset of Foundation grid ONLY inside sidebar search */
.sidebar #searchform,
.sidebar #searchform .row,
.sidebar #searchform .row.collapse{
  margin:0 !important;
  padding:0 !important;
}
.sidebar #searchform [class*="columns"]{
  margin:0 !important;
  padding:0 !important;
}

/* Put input + button on one line and center vertically */
.sidebar form#searchform .row.collapse{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}

/* Make input column flex, button auto width */
.sidebar form#searchform [class*="ten"],
.sidebar form#searchform [class*="mobile-three"]{ flex:1 1 auto !important; }
.sidebar form#searchform [class*="two"],
.sidebar form#searchform [class*="mobile-one"]{ flex:0 0 auto !important; }

/* Search input (32px) */
.sidebar form#searchform input[type="text"],
.sidebar form#searchform input[type="search"]{
  width:100% !important;
  height:32px !important;
  padding:6px 10px !important;
  border:1px solid #cfcfcf !important;
  border-radius:10px !important;
  font-size:15px !important;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.06) !important;
  margin:0 !important;
}

/* Search button (32px) — match Abonnér */
.sidebar form#searchform .button.tiny,
.sidebar form#searchform button[type="submit"]{
  display:inline-block !important;
  height:32px !important;
  line-height:32px !important;
  padding:0 14px !important;
  background:#2a2a2a !important;
  color:#fff !important;
  border:0 !important;
  border-radius:999px !important;
  font-size:15px !important;
  font-weight:600 !important;
  text-transform:none !important;
  cursor:pointer !important;
  transition:transform .02s ease, background .15s ease !important;
  background-image:none !important;
  box-shadow:none !important;
}
.sidebar form#searchform .button.tiny:hover,
.sidebar form#searchform .button.tiny:focus,
.sidebar form#searchform button[type="submit"]:hover,
.sidebar form#searchform button[type="submit"]:focus{
  background:#1f1f1f !important;
  transform:translateY(-1px) !important;
  outline:none !important;
}

/* =========================================
   RESPONSIVE
   ========================================= */
@media (max-width:600px){
  .sidebar form#searchform .row.collapse{
    flex-direction:column !important;
    align-items:stretch !important;
    gap:8px !important;
  }
  .sidebar form#searchform button[type="submit"],
  .sidebar form#searchform .button.tiny{
    width:100% !important;
  }
}

/* =========================================
   ACCESSIBILITY FOCUS RINGS
   ========================================= */
.sidebar .wp-block-jetpack-subscriptions__container #subscribe-submit .wp-block-button__link:focus-visible,
.sidebar form#searchform button[type="submit"]:focus-visible{
  outline:2px solid #6aa84f !important; /* tweak to brand color */
  outline-offset:2px !important;
}


/* =========================================
   P1 Recent Recipes – base styles
   ========================================= */
/* === Recent Recipes – full-width card === */
.p1-recent { display:block; }
.p1-recent__item { display:block; margin-bottom:24px; }
.p1-recent__item:first-child {
  margin-top: 25px; /* eller 20px hvis du vil have lidt mere luft */
}


/* Billede øverst i fuld bredde */
.p1-recent__thumb { display:block; width:100%; margin-bottom:10px; }
.p1-recent__img,
.p1-recent__noimg {
  width:100% !important;
  height:auto;
  display:block;
  border-radius:0px;
  background:#eee; /* fallback-baggrund */
}

/* Titel – brug div for at undgå temaets h4-stil i widgets */
.p1-recent__title {
  display:block !important;
  margin:0 0 6px;
  font-size:18px;
  line-height:1.4;
  color:#222;
}
.p1-recent__title a { color:inherit; text-decoration:none; }
.p1-recent__title a:hover { text-decoration:underline; }

/* Kategorier (små, med links) */
.p1-recent__cats { font-size:13px; line-height:1.4; color:#666; }
.p1-recent__cat-link { color:inherit; text-decoration:none; border-bottom:1px solid transparent; }
.p1-recent__cat-link:hover { border-bottom-color:currentColor; }