/*
Theme Name: Farhan - Ice Cream Cone Sleeves
Theme URI: https://icecreamconesleeves.co.uk
Description: Custom WordPress theme for Ice Cream Cone Sleeves – fully editable, WooCommerce-ready.
Version: 1.0.0
Author: Farhan
Author URI: https://icecreamconesleeves.co.uk
Text Domain: farhan
WooCommerce: true
*/

#products {
    padding: 120px 0px 160px;
}
.footer-contact_list li{
	position:relative;
	display:flex;
	gap: 15px;
	margin-bottom: 30px;
	align-items:center;
	font-size: 20px;
	word-wrap: break-word;
	color: var(--white-color);
	font-family: "Poppins", sans-serif;
}

.payments-button {
	width: 230px;
    display: inline-block;
    vertical-align: middle;
    border: none;
    border-radius: 0;
    box-shadow: none;
    height: auto;
    max-width: 100%;
	margin-top:20px;
}

.footer-badges {
--gap: var(--widgets-spacing, 20px);
    --row-gap: var(--widgets-spacing-row, 20px);
    --column-gap: var(--widgets-spacing-column, 20px);
	display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
	align-content: var(--align-content);
    align-items: center;
    align-self: auto;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
    flex-wrap:initial;
    justify-content: space-between;
    gap: var(--row-gap) var(--column-gap);
    height: 100%;
    margin: 0 auto;
    width: 100%;
}

.footer-badge {
	text-align: start;
	position: relative;
}
.footer-badge a {
    display: inline-block;
}

.footer-badge img {
	     width: 250px;
    display: inline-block;
    vertical-align: middle;
}

/* Header Top */

.main-header .header-top{
	position:relative;
	padding:14px 0px;
	background-color:#f5f6fa;
}

.main-header .header-top .auto-container{
	max-width:100%;
}

.main-header .header-top .top-left{
	position: relative;
	float:left;
}

.main-header .header-top .info-list{
	position:relative;
}

.main-header .header-top .info-list li{
	position: relative;
	color:#707070;
	font-size:16px;
	font-weight:500;
	margin-right:30px;
	display:inline-block;
}

.main-header .header-top .info-list li:last-child{
	margin-right:0px;
}

.main-header .header-top .info-list li .icon{
	position:absolute;
	left:0px;
	top:-1px;
	color:#707070;
}

.main-header .header-top .info-list li a{
	position: relative;
	color:#707070;
	font-weight:500;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .header-top .info-list li a:hover{
	color:#ff4328;
}

.main-header .header-top .top-right{
	position: relative;
}

.main-header .header-top .top-right .social-box{
	position: relative;
}

.main-header .header-top .top-right .social-box li{
	position: relative;
	margin-left:18px;
	display:inline-block;
}

.main-header .header-top .top-right .social-box li a{
	position: relative;
	color:#ffffff;
	font-size:16px;
}


.header-top .top-right{
	display: flex;
}

.header-top .top-right .social-nav {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    gap: 10px;
    --grid-template-columns: repeat(0, auto);
    width: auto;
    max-width: auto;
    --icon-size: 14px;
    --grid-column-gap: 15px;
    --grid-row-gap: 5px;
}
.header-top .top-right .social-nav li {
	display: inline-block;
    word-break: break-word;
    min-width: 0;

}
.header-top .top-right .social-nav li a {
   --e-social-icon-icon-color: #fff;
    align-items: center;
    background-color: #69727d;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    text-align: center;
    font-size: var(--icon-size, 25px);
    height: calc(var(--icon-size, 25px) + 2 * var(--icon-padding, .5em));
    line-height: var(--icon-size, 25px);
    width: calc(var(--icon-size, 25px) + 2 * var(--icon-padding, .5em));
    --grid-template-columns: repeat(0, auto);
    --icon-size: 14px;
    background-color: var(--e-global-color-47badb46);
    --grid-column-gap: 15px;
    --grid-row-gap: 5px;
    --e-global-color-5c2a84ac: #d10d43;
    --e-global-color-47badb46: #fff;
    border-radius: 50%;
}

.header-top .top-right .social-nav li a:visited {
	color:#ff4328;
}
.header-top .top-right .social-nav li a i,
.header-top .top-right .social-nav li a svg {
    display: block;
    height: 1em;
    position: relative;
    width: 1em;
}

.header-top .top-right {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    gap: 42px;
}

/* Single Product Variation Form */ 

/* ── Hide the default variations table layout ── */
.variations_form .variations {
    display: block;
    border: none;
    width: 100%;
}

.variations_form .variations tbody,
.variations_form .variations tr {
    display: block;
    width: 100%;
}

/* ── Each row becomes a stacked label + select block ── */
.variations_form .variations tr {
    margin-bottom: 18px;
}

/* ── Label above the select ── */
.variations_form .variations th.label, form.cart .custom-product-options label {
    display: block;
    text-align: left;
    width: 100%;
}

.variations_form .variations th.label label, form.cart .custom-product-options label {
    font-size: 16px;
    font-weight: 600;
    color: #222;
}

/* ── Hide the td wrapper padding ── */
.variations_form .variations td.value {
    display: block;
    padding: 0;
    width: 100%;
}

/* ── Style the selects ── */
.variations_form .variations td.value select,
.custom-attribute-select {
    width: 100%;
    padding: 12px 40px 12px 16px;
    border: 1.5px solid #ddd;
    border-radius: 8px;
    font-size: 14px;
    color: #333;
    background-color: #fff;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24'%3E%3Cpath fill='%23666' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    cursor: pointer;
    transition: border-color 0.2s;
}

.variations_form .variations td.value select:focus {
    outline: none;
    border-color: #c0392b;
    box-shadow: 0 0 0 3px rgba(192,57,43,0.12);
}

/* ── Hide the "Clear" reset link ── */
.variations_form .reset_variations {
    display: none !important;
}


/* ── Starting price + stock block ── */
.pcb-price-stock {
    margin: 4px 0 16px;
}

.pcb-starting-price {
    font-size: 15px;
    font-weight: 700;
    color: #222;
    margin: 0 0 4px;
}

.pcb-stock {
    font-size: 14px;
    color: #c0392b;
    font-weight: 500;
    margin: 0;
}

/* ── Add to cart button ── */
.variations_form .single_add_to_cart_button,
form.cart .single_add_to_cart_button{
	position: relative;
    font-weight: 600;
    font-size: 18px;
    padding: 18px 30px;
    border-radius: 10px;
    display: inline-block;
    color: var(--black-color);
    text-transform: capitalize;
    background-color: var(--main-color);
    font-family: "Poppins", sans-serif;
    cursor: pointer !important;
    transition: background 0.2s !important;
    width: auto !important;
}

.variations_form .single_add_to_cart_button:hover,
form.cart .single_add_to_cart_button:hover{
    background-color: var(--color-two) !important;
	color:white !important;
}

/* ── Quantity input ── */
.variations_form .quantity .qty,
form.cart .quantity .qty{
    width: 70px;
    padding: 11px 10px;
    border: 1.5px solid #ddd;
    border-radius: 8px;
    font-size: 14px;
    text-align: center;
    margin-right: 10px;
}

/* ── Variation add-to-cart row ── */
.woocommerce-variation-add-to-cart,
.woocommerce-variation-add-to-cart{
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 6px;
}

.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name,
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name {
	color:#444;
	font-size:16px;
	line-height:24px;
}
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link),
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt{
	position: relative;
    font-weight: 600;
    font-size: 18px;
    padding: 18px 30px;
    border-radius: 10px;
    display: inline-block;
    color: var(--black-color);
    text-transform: capitalize;
    background-color: var(--main-color);
    font-family: "Poppins", sans-serif;
}

.variations_form .variations th.label a,
form.cart .custom-product-options label a {
	color: #ff4328;
}

@media only screen and (max-width: 767px) {
	.main-header .header-top .top-left {
		float:none;
		width:100%;
		margin-bottom:10px;
	}

	.main-header .header-top .info-list li {
		margin-bottom:10px;
	}

	.header-top .top-right {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: center;
		align-items: flex-start;
		gap: 42px;
	}
}

.variations_form .variations th.label, 
form.cart .custom-product-options label,
.pure-product-price {
    margin-bottom: 10px;
}


/*** 

====================================================================
	Product Tabs Style
====================================================================

***/

.product-detail .prod-tabs{
	position:relative;
	margin-top:40px;
}

.product-detail .prod-tabs .tab-btns{
	position:relative;
	margin-bottom:25px;
	border-bottom:1px solid #d3d3d3;
}

.product-detail .prod-tabs .tab-btns .tab-btn{
	position:relative;
	display:block;
	margin-right:8px;
	font-size:16px;
	background:none;
	color:#ffffff;
	text-transform:capitalize;
	font-weight:400;
	line-height:24px;
	cursor:pointer;
	background-color:#212121;
	display:inline-block;
	padding:16px 40px;
	transition:all 500ms ease;
}

.product-detail .prod-tabs .tab-btns .tab-btn:hover,
.product-detail .prod-tabs .tab-btns .tab-btn.active-btn{
	background-color:#f7c7bd;
}

.product-detail .prod-tabs .tabs-content{
	position:relative;	
}

.product-detail .prod-tabs .tabs-content .tab{
	position:relative;
	display:none;
}

.product-detail .prod-tabs .tabs-content .tab.active-tab{
	display:block;	
}

.product-detail .prod-tabs .tabs-content h1 {
	font-size:50px;	
}

.product-detail .prod-tabs .tabs-content h2 {
	font-size:40px;	
}

.product-detail .prod-tabs .tabs-content h1,
.product-detail .prod-tabs .tabs-content h2,
.product-detail .prod-tabs .tabs-content h3,
.product-detail .prod-tabs .tabs-content h4,
.product-detail .prod-tabs .tabs-content h5,
.product-detail .prod-tabs .tabs-content h6,
.category-page-section .taxonomy-description h1,
.category-page-section .taxonomy-description h2,
.category-page-section .taxonomy-description h3,
.category-page-section .taxonomy-description h4,
.category-page-section .taxonomy-description h5,
.category-page-section .taxonomy-description h6 {
	position:relative;
	color:#212121;
	font-weight:600;
	line-height:1.2em;
	margin-bottom:15px;
}

.product-detail .prod-tabs .tabs-content p,
.category-page-section .taxonomy-description p {
	position:relative;
	color:#757575;
	font-weight:400;
	line-height:1.8em;
	margin-bottom:15px;
}

.product-detail .faq-box {
	position:relative;
	margin-bottom:50px;
	margin-top:50px;
}

.product-detail .faq-box h3{
	position:relative;
	text-align:center;
	color:#212121;
	font-size:36px;
	font-weight:600;
	margin-bottom:20px;
}