/*
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  ***************/
.add_to_cart_button {
    display: inline-block; /* لتعامل الزر كعنصر قابل للتوسيط */
    background-color: #28a745; /* خلفية خضراء */
    color: #fff; /* النص أبيض */
    padding: 0px 30px; /* مسافات داخلية لتكبير الزر */
    text-align: center; /* النص في المنتصف */
    text-decoration: none; /* إزالة الخط السفلي للنص */
    border-radius: 5px; /* زوايا دائرية */
    border: none; /* إزالة الإطار */
    font-size: 16px; /* حجم الخط */
    font-weight: bold; /* النص عريض */
    cursor: pointer; /* إظهار المؤشر عند المرور */
    transition: background-color 0.3s ease; /* تأثير عند التمرير */
}

.add_to_cart_button:hover {
    background-color: #218838; /* تغيير لون الزر عند التمرير */
}

.add_to_cart_button:focus {
    outline: none; /* إزالة التأطير عند التركيز */
}

/* جعل الزر في المنتصف */
.product {
    text-align: center; /* محاذاة المحتوى في المنتصف */
}
/* تصغير حجم الخط على الشاشات الصغيرة */
@media (max-width: 768px) {
    .add_to_cart_button {
        font-size: 12px; /* حجم أصغر للموبايل */
        padding: 0px 16px; /* تعديل المسافات الداخلية */
    }
}