/*
Theme Name: Olapetti Child Theme
Theme URI: https://olapetti.accendra.in/
Description: Custom WooCommerce product design for Olapetti
Author: Olapetti
Template: hello-elementor
Version: 1.0
*/


/* =====================================================
   OLAPETTI BRAND VARIABLES
===================================================== */

:root {

    --olapetti-green: #97BB4A;

    --olapetti-white: #FFFFFF;

    --olapetti-bg: #F8F8F5;

    --olapetti-border: #E5E5E5;

}


/* =====================================================
   GLOBAL PRODUCT PAGE RESET
===================================================== */

.single-product {

    background: var(--olapetti-white);

}


/* Remove default WooCommerce spacing */

.single-product .site-main {

    padding:0;

}



/* =====================================================
   BUTTON COMMON STYLE
===================================================== */


.olapetti-btn {

    background:var(--olapetti-green);

    color:white !important;

    border:none;

    padding:14px 30px;

    border-radius:30px;

    font-size:16px;

    font-weight:600;

    transition:0.3s ease;

}



.olapetti-btn:hover {

    background:var(--olapetti-green);

    transform:translateY(-3px);

}



/* =====================================================
   PRODUCT CARD
===================================================== */


.olapetti-card {

    background:white;

    border:1px solid var(--olapetti-border);

    border-radius:20px;

    padding:20px;

    transition:0.3s ease;

}


.olapetti-card:hover {

    border-color:var(--olapetti-green);

    box-shadow:0 10px 25px rgba(151,187,74,0.25);

}