/* Print-Friendly Stylesheet for VertexCPM Property Brochures */
/* Optimized for property detail pages and listings */

@media print {
    /* Global print styles */
    * {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
        color-adjust: exact !important;
    }
    
    @page {
        size: A4;
        margin: 0.75in;
        @top-center {
            content: "VertexCPM Property Information";
            font-family: Arial, sans-serif;
            font-size: 10pt;
            color: #666;
        }
        @bottom-right {
            content: "Page " counter(page) " of " counter(pages);
            font-family: Arial, sans-serif;
            font-size: 9pt;
            color: #666;
        }
    }
    
    /* Hide non-essential elements */
    .no-print,
    header,
    footer,
    nav,
    .navigation,
    .header,
    .footer,
    #header-placeholder,
    #footer-placeholder,
    .management-login-btn,
    .contact-cta,
    .secondary-cta,
    .vertex-btn--secondary,
    .search-container,
    #property-search-container,
    .breadcrumb,
    .modal,
    .overlay,
    script,
    .analytics,
    .social-share,
    .back-button {
        display: none !important;
    }
    
    /* Container adjustments */
    body {
        font-family: 'Times New Roman', serif !important;
        font-size: 12pt !important;
        line-height: 1.4 !important;
        color: #000 !important;
        background: white !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .container,
    .properties-container,
    .property-detail-container {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        box-shadow: none !important;
    }
    
    /* Property brochure header */
    .print-header {
        display: block !important;
        text-align: center;
        margin-bottom: 20pt;
        padding-bottom: 10pt;
        border-bottom: 2pt solid #0066cc;
    }
    
    .print-header::before {
        content: "VertexCPM";
        display: block;
        font-size: 24pt;
        font-weight: bold;
        color: #0066cc;
        margin-bottom: 5pt;
    }
    
    .print-header::after {
        content: "Commercial Property Management";
        display: block;
        font-size: 14pt;
        color: #666;
        font-style: italic;
    }
    
    /* Property title and main information */
    .property-hero__title,
    .properties-title,
    .vertex-property-card__title,
    .property-detail-title,
    h1, h2.vertex-property-card__title {
        font-size: 20pt !important;
        font-weight: bold !important;
        color: #0066cc !important;
        margin: 15pt 0 10pt 0 !important;
        page-break-after: avoid !important;
    }
    
    /* Property descriptions and content */
    .property-hero__description,
    .property-content,
    .properties-subtitle,
    .vertex-property-card__content p {
        font-size: 11pt !important;
        line-height: 1.5 !important;
        margin: 8pt 0 !important;
        color: #333 !important;
    }
    
    /* Property details grid */
    .property-details,
    .vertex-detail-grid {
        display: table !important;
        width: 100% !important;
        border-collapse: collapse !important;
        margin: 15pt 0 !important;
        page-break-inside: avoid !important;
    }
    
    .detail-item,
    .vertex-detail-item {
        display: table-cell !important;
        width: 25% !important;
        padding: 8pt !important;
        border: 1pt solid #ccc !important;
        text-align: center !important;
        vertical-align: middle !important;
    }
    
    .detail-value,
    .vertex-detail-item__value {
        font-size: 14pt !important;
        font-weight: bold !important;
        color: #0066cc !important;
        display: block !important;
        margin-bottom: 3pt !important;
    }
    
    .detail-label,
    .vertex-detail-item__label {
        font-size: 9pt !important;
        color: #666 !important;
        text-transform: uppercase !important;
        font-weight: normal !important;
    }
    
    /* Property features */
    .property-features,
    .vertex-features {
        margin: 15pt 0 !important;
        page-break-inside: avoid !important;
    }
    
    .features-title,
    .vertex-features__title {
        font-size: 14pt !important;
        font-weight: bold !important;
        color: #0066cc !important;
        margin-bottom: 8pt !important;
        border-bottom: 1pt solid #ccc !important;
        padding-bottom: 3pt !important;
    }
    
    .features-list,
    .vertex-features__list {
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
        columns: 2 !important;
        column-gap: 20pt !important;
    }
    
    .features-item,
    .vertex-features__item {
        font-size: 10pt !important;
        margin: 3pt 0 !important;
        padding-left: 12pt !important;
        position: relative !important;
        page-break-inside: avoid !important;
    }
    
    .features-item::before,
    .vertex-features__item::before {
        content: "✓" !important;
        position: absolute !important;
        left: 0 !important;
        font-weight: bold !important;
        color: #0066cc !important;
    }
    
    /* Property cards for listings */
    .vertex-property-card {
        border: 2pt solid #0066cc !important;
        margin: 15pt 0 !important;
        padding: 15pt !important;
        page-break-inside: avoid !important;
        background: white !important;
    }
    
    .vertex-property-card__image {
        display: none !important; /* Hide emoji icons in print */
    }
    
    /* Availability badges */
    .availability-badge,
    .vertex-badge {
        display: inline-block !important;
        padding: 3pt 8pt !important;
        border: 1pt solid #0066cc !important;
        background: white !important;
        color: #0066cc !important;
        font-size: 9pt !important;
        font-weight: bold !important;
        text-transform: uppercase !important;
        margin-bottom: 8pt !important;
    }
    
    /* Address and location */
    .property-address,
    .vertex-property-card__address {
        font-size: 11pt !important;
        color: #666 !important;
        margin: 5pt 0 10pt 0 !important;
        font-style: italic !important;
    }
    
    /* Terms and conditions */
    .terms-section {
        margin: 20pt 0 !important;
        page-break-inside: avoid !important;
    }
    
    .terms-title {
        font-size: 16pt !important;
        font-weight: bold !important;
        color: #0066cc !important;
        text-align: center !important;
        margin-bottom: 15pt !important;
        page-break-after: avoid !important;
    }
    
    .terms-grid {
        display: table !important;
        width: 100% !important;
        border-collapse: collapse !important;
    }
    
    .terms-category {
        display: table-cell !important;
        width: 33.33% !important;
        vertical-align: top !important;
        padding: 10pt !important;
        border: 1pt solid #ccc !important;
    }
    
    .terms-category-title {
        font-size: 12pt !important;
        font-weight: bold !important;
        color: #0066cc !important;
        margin-bottom: 8pt !important;
        border-bottom: 1pt solid #ccc !important;
        padding-bottom: 3pt !important;
    }
    
    .terms-list {
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .terms-item {
        display: flex !important;
        justify-content: space-between !important;
        padding: 3pt 0 !important;
        border-bottom: 0.5pt solid #eee !important;
        font-size: 9pt !important;
    }
    
    .terms-label {
        color: #666 !important;
        font-weight: normal !important;
    }
    
    .terms-value {
        color: #000 !important;
        font-weight: bold !important;
    }
    
    /* Contact information */
    .contact-section {
        margin-top: 20pt !important;
        padding: 15pt !important;
        border: 2pt solid #0066cc !important;
        text-align: center !important;
        page-break-inside: avoid !important;
        background: #f8f9fa !important;
    }
    
    .contact-title {
        font-size: 16pt !important;
        font-weight: bold !important;
        color: #0066cc !important;
        margin-bottom: 8pt !important;
    }
    
    .contact-subtitle {
        font-size: 11pt !important;
        color: #666 !important;
        margin-bottom: 10pt !important;
    }
    
    /* Add contact information in print */
    .contact-section::after {
        content: "Phone: (555) 123-VERTEX | Email: info@vertexcpm.com | Web: www.vertexcpm.com";
        display: block !important;
        font-size: 10pt !important;
        color: #0066cc !important;
        font-weight: bold !important;
        margin-top: 8pt !important;
    }
    
    /* Property grid for listings */
    .properties-grid,
    .vertex-grid {
        display: block !important;
        columns: 1 !important;
    }
    
    /* Image placeholders */
    .property-hero__image,
    .image-gallery {
        display: none !important; /* Hide images to save ink */
    }
    
    /* QR code area for digital access */
    .print-qr {
        position: fixed;
        bottom: 0.5in;
        right: 0.5in;
        font-size: 8pt;
        color: #666;
    }
    
    .print-qr::before {
        content: "Scan for more info: vertexcpm.com";
        display: block;
    }
    
    /* Page breaks */
    .page-break {
        page-break-before: always !important;
    }
    
    .avoid-break {
        page-break-inside: avoid !important;
    }
    
    /* Link styling for print */
    a {
        color: #0066cc !important;
        text-decoration: none !important;
    }
    
    a[href^="http"]:after {
        content: " (" attr(href) ")" !important;
        font-size: 8pt !important;
        color: #666 !important;
    }
    
    /* Buttons for print */
    .vertex-btn,
    .primary-cta,
    .contact-cta {
        display: inline-block !important;
        padding: 5pt 10pt !important;
        border: 1pt solid #0066cc !important;
        background: white !important;
        color: #0066cc !important;
        font-size: 10pt !important;
        font-weight: bold !important;
        text-align: center !important;
        margin: 5pt !important;
        text-decoration: none !important;
    }
    
    /* Ensure good contrast */
    .vertex-btn--primary,
    .primary-cta {
        background: #0066cc !important;
        color: white !important;
    }
}