/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/
/* ========================================
   Welcome Message - Centriziran Header Top
   ======================================== */
/* === GSC MOBILE USABILITY FIXES === */
/* === GSC MOBILE USABILITY FIXES === */

/* 1. Tekst premali – minimum 16px na mobilnom */
@media (max-width: 768px) {
    body,
    p,
    .product-description,
    .woocommerce-product-details__short-description,
    .elementor-widget-text-editor {
        font-size: 16px !important;
        line-height: 1.6;
    }

    /* Dugmad i linkovi – veća tap zona */
    a,
    button,
    .btn,
    .button,
    input[type="submit"],
    .woocommerce a.button,
    .woocommerce button.button {
        min-height: 44px;
        padding: 10px 18px;
        font-size: 16px;
    }
}

/* 2. Clickable elements too close – razmak između elemenata */
@media (max-width: 768px) {
    /* Glavni meni */
    .main-menu li,
    .porto-sicon-box {
        margin: 0 10px 10px 10px !important;
    }

    /* Dugmad kod proizvoda */
    .woocommerce ul.products li.product .button {
        margin: 8px 4px;
    }

    /* Socijalne ikone */
    .share-links a,
    .social-icons li a {
        margin: 0 8px;
        padding: 10px;
        min-width: 40px;
        min-height: 40px;
    }
}

/* 3. Content wider than screen – sprečavanje horizontalnog skrola */
@media (max-width: 768px) {
    html,
    body,
    .container,
    .row,
    .site,
    .porto-wrap,
    .porto-content {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    img,
    iframe,
    video {
        max-width: 100% !important;
        height: auto !important;
    }

    /* WooCommerce tabele – da ne izlaze iz ekrana */
    .woocommerce table.shop_table {
        width: 100% !important;
        table-layout: auto;
    }
}