/* Print Styles for Kundalini Yoga Practices */
/* Only loaded for admin users - public users get print blocking */

@media print {
    /* Reset and base styles */
    * {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }
    
    body {
        font-size: 12pt;
        line-height: 1.4;
        color: #000;
        background: white !important;
        margin: 0;
        padding: 0;
    }
    
    /* Page setup - remove browser headers/footers */
    @page {
        size: A4;
        margin: 15mm;
        /* Remove default browser headers and footers */
        margin-top: 15mm;
        margin-bottom: 15mm;
    }
    
    @page :first {
        margin-top: 15mm;
    }
    
    /* Hide navigation and non-essential elements */
    .navbar,
    .header,
    .footer,
    .social-share-sidebar-3ho,
    .membership-plans-comparison,
    .membership-buttons,
    .btn,
    .timer-controls,
    .timer-edit-link,
    .timer-adjust,
    .timer-adjust-modal,
    .exercise-timer-login-message,
    .exercise-music-login-message,
    .comments-membership-message,
    .user-menu,
    .breadcrumbs,
    #breadcrumbs,
    .optinmonster-banner,
    .time-up-overlay,
    .swal2-container,
    .tooltip,
    .g-recaptcha,
    .recaptcha,
    #rc-anchor-container,
    .rc-anchor-container,
    .grecaptcha-badge,
    .back-to-top,
    .scroll-to-top,
    #comments,
    .comment-form,
    .social-share-3ho,
    .share-buttons,
    .add-to-favorites,.single-kundalini-yoga #practice__header .add-to-favorites, 
    .single-kundalini-yoga #practice__header .remove-from-favorites,
    #practice__header-buttons {
        display: none !important;
    }
    
    /* Container adjustments */
    .container {
        max-width: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Header section - keep with content on first page */
    #practice__header {
        padding-top: 0 !important;
        page-break-inside: avoid;
        page-break-after: avoid;
        margin-bottom: 15pt !important;
        border-bottom: 2pt solid #000 !important;
        padding-bottom: 10pt !important;
    }
    
    #practice__header h1 {
        font-size: 18pt;
        font-weight: bold;
        margin: 0 !important;
        color: #000;
    }
    
    /* Practice details list */
    #practice__header .list-unstyled {
        margin: 0 !important;
        padding: 0 !important;
    }
    
    #practice__header .list-unstyled li {
        margin: 5pt 0;
        font-size: 11pt;
        list-style: none;
    }
    
    #practice__header .list-unstyled li i {
        margin-right: 5pt;
    }
    
    /* Benefits pills - maintain colors */
    .benefits {
        margin: 10pt 0 !important;
        page-break-inside: avoid;
    }
    
    .benefit-link.pill-link {
        display: inline-block;
        background: #4D68B0 !important;
        color: white !important;
        border: 1pt solid #4D68B0 !important;
        padding: 3pt 6pt !important;
        margin: 2pt !important;
        font-size: 10pt;
        text-decoration: none !important;
        border-radius: 12pt;
    }
    
    /* Main content */
    #practice__content {
        margin: 0;
        padding: 0;
    }
    
    /* Practice content (the_content) - keep on first page with header */
    .practice__content,
    .entry-content > div:first-child {
        margin-top: 15pt !important;
        margin-bottom: 25pt !important;
        page-break-inside: auto;
        page-break-before: avoid;
        page-break-after: auto;
        clear: both;
        display: block;
    }
    
    .practice__content p,
    .entry-content > div:first-child p {
        font-size: 12pt;
        line-height: 1.4;
        margin: 8pt 0;
        color: #000;
        text-align: justify;
        orphans: 2;
        widows: 2;
    }
    
    /* Exercise sections - maintain 2-column layout */
    .meditation {
        page-break-inside: avoid;
        margin: 12pt 0 0 0 !important;
        padding: 0 !important;
        display: flex;
        flex-direction: row;
        gap: 15pt;
        clear: both;
    }
    
    .meditation__col {
        flex: 1;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .meditation__col:first-child {
        flex: 1.2;
    }
    
    .meditation__col:last-child {
        flex: 0.8;
    }
    
    .meditation h2 {
        font-size: 14pt;
        font-weight: bold;
        margin: 0 0 8pt 0 !important;
        padding: 0 !important;
        color: #000;
        page-break-after: avoid;
    }
    
    .meditation__text {
        margin: 0 0 8pt 0 !important;
        padding: 0 !important;
    }
    
    .meditation__details {
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .meditation__details p {
        font-size: 12pt;
        line-height: 1.4;
        margin: 5pt 0 !important;
        padding: 0 !important;
        color: #000;
        text-align: justify;
    }
    .meditation__text, .meditation__gallery{
        position: relative;
        top: initial;
    }


    /* Images */
    .meditation__gallery {
        margin: 20pt 0 10pt 0 !important;
        page-break-inside: avoid;
    }
    
    .meditation__gallery-image {
        margin: 10pt 0;
        page-break-inside: avoid;
    }
    
    .meditation__gallery-image img {
        max-width: 100% !important;
        height: auto !important;
        display: block;
        margin: 0 auto;
    }
    
    /* Photo source credits */
    #photo__source {
        font-size: 9pt;
        font-style: italic;
        color: #666;
        margin-top: 5pt;
        text-align: center;
    }
    
    /* Timer section - show only duration text, hide timer box */
    .meditation__time {
        margin: 3pt 0 5pt 0 !important;
        padding: 5pt 15pt !important;
        page-break-inside: avoid;
        width: 100% !important;
        display: block !important;
        clear: both;
        float: none;
        border-bottom: none !important;
        background: #e9ecef !important;
    }
    
    .meditation__time > div {
        margin: 0 !important;
        padding: 0 !important;
        display: inline !important;
    }
    
    .meditation__time h3,
    .meditation__time .meditation-title {
        font-size: 10pt !important;
        font-weight: 400 !important;
        margin: 0 3pt 0 0 !important;
        padding: 0 !important;
        color: #000 !important;
        display: inline !important;
        white-space: nowrap !important;
    }
    
    .meditation__time h3::after,
    .meditation__time .meditation-title::after {
        content: ":" !important;
        margin-right: 3pt !important;
    }
    
    .meditation__time p {
        font-size: 10pt !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #000 !important;
        display: inline !important;
    }
    
    .meditation__time i {
        font-size: 10pt !important;
        margin: 0 3pt 0 0 !important;
        padding: 0 !important;
        display: inline !important;
    }
    
    /* Hide timer controls and music sections */
    .exercise-timer,
    .exercise-timer-login-message,
    .exercise-music-section,
    .timer-display,
    .timer-controls,
    .timer-edit-link,
    .timer-adjust,
    .timer-adjust-modal {
        display: none !important;
        border: none !important;
    }
    
    /* Practice notes */
    #practice__notes {
        page-break-inside: avoid;
        margin: 20pt 0;
        padding: 10pt;
    }
    
    #practice__notes h2 {
        font-size: 14pt;
        font-weight: bold;
        margin: 0 0 10pt 0;
        color: #000;
    }
    
    #practice__notes p {
        font-size: 11pt;
        line-height: 1.4;
        margin: 5pt 0;
        color: #000;
    }
    
    /* Testimonials */
    #practice__testimonials {
        page-break-inside: avoid;
        margin: 20pt 0;
    }
    
    #practice__testimonials h2 {
        font-size: 14pt;
        font-weight: bold;
        margin: 0 0 10pt 0;
        color: #000;
    }
    
    #practice__testimonials p {
        font-size: 11pt;
        line-height: 1.4;
        margin: 5pt 0;
        color: #000;
    }
    
    /* Source */
    #practice__source {
        page-break-inside: avoid;
        margin: 20pt 0;
        font-size: 10pt;
        color: #666;
        font-style: italic;
    }
    
    /* Page breaks and orphans/widows */
    h1, h2, h3 {
        page-break-after: avoid;
        orphans: 3;
        widows: 3;
    }
    
    p {
        orphans: 3;
        widows: 3;
        page-break-inside: avoid;
    }
    
    /* Avoid breaking inside important elements */
    .meditation,
    .meditation__gallery,
    .meditation__gallery-image,
    #practice__notes,
    #practice__testimonials,
    #practice__source,
    .meditation__text,
    .meditation__details {
        page-break-inside: avoid;
    }
    
    /* Ensure exercises don't break */
    .meditation {
        page-break-inside: avoid;
        page-break-after: auto;
    }
    
    /* Force page break before new exercises if needed */
    .meditation:nth-child(n+2) {
        page-break-before: auto;
    }
    
    
    /* Ensure proper spacing */
    .row {
        margin: 0 !important;
    }
    
    .col-md-10,
    .col-lg-6 {
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Hide footer completely */
    footer,
    .footer,
    #footer {
        display: none !important;
    }
    
    /* Hide social sharing and comments */
    .social-share,
    .share-buttons,
    .comments,
    .comment-form,
    .comment-respond {
        display: none !important;
    }
    
    /* Hide any remaining interactive elements */
    [onclick],
    [data-bs-toggle],
    [data-bs-target] {
        pointer-events: none !important;
    }
    
    /* Ensure text is black and readable */
    * {
        color: #000 !important;
        background: transparent !important;
    }
    
    /* Special handling for links */
    a {
        color: #000 !important;
        text-decoration: underline !important;
    }
    
    /* Remove any remaining backgrounds */
    .bg-primary,
    .bg-secondary,
    .bg-light,
    .bg-dark {
        background: transparent !important;
    }
}

.optinmonster-banner-container{
    display: none !important;
}