/* ========================================
   PRINT STYLES - Profile Page
   Hides: Header, Footer, Buttons, Forms, Dropdowns
   Shows: Only content (paragraphs, headings, labels, text)
   ======================================== */

@media print {
    /* ===== HIDE NAVIGATION & LAYOUT ===== */

    /* Hide header/navbar */
    header,
    nav,
    .navbar,
    .header,
    .site-header,
    .main-header {
        display: none !important;
    }

    /* Hide footer */
    footer,
    .footer,
    .site-footer,
    .main-footer {
        display: none !important;
    }

    /* Hide sidebar/navigation */
    aside,
    .sidebar,
    .side-nav {
        display: none !important;
    }

    /* ===== HIDE INTERACTIVE ELEMENTS ===== */

    /* Hide all buttons */
    button,
    .btn,
    .button,
    [type="button"],
    [type="submit"],
    [type="reset"],
    .btn-primary,
    .btn-secondary,
    .btn-success,
    .btn-danger,
    .btn-warning,
    .btn-info {
        display: none !important;
    }

    /* Hide forms and inputs */
    form,
    input,
    textarea,
    select,
    .form-control,
    .form-group,
    .input-group {
        display: none !important;
    }

    /* Hide dropdown menus */
    .dropdown,
    .dropdown-menu,
    .dropdown-toggle,
    select {
        display: none !important;
    }

    /* ===== HIDE PROFILE ACTIONS ===== */

    /* Hide action buttons/menus specific to your screenshot */
    .edit-cover,
    .profile-actions,
    .action-menu,
    .three-dot-menu,
    [class*="edit"],
    [class*="Edit"] {
        display: none !important;
    }

    /* Hide "Save contact", "Share profile", "Copy link", "Print profile" buttons */
    .save-contact-btn,
    .share-profile-btn,
    .copy-link-btn,
    .print-profile-btn {
        display: none !important;
    }

    /* Hide any floating action buttons */
    .fab,
    .floating-action,
    .fixed-action-btn {
        display: none !important;
    }

    /* ===== HIDE SEARCH & FILTERS ===== */

    /* Hide search bars */
    .search-bar,
    .search-form,
    input[type="search"],
    [class*="search"] {
        display: none !important;
    }

    /* Hide location input from your screenshot */
    input[placeholder*="Location"],
    input[placeholder*="location"],
    .location-input {
        display: none !important;
    }

    /* ===== SHOW CONTENT ONLY ===== */

    /* Ensure text content is visible */
    p,
    h1, h2, h3, h4, h5, h6,
    span,
    label:not(button label),
    .text,
    .description,
    .bio,
    .about,
    .content {
        display: block !important;
        color: #000 !important;
        font-family: Arial, sans-serif;
    }

        /* Profile name */
        .profile-name,
        .user-name,
        h1.name,
        h2.name {
            font-size: 24pt !important;
            font-weight: bold !important;
            margin-bottom: 8pt !important;
        }

    /* Profession/title */
    .profession,
    .job-title,
    .title {
        font-size: 14pt !important;
        color: #333 !important;
        margin-bottom: 4pt !important;
    }

    /* Location */
    .location,
    .address {
        font-size: 12pt !important;
        color: #666 !important;
    }

    /* Section headings */
    .section-title,
    .about-title {
        font-size: 16pt !important;
        font-weight: bold !important;
        margin-top: 12pt !important;
        margin-bottom: 6pt !important;
        border-bottom: 1pt solid #ccc;
        padding-bottom: 4pt !important;
    }

    /* ===== PROFILE SPECIFIC ===== */

    /* Show availability badge (but not the toggle) */
    .availability-badge,
    .status-badge {
        display: inline-block !important;
        padding: 2pt 8pt !important;
        border: 1pt solid #333 !important;
        border-radius: 4pt !important;
        font-size: 10pt !important;
    }

    /* Hide availability toggle switch */
    .form-switch,
    .toggle-switch,
    input[type="checkbox"] {
        display: none !important;
    }

    /* Show experience/years of service (text only) */
    .experience,
    .years-experience {
        display: inline-block !important;
        font-size: 11pt !important;
        color: #666 !important;
    }

    /* Show reviews (static display, hide interactive stars) */
    .reviews-section {
        display: block !important;
    }

    .review-text,
    .review-content {
        display: block !important;
    }

    /* Hide interactive review elements */
    .review-form,
    .add-review,
    .rate-stars {
        display: none !important;
    }

    /* ===== PAGE LAYOUT ===== */

    /* Remove all shadows and borders for cleaner print */
    * {
        box-shadow: none !important;
        text-shadow: none !important;
    }

    /* Set white background */
    body,
    .container,
    .profile-container {
        background: white !important;
        color: black !important;
    }

    /* Remove page breaks inside important content */
    .profile-section,
    .about-section,
    .bio-section {
        page-break-inside: avoid !important;
    }

    /* ===== IMAGES ===== */

    /* Show profile photo */
    .profile-photo,
    .profile-image,
    .avatar {
        display: block !important;
        max-width: 150pt !important;
        height: auto !important;
        border-radius: 50% !important;
        margin: 0 auto 12pt auto !important;
    }

    /* Hide cover photo edit button but show cover */
    .cover-photo {
        display: block !important;
        max-height: 200pt !important;
        width: 100% !important;
        object-fit: cover !important;
    }

    .edit-cover,
    [class*="edit-cover"] {
        display: none !important;
    }

    /* ===== HIDE MODALS & OVERLAYS ===== */

    .modal,
    .overlay,
    .popup,
    .tooltip,
    .toast,
    .alert {
        display: none !important;
    }

    /* ===== PRINT-SPECIFIC FORMATTING ===== */

    /* Adjust margins */
    @page {
        margin: 1cm;
        size: A4;
    }

    body {
        margin: 0;
        padding: 0;
    }

    /* Optimize text for print */
    p {
        orphans: 3;
        widows: 3;
    }

    h1, h2, h3, h4, h5, h6 {
        page-break-after: avoid !important;
    }

    /* ===== LINKS ===== */

    /* Show links as text (remove href display) */
    a {
        color: #000 !important;
        text-decoration: none !important;
    }

    /* Optional: Show URLs after links */
    /*
    a[href]:after {
        content: " (" attr(href) ")";
        font-size: 9pt;
        color: #666;
    }
    */

    /* ===== HIDE ICONS INSIDE BUTTONS ===== */

    button i,
    button .fa,
    button .fas,
    button .far,
    .btn i,
    .btn .fa,
    .btn .fas,
    .btn .far {
        display: none !important;
    }

    /* ===== CONTACT INFO (if you want to show) ===== */

    /* Show contact information */
    .contact-info,
    .phone-number,
    .email-address {
        display: block !important;
        font-size: 11pt !important;
        margin: 4pt 0 !important;
    }

    /* Hide "Call", "Email", "WhatsApp" buttons but keep the info */
    a[href^="tel"],
    a[href^="mailto"],
    a[href^="https://wa.me"] {
        pointer-events: none !important;
    }

        a[href^="tel"]:before {
            content: "Phone: " !important;
            font-weight: bold;
        }

        a[href^="mailto"]:before {
            content: "Email: " !important;
            font-weight: bold;
        }
}

/* ===== END PRINT STYLES ===== */