/*
Theme Name: Auroom
Theme URI: https://www.auroom.lt
Description: Auroom.lt catalog theme — faithful port of the original custom design to WordPress + WooCommerce.
Author: auroom.lt migration
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: auroom
*/

/* Theme styling lives in the original stylesheets enqueued from functions.php
   (/files/scripts/css.css..css4.css, the original "theme" css, custom2.css).
   This file is only the WordPress theme manifest + small migration tweaks. */

/* Original breadcrumb-container toolbar: the sort select sits inline inside
   the breadcrumb nav (old markup put the raw <select class="orderby"> there;
   WooCommerce wraps it in form.woocommerce-ordering — inline it). */
.breadcrumb-container .woocommerce-ordering { float: none !important; display: inline-block; margin: 0 0 0 12px; vertical-align: middle; }
.breadcrumb-container .woocommerce-ordering select.orderby { margin: 0; }

/* Category description under the H1 — original wrapper spacing */
.term-description { padding: 0 30px; margin-bottom: 20px; }

/* Product summary: tidy description spacing */
.single-product .product-description { margin: 12px 0; }
.single-product .product-description p:last-child { margin-bottom: 0; }

/* Product grid images — the old site served cnuotraukos files (long side
   capped at 350px) at their NATURAL size, so portrait photos render narrow
   instead of stretching to the full column width. Replicate that cap. */
.product-list ul.products li.product img.attachment-shop_catalog,
.product-list ul.products li.product .product-thumb img {
    width: auto !important;
    max-width: 100%;
    height: auto;
    max-height: 350px;
}

/* Single product gallery — replicate the ORIGINAL letterboxed photos:
   the old site physically generated 600×400 (3:2) images on a white canvas
   (phpThumb w=600&h=400&far=1&bg=FFFFFF), thumbnails 180×120. We migrated the
   original full photos, so we letterbox them with CSS instead. */
.single-product div.product div.images .woocommerce-product-gallery__image img,
.single-product div.product div.images img.wp-post-image {
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 2;
    object-fit: contain;
    background: #fff;
}
.single-product div.product div.images .flex-control-thumbs li img {
    aspect-ratio: 3 / 2;
    object-fit: contain;
    background: #fff;
}
