/**
 * AppWT Badge Fixes - Unified Badge Sizing
 * Makes BBB, Google Reviews, and Rotating Award badges consistent
 * © 2025 AppWT Web & AI Solutions
 */

/* ============================================
   UNIFIED BADGE CONTAINER STYLES
   All 3 fixed badges: same size, consistent layout
   ============================================ */

/* Common badge dimensions */
:root {
    --badge-width: 180px;
    --badge-height: 140px;
    --badge-padding: 15px;
    --badge-border-radius: 12px;
    --badge-gap: 15px;
}

/* BBB Seal - Fixed position */
.developed-by-appwt-llc-bbb-seal {
    position: fixed !important;
    bottom: 300px !important;
    right: 20px !important;
    top: auto !important;
    z-index: 1001 !important;
    background: #fff !important;
    padding: var(--badge-padding) !important;
    border-radius: var(--badge-border-radius) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;
    width: var(--badge-width) !important;
    height: var(--badge-height) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.developed-by-appwt-llc-bbb-seal:hover {
    transform: scale(1.05) !important;
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.25) !important;
}

.developed-by-appwt-llc-bbb-seal img {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}

/* Google Review Badge - Fixed position */
.developed-by-appwt-llc-google-review-badge {
    position: fixed !important;
    bottom: 145px !important;
    right: 20px !important;
    top: auto !important;
    z-index: 1001 !important;
    background: #fff !important;
    border: 2px solid #4285f4 !important;
    padding: var(--badge-padding) !important;
    border-radius: var(--badge-border-radius) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;
    width: var(--badge-width) !important;
    height: var(--badge-height) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.developed-by-appwt-llc-google-review-badge:hover {
    transform: scale(1.05) !important;
    box-shadow: 0 6px 30px rgba(66, 133, 244, 0.3) !important;
}

.developed-by-appwt-llc-google-review-badge a {
    text-decoration: none !important;
    color: #000 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
}

.developed-by-appwt-llc-google-logo {
    font-size: 1.1rem !important;
    font-weight: bold !important;
    margin-bottom: 5px !important;
}

.developed-by-appwt-llc-google-stars {
    color: #FBBC04 !important;
    font-size: 1.2rem !important;
    margin: 3px 0 !important;
}

.developed-by-appwt-llc-google-rating {
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    color: #333 !important;
    margin: 3px 0 !important;
}

.developed-by-appwt-llc-review-btn {
    font-size: 0.75rem !important;
    color: #4285f4 !important;
    border: 1px solid #4285f4 !important;
    padding: 4px 10px !important;
    border-radius: 4px !important;
    margin-top: 5px !important;
    transition: all 0.3s ease !important;
}

.developed-by-appwt-llc-review-btn:hover {
    background: #4285f4 !important;
    color: #fff !important;
}

/* DesignRush / Rotating Badge - Fixed position */
.developed-by-appwt-llc-designrush-fixed {
    position: fixed !important;
    bottom: 20px !important;
    right: 20px !important;
    z-index: 1001 !important;
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important;
    padding: var(--badge-padding) !important;
    border-radius: var(--badge-border-radius) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
    width: var(--badge-width) !important;
    height: var(--badge-height) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
}

.developed-by-appwt-llc-designrush-fixed:hover {
    transform: scale(1.05) !important;
    box-shadow: 0 6px 30px rgba(212, 175, 55, 0.3) !important;
}

.developed-by-appwt-llc-designrush-fixed a {
    text-decoration: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
}

.developed-by-appwt-llc-designrush-fixed .dr-logo {
    font-size: 1rem !important;
    font-weight: 700 !important;
    color: #fff !important;
    margin-bottom: 5px !important;
}

.developed-by-appwt-llc-designrush-fixed .dr-stars {
    color: #D4AF37 !important;
    font-size: 1.1rem !important;
    margin: 3px 0 !important;
}

.developed-by-appwt-llc-designrush-fixed .dr-text {
    font-size: 0.8rem !important;
    color: rgba(255, 255, 255, 0.8) !important;
}

/* ============================================
   MOBILE RESPONSIVE - Stack badges horizontally at bottom
   IMPORTANT: Override mobile-optimization.css hiding rules
   ============================================ */
@media (max-width: 768px) {
    :root {
        --badge-width: 100px;
        --badge-height: 90px;
        --badge-padding: 10px;
    }

    /* Override hiding rules from mobile-optimization.css */
    html body .developed-by-appwt-llc-bbb-seal,
    html body .developed-by-appwt-llc-google-review-badge,
    html body .developed-by-appwt-llc-designrush-fixed {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: fixed !important;
        bottom: 10px !important;
        right: auto !important;
        left: auto !important;
        top: auto !important;
        width: var(--badge-width) !important;
        height: var(--badge-height) !important;
        z-index: 1001 !important;
        pointer-events: auto !important;
        overflow: visible !important;
    }

    html body .developed-by-appwt-llc-bbb-seal {
        left: 10px !important;
        right: auto !important;
    }

    html body .developed-by-appwt-llc-google-review-badge {
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;
    }

    html body .developed-by-appwt-llc-google-review-badge:hover {
        transform: translateX(-50%) scale(1.05) !important;
    }

    html body .developed-by-appwt-llc-designrush-fixed {
        right: 10px !important;
        left: auto !important;
    }

    .developed-by-appwt-llc-google-logo {
        font-size: 0.85rem !important;
    }

    .developed-by-appwt-llc-google-stars {
        font-size: 0.9rem !important;
    }

    .developed-by-appwt-llc-google-rating {
        font-size: 0.7rem !important;
    }

    .developed-by-appwt-llc-review-btn {
        font-size: 0.65rem !important;
        padding: 2px 6px !important;
    }

    .developed-by-appwt-llc-designrush-fixed .dr-logo {
        font-size: 0.8rem !important;
    }

    .developed-by-appwt-llc-designrush-fixed .dr-stars {
        font-size: 0.85rem !important;
    }

    .developed-by-appwt-llc-designrush-fixed .dr-text {
        font-size: 0.65rem !important;
    }
}

/* ============================================
   TABLET RESPONSIVE
   ============================================ */
@media (min-width: 769px) and (max-width: 1024px) {
    :root {
        --badge-width: 150px;
        --badge-height: 120px;
    }

    .developed-by-appwt-llc-bbb-seal {
        bottom: 260px !important;
    }

    .developed-by-appwt-llc-google-review-badge {
        bottom: 130px !important;
    }

    .developed-by-appwt-llc-designrush-fixed {
        bottom: 15px !important;
    }
}

/* ============================================
   AS FEATURED IN SECTION FIXES
   ============================================ */
.featured-in-links {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 0.5rem !important;
}

.featured-in-links a {
    color: #D4AF37 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    transition: color 0.3s ease !important;
}

.featured-in-links a:hover {
    color: #F4A261 !important;
    text-decoration: underline !important;
}

.featured-in-links span {
    color: #64748B !important;
}

@media (max-width: 768px) {
    .featured-in-links {
        gap: 0.3rem !important;
    }

    .featured-in-links a {
        font-size: 0.75rem !important;
    }

    .featured-in-links span {
        font-size: 0.7rem !important;
    }
}