/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */


/*
cart icon css
*/
.custom-cart-icon {
    color: white !important;
    font-size: 24px; /* تكبير الأيقونة */
    text-decoration: none;
    position: relative; /* مرجع لتحديد موضع العدد */
    display: inline-block;
}

.custom-cart-icon .cart-count {
    position: absolute;
    top: -8px; /* يرفع العدد فوق الأيقونة */
    right: -10px; /* يحرك العدد لليمين */
    background: #C00000;
    color: white !important;
    font-weight: bold;
    border-radius: 50%;
    padding: 3px 7px;
    font-size: 12px;
    min-width: 20px;
    text-align: center;
    line-height: 1;
    border: 2px solid white; /* حواف بيضاء لتوضيح العدد */
}

/*
prod addedd to cart icon
*/
.woocommerce ul.products li.product .added_to_cart:after {
    font-family: "Font Awesome 5 Free" !important;
    content: "\f217" !important;
    font-weight: 900 !important;
    display: inline-block !important;
}



/*
woocommerce button text color white
*/
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
    color: white !important; /* لون النص أبيض */
    font-family: 'Cairo', sans-serif !important; /* نوع الخط Cairo */
    font-size: 16px !important; /* حجم الخط */
}

/* تعديل حجم عنوان المنتج في WooCommerce Grid 
.wc-block-grid__product .wc-block-grid__product-title {
    font-size: 18px !important;
}


/* تعديل حجم السعر 
.woocommerce-Price-amount.amount {
    font-size: 24px !important;
}


.wc-block-components-panel__button {
    position: relative;
}
*/



/*
woocommerce button confirm order
*/

.wc-block-components-button__text {
    font-size: 16px !important;
}


/*
woocommerce button all white
*/

.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button, 
.woocommerce #respond input#submit, 
.woocommerce #content input.button, 
.woocommerce-page a.button, 
.woocommerce-page button.button, 
.woocommerce-page input.button, 
.woocommerce-page #respond input#submit, 
.woocommerce-page #content input.button {
    color: white !important;
    font-size: 16px ;
    font-family: 'Cairo', sans-serif !important;
    padding: 10px !important;
}

    
/*
disable footer on adoption and other page
*/
.page-id-67 footer,
.page-id-67 #footer-wrapper,
.page-id-3380 footer,
.page-id-3380 #footer-wrapper,
.page-id-2407 footer,
.page-id-2407 #footer-wrapper,
.page-id-2389 footer,
.page-id-2389 #footer-wrapper,
.page-id-515 footer,
.page-id-515 #footer-wrapper,
.page-id-267 footer,
.page-id-267 #footer-wrapper {
    
    display: none !important;
}

/*
PAYMENT CHECKOUT SECTION
*/

label[for="payment_method_cheque"],
label[for="payment_method_cod"] {
    font-size: 18px !important;
    font-weight: bold !important;
    color: #187100 !important; /* لون أخضر غامق */
    background-color: #E1F7E0 !important; /* خلفية خضراء فاتحة */
    padding: 8px 12px !important;
    border-radius: 5px !important;
    display: inline-block !important;
    border: 2px solid #187100 !important; /* إطار أخضر غامق */
    transition: all 0.3s ease-in-out !important;
}

/* تغيير اللون عند تمرير الماوس */
label[for="payment_method_cheque"]:hover,
label[for="payment_method_cod"]:hover {
    background-color: #187100 !important;
    color: white !important;
}

/*
fb comment section
*/
#wpdevar_comment_1 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    display: block !important;
    background-color: #F0F0F0 !important; /* لون أبيض مائل للرمادي */
    padding: 15px; /* إضافة مسافة داخلية */
    border-radius: 10px; /* جعل الحواف دائرية */
}