/*
Theme Name: Super Mad Honey
Theme URI: https://rakepoint.com/themes/supermadhoney/
Author: Rakesh Aryal
Author URI: https://rakesharyal.com.np/
Description: Super Mad Honey Plus brings your site to life with immersive featured images and subtle animations. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: supermadhoney
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
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.
*/

div.wpcf7 {
background-color: #fcfcfc;
/* border: 1px solid #333;
padding:30px; */
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="date"],
.wpcf7 input[type="number"],
.wpcf7 textarea, .wpcf7 select {
background:#fff;
color:#333;
	border-radius:6px !important;
	border:1px solid #333;
	padding:10px;
	width:100%;
}
.wpcf7 input[type="submit"],
.wpcf7 input[type="button"] {
background-color:#09a50b;
text-align:center;
	font-weight:700;
	border:none;
	padding:10px 30px;
	color:#fff;
	border-radius:6px;
}

a.nav-link[aria-current] {
    color: #e58900 !important;
   
    border-radius: 6px;
}


.woocommerce div.product form.cart .variations select {
    max-width: 100%;
    min-width: 75%;
    display: inline-block;
    margin-right: 1em;
    padding: 10px 15px;
	border:1px solid #b5b5b5;
	border-radius:4px;
}



/* ===========================
   WOOCOMMERCE COLORS
=========================== */

:root{
    --primary:#244534;
    --primary-dark:#1b3528;
    --secondary:#3a1b0f;
    --light:#f8f6f2;
}

/* ===========================
   SHOP PAGE
=========================== */

#super-mad-shop{
    padding:80px 0;
}

.woocommerce-products-header{
    text-align:center;
    margin-bottom:50px;
}

.woocommerce-products-header h1{
    color:var(--primary);
    font-weight:800;
}

/* ===========================
   PRODUCT GRID
=========================== */

.woocommerce ul.products{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:30px;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after{
    display:none;
}

.woocommerce ul.products li.product{
    width:100% !important;
    margin:0 !important;
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    padding:20px;
    box-shadow:0 8px 30px rgba(0,0,0,.06);
    transition:.3s;
}

.woocommerce ul.products li.product:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 50px rgba(36,69,52,.12);
}

.woocommerce ul.products li.product img{
    border-radius:15px;
    margin-bottom:20px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title{
    color:var(--primary);
    font-size:20px;
    font-weight:700;
    min-height:60px;
}

.woocommerce ul.products li.product .price{
    color:var(--secondary);
    font-size:22px;
    font-weight:700;
    margin-bottom:15px;
}

.woocommerce ul.products li.product .button{
    width:100%;
    background:var(--primary);
    color:#fff;
    border:none;
    border-radius:50px;
    padding:14px;
    font-weight:700;
}

.woocommerce ul.products li.product .button:hover{
    background:var(--primary-dark);
}

/* ===========================
   SALE BADGE
=========================== */

.woocommerce span.onsale{
    background:var(--secondary);
    border-radius:50px;
    min-width:auto;
    padding:8px 15px;
    line-height:normal;
}

/* ===========================
   SINGLE PRODUCT
=========================== */

.single-product div.product{
    margin-top:30px;
}

.single-product .product_title{
    color:var(--primary);
    font-size:42px;
    font-weight:800;
}

.single-product .price{
    color:var(--secondary);
    font-size:32px;
    font-weight:700;
    margin:20px 0;
}

.single-product .woocommerce-product-details__short-description{
    font-size:18px;
    color:#666;
}

/* ===========================
   GALLERY
=========================== */

.woocommerce div.product div.images img{
    border-radius:20px;
}

.flex-control-thumbs img{
    border-radius:12px;
}

/* ===========================
   QUANTITY
=========================== */

.quantity{
    display:flex;
    align-items:center;
    gap:10px;
}

.quantity .qty{
    width:70px !important;
    text-align:center;
    border-radius:10px;
    border:1px solid #ddd;
    height:48px;
}

.quantity .plus,
.quantity .minus{
    width:48px;
    height:48px;
    border-radius:10px;
    background:var(--primary);
    border:none;
    color:#fff;
    font-weight:700;
}

.quantity .plus:hover,
.quantity .minus:hover{
    background:var(--primary-dark);
}

/* ===========================
   ADD TO CART
=========================== */

.single_add_to_cart_button{
    background:var(--primary) !important;
    border-radius:50px !important;
    padding:15px 35px !important;
    font-weight:700 !important;
}

.single_add_to_cart_button:hover{
    background:var(--primary-dark) !important;
}

/* ===========================
   TABS
=========================== */

.woocommerce div.product .woocommerce-tabs{
    margin-top:70px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs{
    border:none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li{
    border:none;
    background:#eee;
    border-radius:50px;
    margin-right:10px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
    background:var(--primary);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{
    color:#fff;
}

/* ===========================
   CART
=========================== */

.woocommerce table.shop_table{
    border:none;
    border-radius:20px;
    overflow:hidden;
}

.woocommerce table.shop_table th{
    background:var(--primary);
    color:#fff;
}

.woocommerce-cart .cart-collaterals .cart_totals{
    background:#fff;
    padding:30px;
    border-radius:20px;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
}

/* ===========================
   CHECKOUT
=========================== */

.woocommerce-checkout form.checkout{
    background:#fff;
    padding:40px;
    border-radius:25px;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
}

.woocommerce-checkout input,
.woocommerce-checkout select,
.woocommerce-checkout textarea{
    border-radius:12px !important;
    min-height:50px;
}

#place_order{
    background:var(--primary) !important;
    width:100%;
    border-radius:50px !important;
    padding:15px !important;
    font-size:18px !important;
}

#place_order:hover{
    background:var(--primary-dark) !important;
}

/* ===========================
   MY ACCOUNT
=========================== */

.woocommerce-account .woocommerce{
    background:#fff;
    padding:40px;
    border-radius:25px;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
}

.woocommerce-MyAccount-navigation ul{
    list-style:none;
    padding:0;
}

.woocommerce-MyAccount-navigation a{
    display:block;
    padding:12px 20px;
    color:var(--primary);
    font-weight:600;
}

/* ===========================
   ALERTS
=========================== */

.woocommerce-message{
    border-top-color:var(--primary);
}

.woocommerce-message::before{
    color:var(--primary);
}

.woocommerce-info{
    border-top-color:var(--secondary);
}

.woocommerce-error{
    border-top-color:#d63638;
}

/* ===========================
   CART BADGE
=========================== */

.badge.bg-danger{
    background:var(--secondary) !important;
}

/* ===========================
   MOBILE
=========================== */

@media(max-width:768px){

.single-product .product_title{
    font-size:32px;
}

.woocommerce-checkout form.checkout{
    padding:25px;
}

#super-mad-shop{
    padding:50px 0;
}

}