/* Styling for the JSON catalog controls.
   We force some sane defaults because themes/ad wrappers can apply
   aggressive form/button styles that make controls look broken.
*/
.pfm-catalog-controls{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:flex-end;
  margin: 8px 0 16px 0;
}

.pfm-catalog-controls label{
  font-size:14px;
  display:flex;
  flex-direction:column;
  gap:6px;
}

.pfm-catalog-controls input,
.pfm-catalog-controls select{
  box-sizing:border-box;
  padding:6px 10px;
  min-height:38px;
  font-size:16px;
  line-height:1.2;
  border:1px solid #cfd4dc;
  border-radius:8px;
  background:#fff;
  color:#111;
}

.pfm-catalog-controls input:focus,
.pfm-catalog-controls select:focus{
  outline:2px solid rgba(0,116,217,.35);
  outline-offset:1px;
}

.pfm-catalog-controls button#pfmApply{
  min-height:38px;
  padding:6px 14px;
  border-radius:8px;
  border:1px solid #cfd4dc;
  background:#f3f5f7;
  color:#111;
  font-size:16px;
  cursor:pointer;
}

.pfm-catalog-controls button#pfmApply:hover{
  background:#e9edf1;
}

.pfm-catalog-count{
  margin-left:auto;
  opacity:.8;
  font-size:13px;
}

/* /puzzles/ right sidebar: make top widget usable for ads (full-bleed, no padding).
   Requires body class added by theme code: .pfm-catalog-page
*/
.pfm-catalog-page .inside-right-sidebar{
  padding: 0 !important;
}
.pfm-catalog-page .inside-right-sidebar .widget{
  margin: 0 0 16px 0;
}
.pfm-catalog-page .inside-right-sidebar .widget:first-child{
  margin-top: 0;
}
.pfm-catalog-page .inside-right-sidebar .widget:first-child,
.pfm-catalog-page .inside-right-sidebar .widget:first-child .widget-title,
.pfm-catalog-page .inside-right-sidebar .widget:first-child .widget-content,
.pfm-catalog-page .inside-right-sidebar .widget:first-child .textwidget,
.pfm-catalog-page .inside-right-sidebar .widget:first-child .wp-block-group,
.pfm-catalog-page .inside-right-sidebar .widget:first-child .wp-block-html,
.pfm-catalog-page .inside-right-sidebar .widget:first-child .wp-block-custom-html{
  padding: 0 !important;
}
.pfm-catalog-page .inside-right-sidebar .widget:first-child .widget-title{
  display:none !important;
}
.pfm-catalog-page .inside-right-sidebar .widget:first-child iframe,
.pfm-catalog-page .inside-right-sidebar .widget:first-child img{
  display:block;
  width:100% !important;
  max-width:100% !important;
}