/*
Theme Name: StoreFront - Child Theme
Theme URI: https://inner-wise.com/
Author: Atasa
Author URI: https://inner-wise.com/
Description: Use this theme if you want to extend features of storefront theme or prevent overwriting the changes you make when new theme update is available.
Version: 1.0
Template: storefront
Text Domain: storefront
*/

body {
	font-family: "Source Sans 3", sans-serif;
}
body,
button,
input,
textarea {
	color: #43454b;
	font-family: "Source Sans 3", sans-serif;
	line-height: 1.618;
	text-rendering: optimizeLegibility;
	font-weight: 400;
}

.woocommerce-active .site-header .site-header-cart {
    display: none;
}

    select {
	color: initial;
	font-family: "Source Sans 3", sans-serif;
	max-width: 100%;
	font-size: .9em;
}

/* Headings - Playfair Display */
h1, h2, h3, h4, h5, h6, .site-title, .widget-title {
    font-family: 'Source Sans 3', serif;
    color: #333333;
    letter-spacing: 0.5px;
}

a {
    outline: 0;
    text-decoration: none;
}

a:focus {
    outline: 0;
}

.site-main h2 {
    text-align: center;
}
/* =========================================
   5. FULL WIDTH LAYOUT FIXES
   ========================================= */

/* Remove margins on full-width template */
.page-template-template-fullwidth-php .col-full {
    max-width: 100%;
    /* margin: 0;
    padding: 0; */
}

/* Add padding to content so text doesn't hit the edge */
.page-template-template-fullwidth-php .site-content .entry-content {
    padding: 40px 5%; /* 5% margin on sides looks nice and responsive */
}

/* Remove the top margin of the content so it touches the slider */
.site-content {
    padding-top: 0 !important;
}

.page-template-template-homepage .hentry .entry-header,
.page-template-template-homepage .hentry,
.page-template-template-homepage .storefront-product-section {
border-color: gold;
}

@media (min-width: 768px) {
  .site-header .col-full{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
}

.woocommerce-active .site-header .site-branding {
    width: auto;
}

.site-footer {
	font-size: 14px;
	padding-bottom: 2em;
}

.payment-methods-icons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin-top: 15px;
}

.payment-methods-icons i {
    font-size: 24rpx; /* This is the equivalent of height for SVG icons */
    color: #6d6d6d; /* Use the footer text color directly */

    /* Smooth transition for hover effect */
    transition: all 0.2s ease-in-out;
}

/* Hover effect to make them pop slightly */
.payment-methods-icons i:hover {
    color: #333333; /* A darker grey for hover state */
    transform: scale(1.1);
}


/* Reduce the overall top and bottom padding of the footer widget area */
.site-footer .footer-widgets {
    padding-top: 2em;
    padding-bottom: 2em;
}

/* Reduce the space below each individual widget */
.site-footer .widget {
    margin-bottom: 1.5em;
		justify-content: center;
}

.site-footer .site-info {
	margin-top: 0;
	padding-top: 0;
}

.footer-navigation {
    text-align: center; /* Centers the entire menu block */
}

.footer-navigation .footer-menu {
    display: flex; /* This is the key to making it inline/horizontal */
    justify-content: center; /* Distributes space evenly and centers items */
    align-items: center; /* Vertically aligns items in the middle */
    list-style: none; /* This removes the bullet points */
    margin: 0; /* Removes default margin */
    padding: 0; /* Removes default padding */
    gap: 20px; /* Adds a nice 20px space between each menu item */
}

.footer-navigation .footer-menu li {
    margin: 0; /* Ensures no extra space on the list items themselves */
}

.footer-navigation .footer-menu a {
    color: #6d6d6d; /* Match the footer text color */
    text-decoration: none; /* Removes the underline from links */
    /* font-size: 0.9em; */
}

.footer-navigation .footer-menu a:hover {
    color: #333333; /* Darker color on hover */
    text-decoration: underline; /* Adds underline on hover for usability */
}

/* Woo Specific */
/* Style the "Tagged:" and "Categories:" labels */
.single-product div.product .product_meta {
    border-top: 1px solid #eee;
    padding-top: 15px;
    margin-top: 20px;
}

.single-product div.product .product_meta .sku {
    font-weight: 600;
}

/* Style category links (optional - plain style) */
.single-product div.product .product_meta .posted_in a {
    color: #a17f38;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    padding: 0 5px;
}

.single-product div.product .product_meta .posted_in a:hover {
    border-top: 2px dotted #ccc;
}

.single-product div.product .product_meta .tagged_as a {
    color: #a17f38;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    padding: 0 5px;
}

/* .single-product div.product .product_meta .posted_in a::before,
.single-product div.product .product_meta .tagged_as a::before  {
    content: "\00BB \00A0";
    text-transform: lowercase;
    font-size: 1.3em;
} */

/* Style tag links (slanted buttons) */
/* .single-product div.product .product_meta .tagged_as a {
    /* clip-path: polygon(8px 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%);
    background-color: #a17f38;
    border: 1px solid #f5f5f5;
    border-radius: 10px;
    color: #ffffff !important;
    padding: 4px 12px;
    margin: 2px;
    font-size: 0.85em;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease;

} */

/* .single-product div.product .product_meta .tagged_as a:hover {
    background-color: #ffffff;
    border: 1px solid #f5f5f5;
    border-radius: 10px;
    color: #a17f38 !important;
    box-shadow: 0 2px 5px rgba(161, 127, 56, 0.3);
} */

.storefront-full-width-content.single-product div.product .woocommerce-product-gallery,
.storefront-full-width-content.single-product div.product #wpgs-gallery.wcgs-woocommerce-product-gallery {
    margin-top: 2em;
}

.single-product div.product .product_meta {
    line-height: 1.7em;
}

/** FORMS **/
/* Container */
.wpcf7-form {
    max-width: 600px;
    margin: 0 auto;
}

/* Each field block - TIGHT spacing */
.cf7-field {
    margin-bottom: 0.8rem; /* Tight gap between fields */
}

/* Label - CLOSE to input */
.cf7-field label {
    display: block;
    margin-bottom: 0.2rem; /* Very small gap */
    font-size: 0.9rem;
    font-weight: 600;
    color: #43454b;
}

/* Inputs - Storefront style but no extra margins */
.cf7-field input[type="text"],
.cf7-field input[type="email"],
.cf7-field textarea,
.cf7-field select {
    width: 100%;
    margin: 0; /* Reset any inherited margins */
    padding: 0.6em;
    background: #f2f2f2;
    border: 0;
    border-radius: 2px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.125);
    font-size: 16px;
    line-height: 1.5;
}

/* Remove CF7's default wrapper margins */
.cf7-field .wpcf7-form-control-wrap {
    display: block;
    margin: 0;
    padding: 0;
}

/* Checkbox special handling */
.cf7-checkbox {
    display: flex;
    align-items: center;
    gap: 0.5em;
    margin-top: 1rem;
}

.cf7-checkbox input[type="checkbox"] {
    margin: 0;
    width: auto;
}

.cf7-checkbox label {
    margin: 0;
    font-weight: normal;
}

/* Button */
.cf7-field .button {
    margin-top: 0.5rem;
    width: auto;
    min-width: 150px;
}

/* Validation */
.wpcf7-not-valid {
    border-left: 3px solid #e2401c !important;
}

.wpcf7-not-valid-tip {
    color: #e2401c;
    font-size: 0.8em;
    margin-top: 0.2em;
}

/* =========================================
   5. FOOTER RELATED
   ========================================= */
.footer-credits {
    /*background-color: #f8f8f8;*/
    padding: 20px 0 5px 0;
    text-align: center;
    font-size: 14px;
    color: #666;
}