/* Make anything inside the rescue wrapper visible on phones */
@media (max-width: 768px) {
  .rnt-unhide {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 1 !important;
  }
  /* Undo common 'hide on mobile' flags *inside* the wrapper */
  .rnt-unhide .ct-hide-on-mobile,
  .rnt-unhide .ct-hidden-sm,
  .rnt-unhide .stk--hide-sm,
  .rnt-unhide .ugb-hide-mobile {
    display: revert !important;
    visibility: visible !important;
  }
}

/* Desktop/Tablet */
@media (min-width: 769px) {
  .rnt-wordmark { display:none; }
}
/* Mobile */
@media (max-width: 768px) {
  .rnt-slug { display:none; }
}

/* Hide Blocksy default mobile header */
@media (max-width: 767px) {
  .ct-header, 
  .ct-header .ct-container, 
  .ct-header [class*="ct-header"] {
    display: none !important;
  }
}


/* Default logo = horizontal (set in Blocksy) */




/* On phones, hide Blocksy's default footer */
@media (max-width:767px){
  .ct-footer{ display:none !important; }
}

/* Swap to stacked version on iPad portrait */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .rnt-logo img {
    content: url("https://roomandtable.guide/wp-content/uploads/2025/09/Room-Table-Portrait-FIN.png");
    max-height: 72px; /* adjust to fit header */
    height: auto;
    width: auto;
  }
}

/* iPad portrait logo adjustments */
@media (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
  .rnt-logo img {
    max-height: 225px;  /* increase from ~72px */
    margin-top: 14px;   /* pushes it down a touch */
  }
}


/* Kill Blocksy footer wrapper (desktop/tablet) so no empty band remains */
@media (min-width:768px){
  footer.ct-footer,
  .ct-footer,
  [class^="ct-footer"], [class*=" ct-footer"]{
    display:none !important;
    height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
  }
}

/* Also remove theme bottom spacing if any */
.ct-theme-content,
.site-main{
  margin-bottom:0 !important;
  padding-bottom:0 !important;
}