/* Koalendar Direct Iframe Embed - Full Height No Scrolling */
iframe[src*="koalendar.com"] {
    width: 100% !important;
    height: 1100px !important;
    border: none !important;
    overflow: visible !important;
    max-height: none !important;
    min-height: 1100px !important;
    display: block !important;
}

/* Ensure the iframe container allows full display */
.card-body iframe {
    width: 100% !important;
    height: 1100px !important;
    border: none !important;
    overflow: visible !important;
    max-height: none !important;
    min-height: 1100px !important;
    display: block !important;
}

/* Specific targeting for all services with booking widgets */
iframe[src*="tire-change-on-rims-copy"],
iframe[src*="tire-change-off-rims-copy"],
iframe[src*="tire-repair-copy"],
iframe[src*="brake-pads-copy-koaVpb5r"],
iframe[src*="brake-pads-and-rotors-copy"] {
    width: 100% !important;
    height: 1100px !important;
    border: none !important;
    overflow: visible !important;
    max-height: none !important;
    min-height: 1100px !important;
    display: block !important;
}

/* Optimized SVG Performance - Pre-loaded inline SVGs */
.animated-icon {
    transition: transform 0.3s ease, opacity 0.3s ease;
    will-change: transform;
}

.animated-icon svg {
    transition: all 0.3s ease;
    will-change: transform, stroke, fill;
}

/* Smooth hover animations for pre-loaded SVGs */
.custom-icon-box-style-1:hover .animated-icon {
    transform: scale(1.1);
}

.custom-icon-box-style-1:hover .animated-icon svg {
    stroke: var(--primary);
    fill: var(--primary);
}

/* Performance optimization for SVG hover effects */
.svg-fill-color-primary svg {
    stroke: #666;
    fill: none;
    transition: stroke 0.2s ease, fill 0.2s ease, transform 0.2s ease;
}

/* GPU acceleration for smooth animations */
.custom-icon-style-1 {
    transform: translateZ(0);
    backface-visibility: hidden;
    perspective: 1000px;
}