/*
Theme Name: Logi Tech Master
Description: Premium Elementor & WooCommerce theme inspired by Logitech's Astra Design System.
Version: 1.0
*/

body { font-family: 'Inter', sans-serif; color: #2F3132; line-height: 1.6; }
.button, button, .woocommerce a.button {
    background-color: #2F3132;
    color: #fff;
    border-radius: 50px; /* Pill shape */
    padding: 12px 30px;
    font-weight: 700;
    transition: 0.3s;
}
.button:hover { background-color: #00B8FC; } /* Logi Blue hover */


/* Base Styles */
body { font-family: 'Inter', sans-serif; margin: 0; padding: 0; }
.container { padding-left: 20px; padding-right: 20px; }

/* Pill Button */
.pill-button {
    background: #2F3132;
    color: white;
    padding: 15px 40px;
    border-radius: 50px;
    text-decoration: none;
    display: inline-block;
    font-weight: bold;
}

/* Solution Cards */
.solution-card {
    background: #fff;
    border: 1px solid #eee;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 8px;
    overflow: hidden;
}
.solution-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.05);
}
.solution-card img { width: 100%; height: 250px; object-fit: cover; }
.card-content { padding: 30px; }
.card-content h3 { margin-top: 0; font-size: 1.5rem; font-weight: 800; }
.arrow-link { color: #00B8FC; text-decoration: none; font-weight: bold; display: block; margin-top: 15px; }

/* WooCommerce Shop Integration */
.woocommerce ul.products li.product .button { border-radius: 50px; text-transform: uppercase; font-size: 12px; }

/* WooCommerce Grid Styling */
.woocommerce ul.products li.product { text-align: center; border: none; padding: 20px; }
.woocommerce ul.products li.product h2 { font-size: 1.2rem; font-weight: 900; margin: 15px 0; }