/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 
   #robin-recipe {
  padding: 0 !important;
  margin: 0 !important;
  background: #fff; /* Optional: ensure white background */
}

@media print {
  body, html {
    margin: 0;
    padding: 0;
  }
}

    .robin-recipe-buttons {
        display: flex;
        justify-content: flex-end;
        gap: 10px;
        margin-bottom: 20px;
    }

    .robin-btn {
        padding: 10px 20px;
        background: #FB8F23;
        color: #fff;
        border: none;
        cursor: pointer;
        border-radius: 4px;
    }

    .robin-print-logo,
    .robin-print-footer {
        display: none;
        text-align: center;
        margin-bottom: 20px;
    }

    .robin-print-logo img {
        max-width: 200px;
        height: auto;
    }

    .robin-recipe-image {
        width: 100%;
        max-height: 430px;
        object-fit:cover;
        margin-bottom: 20px;
    }

    .robin-recipe-submeta,
    .robin-recipe-meta {
        font-size: 14px;
        color: #555;
        margin-bottom: 15px;
    }

    .robin-recipe-section {
        margin-bottom: 30px;
        page-break-inside: avoid;
    }

    #ingredients-list,
    .robin-recipe-section ol {
        padding-left: 20px;
    }

    @media print {
        #robin-recipe {
  padding: 0 !important;
  margin: 0 !important;
  background: #fff; /* Optional: ensure white background */
}
body, html {
    margin: 0;
    padding: 0;
  }
        .robin-recipe-buttons {
            display: none !important;
        }

        .robin-print-logo,
        .robin-print-footer {
            display: block !important;
        }

        body {
            margin: 0 !important;
            padding: 0 !important;
        }
    }