/*
 Theme Name:   child
 Theme URI:    https://example.com/child
 Description:  child Theme
 Author:       Your Name
 Author URI:   https://example.com
 Template:     astra
 Version:      1.0.0
 Text Domain:  child
*/

/* Hide 'Köp nu' button for external products */
a.button.product_type_external {
    display: none;
}

/* Hide WooCommerce breadcrumb on single product pages */
.single-product .woocommerce-breadcrumb {
    display: none;
}
/* Add custom styles below this line */

/* Custom Product Title */
.custom-product-title {
    font-size: 2em;
    color: #333;
    margin-bottom: 10px;
}

/* Custom Price */
.custom-price {
    font-size: 1.5em;
    color: #b12704;
    margin-bottom: 15px;
}

/* Custom Add to Cart Button */
.single_add_to_cart_button {
    background-color: #ff9900;
    color: #fff;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    font-size: 1em;
}

.single_add_to_cart_button:hover {
    background-color: #cc7a00;
}

/* Custom Product Meta */
.posted_in, .tagged_as {
    font-size: 0.9em;
    color: #666;
    margin-top: 10px;
}

/* Custom Product Rating */
.star-rating {
    color: #ffcc00;
    margin-bottom: 10px;
}

.woocommerce-loop-product__title {
    margin: 0;
    color: rgb(11, 5, 29);
    overflow-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Limits text to 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-family: "Klarna Text", sans-serif;
    line-height: 130%;
    letter-spacing: -0.003rem;
    font-weight: 400;
    font-size: 0.875rem;
}

/* Color-specific styles for product title */
.product-color {
    color: rgb(111, 111, 111);
}

.woocommerce-Price-amount {
    margin: 0;
    color: rgb(11, 5, 29);
    display: block;
    overflow-wrap: break-word;
    font-family: sans-serif;
    line-height: 1.3;
    letter-spacing: -0.003rem;
    font-weight: 500;
    font-size: 1rem;
}

/* Hide 'Köp nu' button for external products */
a.product_type_external {
    display: none !important;
}

.woocommerce-pagination {
    display: none !important;
}