/*
Theme Name: Ecomm
Description: Responsive WooCommerce theme for art and sculpture stores. Product images capped at 600×600 with mobile-friendly navigation.
Version: 1.0.0
Author: Your Name
Author URI: https://yourwebsite.com
Text Domain: ecomm
Domain Path: /languages
Requires at least: 5.0
Tested up to: 6.4
Requires PHP: 7.4
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: ecommerce, art, sculpture, woocommerce, responsive, minimalist, clean, modern, business, shop, store, gallery

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Ecomm is based on the Duncan Craft template with responsive product imagery and layout improvements.
*/

/* 
 * This file serves as the main stylesheet for the Duncan Craft WordPress theme.
 * The actual styles are loaded from the compiled CSS files in the assets directory.
 * 
 * Main stylesheets loaded via functions.php:
 * - assets/css/vendor/vendor.min.css (Bootstrap, FontAwesome, etc.)
 * - assets/css/plugins/plugins.min.css (Slick, Magnific Popup, etc.)
 * - assets/css/style.min.css (Main theme styles)
 */

/* WordPress specific styles */
.alignleft {
    float: left;
    margin-right: 1em;
    margin-bottom: 1em;
}
.woocommerce-product-gallery__trigger{
    display: none ! important;
}
.alignright {
    float: right;
    margin-left: 1em;
    margin-bottom: 1em;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
}

.alignwide {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

.alignfull {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

/* WordPress gallery styles */
.gallery {
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}

/* WordPress widget styles */
.widget {
    margin-bottom: 2em;
}

.widget-title {
    font-size: 1.2em;
    font-weight: 600;
    margin-bottom: 1em;
}

.widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.widget li {
    margin-bottom: 0.5em;
}

.widget a {
    text-decoration: none;
    color: inherit;
}

.widget a:hover {
    text-decoration: underline;
}

/* WordPress comment styles */
.comment-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.comment {
    margin-bottom: 2em;
    padding: 1em;
    border: 1px solid #eee;
    border-radius: 4px;
}

.comment-author {
    font-weight: 600;
    margin-bottom: 0.5em;
}

.comment-meta {
    font-size: 0.9em;
    color: #666;
    margin-bottom: 1em;
}

.comment-content {
    margin-bottom: 1em;
}

.comment-reply-link {
    font-size: 0.9em;
    text-decoration: none;
    color: #0073aa;
}

.comment-reply-link:hover {
    text-decoration: underline;
}

/* WordPress navigation styles */
.wp-block-navigation {
    margin-bottom: 1em;
}

.wp-block-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.wp-block-navigation li {
    display: inline-block;
    margin-right: 1em;
}

.wp-block-navigation a {
    text-decoration: none;
    color: inherit;
}

.wp-block-navigation a:hover {
    text-decoration: underline;
}

/* WordPress search form styles */
.search-form {
    display: flex;
    margin-bottom: 1em;
}

.search-field {
    flex: 1;
    padding: 0.5em;
    border: 1px solid #ddd;
    border-radius: 4px 0 0 4px;
}

.search-submit {
    padding: 0.5em 1em;
    background: #0073aa;
    color: white;
    border: 1px solid #0073aa;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
}

.search-submit:hover {
    background: #005a87;
    border-color: #005a87;
}

/* WordPress pagination styles */
.pagination {
    display: flex;
    justify-content: center;
    margin: 2em 0;
}

.pagination a,
.pagination span {
    display: inline-block;
    padding: 0.5em 1em;
    margin: 0 0.25em;
    text-decoration: none;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.pagination a:hover {
    background: #f0f0f0;
}

.pagination .current {
    background: #0073aa;
    color: white;
    border-color: #0073aa;
}

/* WordPress post styles */
.entry-header {
    margin-bottom: 1.5em;
}

.entry-title {
    margin-bottom: 0.5em;
}

.entry-meta {
    font-size: 0.9em;
    color: #666;
    margin-bottom: 1em;
}

.entry-content {
    margin-bottom: 1.5em;
}

.entry-footer {
    font-size: 0.9em;
    color: #666;
    border-top: 1px solid #eee;
    padding-top: 1em;
}

/* WordPress sticky post styles */
.sticky {
    background: #f9f9f9;
    padding: 1em;
    border-left: 4px solid #0073aa;
}

/* WordPress screen reader text */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/* WordPress block editor styles */
.wp-block-group {
    margin-bottom: 1.5em;
}

.wp-block-columns {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.5em;
}

.wp-block-column {
    flex: 1;
    margin-right: 1em;
}

.wp-block-column:last-child {
    margin-right: 0;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .wp-block-columns {
        flex-direction: column;
    }
    
    .wp-block-column {
        margin-right: 0;
        margin-bottom: 1em;
    }
    
    .gallery-columns-2 .gallery-item,
    .gallery-columns-3 .gallery-item,
    .gallery-columns-4 .gallery-item,
    .gallery-columns-5 .gallery-item,
    .gallery-columns-6 .gallery-item,
    .gallery-columns-7 .gallery-item,
    .gallery-columns-8 .gallery-item,
    .gallery-columns-9 .gallery-item {
        max-width: 50%;
    }
}

@media (max-width: 480px) {
    .gallery-columns-2 .gallery-item,
    .gallery-columns-3 .gallery-item,
    .gallery-columns-4 .gallery-item,
    .gallery-columns-5 .gallery-item,
    .gallery-columns-6 .gallery-item,
    .gallery-columns-7 .gallery-item,
    .gallery-columns-8 .gallery-item,
    .gallery-columns-9 .gallery-item {
        max-width: 100%;
    }
}