#secondary {
	width: 300;
	float: left !important;
	margin-left: 30px;
}
#colophon .tg-upper-footer-widgets .widget_featured_posts .article-content .entry-title a {
    color: black;
}

/* Increase list font size | 25319468-hc (PS) */
.entry-content li {
    font-size: 16.5px;
}

/* Style Proceed to Checkout as a real button */
.woocommerce a.checkout-button {
    display: inline-block;
    background-color: #59bebe !important;
    color: #000000 !important;
    font-size: 20px !important;       /* clean, readable size */
    font-weight: 700;
    text-transform: uppercase;
    padding: 16px 28px !important;    /* roomy button feel */
    border: 2px solid #000000;
    border-radius: 8px;               /* rounded corners */
    text-align: center;
    cursor: pointer;                  /* ensures hand cursor shows */
}

/* ------------------------------
   1. Table Headings
-------------------------------*/
.woocommerce-cart table.cart thead th {
    color: #000000 !important;
    padding-left: 8px;
    padding-right: 8px;
}

/* ------------------------------
   2. Product Thumbnails
-------------------------------*/
.woocommerce-cart table.cart td.product-thumbnail img,
.woocommerce-cart table.cart td.product-thumbnail a img {
    display: block !important;
    width: 80px !important;
    height: auto !important;
    max-height: 100px !important;
}

/* ------------------------------
   3. Table Columns
-------------------------------*/
/* Remove / shrink the extra left column */
.woocommerce-cart table.cart td.product-remove,
.woocommerce-cart table.cart th.product-remove {
    width: 0 !important;
    padding: 0 !important;
    border: none !important;
}

/* Adjust spacing for main columns */
.woocommerce-cart table.cart td.product-name,
.woocommerce-cart table.cart td.product-price,
.woocommerce-cart table.cart td.product-quantity,
.woocommerce-cart table.cart td.product-subtotal {
    padding-left: 8px;
    padding-right: 8px;
}

/* ------------------------------
   4. Buttons (Update Cart / Apply Coupon)
-------------------------------*/
.woocommerce-cart .button[name="update_cart"],
.woocommerce-cart .button[name="apply_coupon"] {
    background-color: #a2e2dd !important;
    color: #000 !important;
    border: 1px solid #000 !important;
    border-radius: 6px !important;
    font-size: 16px !important;
    font-weight: 600;
    padding: 12px 20px !important;
    line-height: 1.2 !important;
    display: inline-block !important;
    width: auto !important;
    white-space: nowrap;
    cursor: pointer;
}

/* ------------------------------
   5. Button Placement & Layout
-------------------------------*/
/* Move Update Cart button below table and align bottom right */
.woocommerce-cart .actions {
    display: flex !important;
    justify-content: flex-end !important; /* aligns to right */
    width: 100%;
    margin-top: 20px;
}

/* Optional: gap for multiple buttons (if coupon ever added) */
.woocommerce-cart .actions .button {
    margin-left: 10px;
}

/* ------------------------------
   6. Responsive tweaks
-------------------------------*/
@media (max-width: 768px) {
    .woocommerce-cart table.cart img {
        width: 60px !important;
    }
    .woocommerce-cart .actions {
        justify-content: flex-start !important;
    }
}

/* Widen the product column */
.woocommerce-cart table.cart td.product-name,
.woocommerce-cart table.cart th.product-name {
    width: 60% !important;   /* adjust as needed */
}

/* Let other columns share remaining space */
.woocommerce-cart table.cart td.product-price,
.woocommerce-cart table.cart th.product-price,
.woocommerce-cart table.cart td.product-quantity,
.woocommerce-cart table.cart th.product-quantity,
.woocommerce-cart table.cart td.product-subtotal,
.woocommerce-cart table.cart th.product-subtotal {
    width: auto !important;
    padding-left: 8px;
    padding-right: 8px;
}

/* Optional: remove leftover gap in first column */
.woocommerce-cart table.cart td.product-remove,
.woocommerce-cart table.cart th.product-remove {
    width: 10px !important;   /* tiny space so table doesn't break */
    padding: 0 !important;
}