/* Ready Hub Brand Styles */
:root {
    /* Ready Hub colors are defined in brand-colors.css */
}

/* Override brand colors when on Ready Hub page */
body[data-brand="readyhub"] {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Inter', sans-serif;
}

/* Clean, Professional Typography */
/* Commented out to maintain consistency with main site styling
body[data-brand="readyhub"] h1,
body[data-brand="readyhub"] h2,
body[data-brand="readyhub"] h3,
body[data-brand="readyhub"] h4,
body[data-brand="readyhub"] h5,
body[data-brand="readyhub"] h6,
body[data-brand="readyhub"] .h1,
body[data-brand="readyhub"] .h2,
body[data-brand="readyhub"] .h3,
body[data-brand="readyhub"] .h4,
body[data-brand="readyhub"] .h5,
body[data-brand="readyhub"] .h6 {
    font-weight: 600 !important;
    letter-spacing: -0.02em !important;
    line-height: 1.2 !important;
}
*/

/* Enhanced hierarchy for professional impact */
/* Commented out to maintain consistency
body[data-brand="readyhub"] h1,
body[data-brand="readyhub"] .h1 {
    font-weight: 700 !important;
    letter-spacing: -0.025em !important;
}

body[data-brand="readyhub"] h2,
body[data-brand="readyhub"] .h2 {
    font-weight: 600 !important;
    letter-spacing: -0.02em !important;
}
*/

/* Card titles with clean, modern feel */
body[data-brand="readyhub"] .sr-card-title {
    font-weight: 600 !important;
    letter-spacing: -0.015em !important;
}

/* Crisp body text */
body[data-brand="readyhub"] p,
body[data-brand="readyhub"] .lead {
    line-height: 1.6;
    color: #374151;
}

body[data-brand="readyhub"] .lead {
    font-weight: 400;
    letter-spacing: -0.01em;
}

/* Ready Hub specific button styling */

/* Hero section styling */
body[data-brand="readyhub"] .sr-hero {
    position: relative;
}

body[data-brand="readyhub"] .sr-hero h1 {
    font-weight: 700;
    font-size: 3rem;
    letter-spacing: -0.5px;
    margin-bottom: 1.5rem;
}

body[data-brand="readyhub"] .sr-hero p {
    font-size: 1.25rem;
    font-weight: 400;
    opacity: 0.95;
    max-width: 800px;
    margin: 0 auto 2rem;
}

/* Primary buttons - use brand color but keep main site styling */
body[data-brand="readyhub"] .btn-primary,
body[data-brand="readyhub"] .btn-wrapper.btn-primary-wrapper .cta_button {
    background-color: var(--readyhub-primary) !important;
    border-color: var(--readyhub-primary) !important;
}

body[data-brand="readyhub"] .btn-primary:hover,
body[data-brand="readyhub"] .btn-wrapper.btn-primary-wrapper .cta_button:hover {
    background-color: var(--readyhub-primary-dark) !important;
    border-color: var(--readyhub-primary-dark) !important;
}

/* Secondary buttons */
body[data-brand="readyhub"] .btn-secondary,
body[data-brand="readyhub"] .btn-wrapper.btn-secondary-wrapper .cta_button {
    background-color: white !important;
    border: 2px solid var(--readyhub-secondary) !important;
    color: var(--readyhub-secondary) !important;
    padding: 10px 26px;
    font-weight: 500;
    border-radius: 6px;
    transition: all 0.2s ease;
}

body[data-brand="readyhub"] .btn-secondary:hover,
body[data-brand="readyhub"] .btn-wrapper.btn-secondary-wrapper .cta_button:hover {
    background-color: var(--readyhub-secondary) !important;
    color: white !important;
    border-color: var(--readyhub-secondary) !important;
}

/* Hero/CTA buttons - white outline for gradient backgrounds */
body[data-brand="readyhub"] .btn-outline-white-wrapper .cta_button {
    background-color: transparent !important;
    border: 2px solid white !important;
    color: white !important;
    font-weight: 500;
    padding: 12px 28px;
    border-radius: 6px;
    transition: all 0.2s ease;
}

body[data-brand="readyhub"] .btn-outline-white-wrapper .cta_button:hover {
    background-color: white !important;
    color: var(--readyhub-primary) !important;
    border-color: white !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(255, 255, 255, 0.3);
}

/* Card styling */
body[data-brand="readyhub"] .sr-card {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease;
    background: white;
}

body[data-brand="readyhub"] .sr-card:hover {
    box-shadow: 0 10px 25px rgba(26, 153, 136, 0.1);
    transform: translateY(-2px);
    border-color: var(--readyhub-primary-light);
}

/* Module-specific card hover effects */
body[data-brand="readyhub"] .sr-card.border-left-readyhub-inventory:hover {
    box-shadow: 0 10px 25px rgba(26, 107, 153, 0.15);  /* Blue shadow for Inventory */
    border-color: var(--readyhub-inventory-light);
    background-color: rgba(26, 107, 153, 0.02);
}

body[data-brand="readyhub"] .sr-card.border-left-readyhub-trade:hover {
    box-shadow: 0 10px 25px rgba(110, 80, 149, 0.15);  /* Purple shadow for Trade */
    border-color: var(--readyhub-trade-light);
    background-color: rgba(110, 80, 149, 0.02);
}

body[data-brand="readyhub"] .sr-card.border-left-readyhub-deliveries:hover {
    box-shadow: 0 10px 25px rgba(26, 153, 136, 0.15);  /* Teal shadow for Delivery */
    border-color: var(--readyhub-deliveries-light);
    background-color: rgba(26, 153, 136, 0.02);
}

/* Stats section */
body[data-brand="readyhub"] .bg-primary {
    background: var(--readyhub-primary) !important;
}

body[data-brand="readyhub"] .bg-primary h2,
body[data-brand="readyhub"] .bg-primary .h1,
body[data-brand="readyhub"] .bg-primary .h5 {
    color: white !important;
}

/* Text colors */
body[data-brand="readyhub"] h1,
body[data-brand="readyhub"] h2,
body[data-brand="readyhub"] h3,
body[data-brand="readyhub"] h4 {
    color: var(--readyhub-primary-dark);
    font-weight: 600;
}

body[data-brand="readyhub"] .text-muted {
    color: #6b7280 !important;
}

body[data-brand="readyhub"] .text-primary {
    color: var(--readyhub-primary) !important;
}

/* Section backgrounds */
body[data-brand="readyhub"] .bg-light {
    background-color: #f8f9fa !important;
}

body[data-brand="readyhub"] section.sr-section {
    padding: 60px 0;
}

/* Integration Cards - Brand-specific styling using actual brand colors */
body[data-brand="readyhub"] .sr-card.integration-carpraze {
    border-left: 4px solid #3DBCC4 !important;  /* Carpraze actual teal */
}

body[data-brand="readyhub"] .sr-card.integration-carpraze:hover {
    box-shadow: 0 10px 25px rgba(61, 188, 196, 0.15);  /* Carpraze teal shadow */
    border-color: #5cc7ce;
    background-color: rgba(61, 188, 196, 0.02);
}

body[data-brand="readyhub"] .sr-card.integration-carpraze .btn-primary,
body[data-brand="readyhub"] .sr-card.integration-carpraze .btn-wrapper.btn-primary-wrapper .cta_button {
    background-color: #3DBCC4 !important;  /* Carpraze teal */
    border-color: #3DBCC4 !important;
}

body[data-brand="readyhub"] .sr-card.integration-carpraze .btn-primary:hover,
body[data-brand="readyhub"] .sr-card.integration-carpraze .btn-wrapper.btn-primary-wrapper .cta_button:hover {
    background-color: #2a9aa2 !important;  /* Carpraze darker teal */
    border-color: #2a9aa2 !important;
    box-shadow: 0 4px 12px rgba(61, 188, 196, 0.3);
}

body[data-brand="readyhub"] .sr-card.integration-qquote {
    border-left: 4px solid #ff6900 !important;  /* QQuote actual orange */
}

body[data-brand="readyhub"] .sr-card.integration-qquote:hover {
    box-shadow: 0 10px 25px rgba(255, 105, 0, 0.15);  /* QQuote orange shadow */
    border-color: #ff8533;
    background-color: rgba(255, 105, 0, 0.02);
}

body[data-brand="readyhub"] .sr-card.integration-qquote .btn-primary,
body[data-brand="readyhub"] .sr-card.integration-qquote .btn-wrapper.btn-primary-wrapper .cta_button {
    background-color: #ff6900 !important;  /* QQuote orange */
    border-color: #ff6900 !important;
}

body[data-brand="readyhub"] .sr-card.integration-qquote .btn-primary:hover,
body[data-brand="readyhub"] .sr-card.integration-qquote .btn-wrapper.btn-primary-wrapper .cta_button:hover {
    background-color: #e55a00 !important;  /* QQuote darker orange */
    border-color: #e55a00 !important;
    box-shadow: 0 4px 12px rgba(255, 105, 0, 0.3);
}

/* Footer */
body[data-brand="readyhub"] footer.bg-dark {
    background: linear-gradient(135deg, #2c3e50 0%, #1a252f 100%) !important;
    padding: 60px 0 20px;
    border-top: 3px solid var(--readyhub-primary) !important;
}

body[data-brand="readyhub"] footer h3,
body[data-brand="readyhub"] footer h4 {
    color: white !important;
    font-weight: 600;
}

body[data-brand="readyhub"] footer .text-light {
    color: rgba(255, 255, 255, 0.8) !important;
    opacity: 1 !important;
}

body[data-brand="readyhub"] footer p {
    color: rgba(255, 255, 255, 0.8) !important;
}

body[data-brand="readyhub"] footer a.text-light {
    color: rgba(255, 255, 255, 0.8) !important;
    opacity: 1 !important;
}

body[data-brand="readyhub"] footer a.text-light:hover {
    color: white !important;
    opacity: 1 !important;
    text-decoration: none;
}

/* Ready Hub specific header - keep consistent with main site */
/* Removed overrides to maintain consistency */

/* Smooth transitions */
body[data-brand="readyhub"] a,
body[data-brand="readyhub"] button,
body[data-brand="readyhub"] .btn,
body[data-brand="readyhub"] .cta_button,
body[data-brand="readyhub"] .sr-card {
    transition: all 0.2s ease;
}

/* Clean horizontal rules */
body[data-brand="readyhub"] hr {
    border: none;
    border-top: 1px solid #e5e7eb;
    margin: 2rem 0;
}