/* everydayflowers item css 07/07/2026 NEW */

/*
	HEADER
	MAIN

		.inner
			#item-area .content-area .caption-under-order
				#item-wrapper1								display: flex; justify-content: space-between;
					#item-wrapper11							position: sticky; top: 0; width: xxx;
						#item-images
					#item-wrapper12							width: xxx;
						H1 #item-title .content-title
						(delivery surcharge)
						(item order)
						#item-caption (.under-order-text)
						#item-social
				#item-caption (not .under-order-text)
				(contents)
				#ys_relatedItems		

		.inner
			.item-wrap
				.fitem-top
					.fitem-left
						(image)
					.fitem-right
						.fitem-name
							H1
						FORM.addtocart-form
							.code
							.price-row
								.price
								.strike-price
							.options
								.optionrow			--> .form-item
									LABEL
									INPUT / SELECT
							.add-to-cart
							.under-order-text
							(social)
					.item-caption
					(contents)
					#ys_relatedItems
	FOOTER
*/

:root {
--datepicker-accent: #0587d5;
--datepicker-accent-2: #ebedf0;
}
		
/*
	.price-row		->	.form-item.aprice
	.option-row		->	.form-item.form-item-option.form-item-xxxxx
*/

/* FORCE WRAP */
.item-type .inner:after,
.item-type .inner:before,
.fcontainer:after,
.fcontainer:before,
.frow:after,
.frow:before,
.fcontainer:after,
.fcontainer:before {
display: table;
clear: both;
content: " ";
}

/* .......... MAIN .......... */

.item-type main * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.item-type .breadcrumbs,
.item-type #breadcrumbs {
padding-bottom: 20px;
}

#item-area {
padding-bottom: 75px;
}

#item-wrapper1 {
display: flex;
justify-content: space-between;
align-items: flex-start;
}

#item-wrapper11 {
position: sticky;
top: 0;
width: 48%;
}

#item-wrapper11 img {
max-width: 100%;
height: auto;
}

#item-wrapper12 {
width: 48%;
}

#item-images img {
max-width: 100%;
height: auto;
}

#item-title {
margin: 15px 0;
}

#item-title h1 {
font-weight: 400;
font-size: 36px;
line-height:1.2em;
font-family: 'Playfair Display', serif;
font-style: italic;
}

#item-subtitle {
margin: 10px 0 20px;
color: #d83e77;
font-weight: 700;
font-size: 36px;
line-height:1.2em;
font-family: 'Playfair Display', serif;
font-style: italic;
}

/*
#item-order {}
*/

#item-caption {
clear: both;
padding-top: 28px;
border-top: 1px solid #ffffff;
font-size: 14px;
}

/* FORM ITEM */

.form-item {
display: block;
clear: left;
margin: 0 0 10px;
border: 0;
}

.form-item .label {
display: block;
margin: 0 7px 3px 0;
color: #000000;
font-size: 15px;
}

.form-item .label .instructions,
.form-item .value .instructions { /* NEW */
display: block;
font-weight: 400;
font-size: 12px;
}

.form-item .value {
display: block;
}

.form-item .value input {
max-width: 100%;
}

.form-item .value textarea {
width: 100%;
max-width: 450px;
}

.form-item .value select,
.form-item select {
max-width: 100%;
min-width: 250px;
padding: 5px 10px;
}

.form-item .charge {
margin-left: 7px;
}

/*
.form-item-monogram {}
.form-item-inscription {}
.form-item-checkbox {}
.form-item-select {}
*/

.form-item-availability {
margin-top: 12px;
}

.form-item-outofstock {
padding: 2px 10px;
background: #e7e7e7;
text-align: center;
}

/*
.quantity-submit .form-item-outofstock {}
*/

.form-item.error-select {
padding: 3px 8px;
background: #eacbd1;
}

.addtocart-form .select-error-message {
display: none;
}

.addtocart-form.error-select .select-error-message {
display: block;
margin: 10px 0;
padding: 3px 8px;
background: #eacbd1;
}

/* CODE */

.form-item-code {
margin-bottom: 15px;
}

/* PRICE */

.price-row {
margin: 15px 0 25px 0;
}

.price-row > .strike-price,
.price-row > .price {
display: inline;
}

.price-row > .price {
font-weight:700;
}

.price-row > .strike-price {
padding-right: 10px;
color: #7e7e7e;
text-decoration: line-through;
font-weight: 400 !important;
}

#item-order .price {
font-weight: 700;
font-size:22px;
color: #333490;
}

#item-order .strike-price {
padding-right: 10px;
color: #7e7e7e;
text-decoration: line-through;
font-weight: 400 !important;
font-size:18px;
}

#item-order .strike-price,
#item-order .price {
display: inline;
}

.form-item.total-price {
margin: 0 0 25px;
}

.form-item.total-price .label {
display: inline-block;
}

.price-subtext {
display: block;
margin: 0;
color: #f67f1d;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
letter-spacing: 1px;
}

/* OPTIONS */

.form-item-option {
margin: 25px 0 10px;
}

.form-item-option .label {
margin-bottom: 5px;
}

/*
.form-item-textarea {}
*/

.form-item-textarea .label,
.form-item-textarea .form-item .charge {
vertical-align: top;
}

/* RADIO */

.form-item-radio {
padding: 0;
}

.form-item-radio .label {
vertical-align: top;
}

.radio-options {
display: inline-block;
text-align: left;
}

.item-type .options {}

.item-type .options {
margin: 25px 0 0;
}

.item-type .form-item-option {
margin: 0 0 20px;
font-weight: normal;
}

.item-type .form-item-radio {
font-weight: normal;
}

/*.item-type .form-item-radio .label {
margin: 0;
padding: 6px 12px;
background: #e0e0e0;
font-weight: bold;
}
.item-type .form-item-radio .value {
padding: 15px 20px;
}*/

.radio-option {
display: block;
margin-bottom: 3px;
}

/*
.radio-option.first {}
.radio-option.last {}
.radio-option.not-last {}
.radio-option-control {}
*/

.radio-option-label {
margin-left: 5px;
font-weight: 400;
}

/* OPTION GROUPS */

.options-group {
margin: 20px 0 0;
}

.options-group-header {
margin: 0 0 10px;
padding: 6px 12px;
background: #e0e0e0;
font-weight: bold;
}

/* OTHER AND MESSAGE OPTIONS */

.options-group.options-other .form-item .label,
.options-group.options-message .form-item .label {
margin: 0;
padding: 6px 12px;
background: #e0e0e0;
font-weight: bold;
}

.options-group.options-other .value,
.options-group.options-message .value {
padding: 15px 20px;
}

.options-group.options-other,
.options-group.options-message {
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: #e0e0e0;
}

.options-group.options-other .form-item,
.options-group.options-message .form-item {
border-bottom: 1px solid #e0e0e0;
}

/* IMAGE OPTIONS */

.options-group-image {
border: 1px solid #e0e0e0;
}

.options-group-image .form-item {
margin: 20px 25px;
padding: 0;
}

/*
.options-group-image .form-item .label-container {}
*/

.options-group-image .form-item .label-container .label {
display: inline-block;
padding: 5px 12px;
border-radius: 5px;
border: 1px solid #808080;
cursor: pointer;
line-height: 1;
}

/* has occasions */
/*.options-group-image .form-item.has-occasion-controller:not(.active) select {
display: none;
}*/
/* no occasions */
/*.options-group-image .form-item-option-image.has-controller:not(.active) .option-images {
display: none;
}*/

#item-order .options-group-image .form-item-option-image:not(.active) > .option-images,
#item-order .options-group-image .form-item-option-image:not(.active) > .occasion-controller {
display: none !important;
}

/* DELIVERY OPTIONS */

.options-group-delivery-or-pickup {
border: 1px solid #e0e0e0;
}

.options-group-delivery-or-pickup .form-item {
margin: 20px 25px;
padding: 0;
}

.options-group-delivery-or-pickup .form-item-option.date .label {
font-weight: bold;
}

/* BUTTONS */

.options-group-delivery-buttons {
display: flex;
align-items: center;
gap: 30px;
margin: 20px 25px;
padding: 0;
}

.options-group-delivery-button {
display: inline-block;
padding: 5px 12px;
border-radius: 5px;
border: 1px solid #808080;
background: #fff;
cursor: pointer;
font-size: 16px;
font-family: Montserrat, sans-serif;
line-height: 1;
}

.options-group-delivery.delivery-selected .options-group-delivery-button-delivery,
.options-group-delivery.pickup-selected .options-group-delivery-button-pickup {
border-width: 4px;
}

/* DATE */

.options-group-delivery:not(.delivery-selected) .options-group-delivery-date,
.options-group-delivery:not(.pickup-selected) .options-group-pickup-date {
display: none;
}

/* INFO */

.options-group-delivery-info {
margin: 20px 25px;
}

/*
.options-group-delivery-info-delivery {}
.options-group-delivery-info-pickup {}
*/

.options-group-delivery:not(.delivery-selected) .options-group-delivery-info-delivery,
.options-group-delivery:not(.pickup-selected) .options-group-delivery-info-pickup {
display: none;
}







/* .......... IMAGE OPTION .......... */
/*
	.option-images
		.option-images-wrapper
			.option-image
				.option-image-image
					SPAN
						IMG
				.option-image-text
					SPAN
						(text)
*/

.form-item-option-image.hide-control .value {
position: absolute;
left: -9999px;
visibility: hidden;
}

.form-item .option-images {
display: block;
margin: 7px 0 0 -3px;
}

.form-item .option-images-wrapper {
display: block;
}

.form-item .option-image {
display: inline-block;
box-sizing: border-box !important;
width: calc(85px + 12px);
margin: 3px;
padding: 4px;
border: 2px solid #e7e7e7;
background: #fff;
vertical-align: top;
text-align: center;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
font: normal 10px helvetica,arial,sans-serif;
}

.form-item .option-image:hover {
position: relative;
z-index: 1;
-webkit-transform: scale(2);
-moz-transform: scale(2);
-ms-transform: scale(2);
-o-transform: scale(2);
transform: scale(2);
}

.form-item .option-image:not(.selected) {
cursor: pointer;
}

.form-item .option-image.selected {
border: 2px dotted #404040;
}

.form-item .option-image > span {
display: block;
width: 85px;
}

.form-item .option-image > span > span {
display: block;
width: 85px;
vertical-align: middle;
}

.form-item .option-image img {
display: inline-block;
position: relative;
top: 50%;
transform: translateY(-50%);
margin: 0;
padding: 0;
border: 0;
width: auto;
max-width: 100%;
height: auto;
max-height: 100%;
}

/* IMAGE ONLY */

.form-item .option-image {
height: calc(85px + 12px);
}

.form-item .option-image .option-image-image,
.form-item .option-image .option-image-image > span,
.form-item .option-image .option-image-text
.form-item .option-image .option-image-text > span {
height: 85px;
}

/* IMAGE AND TEXT */

.form-item .option-images.has-text .option-image {
height: calc(85px + (85px / 2) + 12px + 5px);
}

.form-item .option-images.has-text .option-image-text,
.form-item .option-images.has-text .option-image-text > span {
height: calc(85px / 2);
}

.form-item .option-images.has-text .option-image-text {
padding-top: 5px;
}

/* NO IMAGE */

.form-item .option-images.has-text .option-image.has-text-only .option-image-text,
.form-item .option-images.has-text .option-image.has-text-only .option-image-text > span {
height: calc(85px + (85px / 2) + 5px);
}

.form-item .option-images.has-text .option-image.has-text-only .option-image-text {
padding-top: 0;
}

/* NO WIDTH */

.form-item .option-images.has-no-width {
margin: 10px 0 0;
}

.form-item .option-images.has-no-width .option-image {
display: block;
margin: 0 0 20px;
font-size: inherit;
}

.form-item .option-images.has-no-width .option-image > span > span {
display: block;
}

#item-order .code {
font-weight:700;
}

.item-type .add-to-cart {
margin-top:37px;
margin-bottom: 30px;
}

.item-type .add-to-cart .quantity-submit {
display: flex;
align-items: start;
row-gap: 20px;
column-gap: 25px;
margin: 20px 0 0;
}

.item-type .add-to-cart .quantity-submit .wrapper {
display: flex;
flex-direction: column;
align-items: center;
}

.item-type .add-to-cart .quantity {
display: flex;
align-items: center;
gap: 10px;
margin: 8px 0 0px;
}

.item-type .add-to-cart .quantity-label {
color: #000000;
font-size: 15px;
line-height:40px;
}

.item-type .add-to-cart .quantity-value {
width: 70px;
height: 40px;
color: #000000;
text-align: center;
font-size: 15px;
font-weight: 600;

margin-right: 0 !important;
}

.under-order-text{
border-top:1px solid #ffffff;
padding-top:28px;
font-size:14px;
}

div#ys_social_media{
padding-top:55px;
}

div#ys_social_media > * {
float: left;
margin-right:10px;
}

#item-social {
margin: 10px 0;
font-size: 20px;
}

#item-wrapper11 #item-social {
margin-top: 30px;
}

#item-social .title {
margin-bottom: 0.3em;
padding-left: 7px;
font-size: 14px;
font-style: italic;
}

#item-social .icons {
display: flex;
gap: 10px;
}

#item-social .icons img {
width: 28px;
height: 28px;
}

.item-shipping-info {
margin: 10px 0;
padding: 1px 10px;
background: #fff2d0;
font-size: 13px;
}

/* .......... IMAGES .......... */

.imageContainer {
position: relative;
margin-top: 15px;
border: 1px solid #ffffff;
}

.imageContainer .zoom {
position: absolute;
left: 0;
bottom: 0;
pointer-events: none;
}

#zoom-master {
display: block;
}

div#zoom-gallery {
margin-top: 20px;
}

div#zoom-gallery > a {
display: inline-block;
margin: 0 10px 10px 0;
border: 1px solid #d0d0d0;
padding: 5px;
vertical-align: top;
}

#zoom-gallery .zoom-gallery-link img {
display: block;
padding: 0;
border: 0;
}

/* .......... DATE PICKER .......... */

.form-item-option.date .value {
position: relative;
}

.datepicker-hide {
display: none;
}

.datepicker {
position: absolute;
z-index: 2;
top: 25px !important;
left: 0;
display: none;
margin: 5px 0 0;
border: 1px solid #c0c0c0;
background: #f7f7f7;
font-size: 12px;
font-family: Verdana,Geneva,sans-serif;
}

.datepicker.active {
display: block;
}

.datepicker-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 5px 5px 0;
}

.datepicker-monthyear {
margin: 5px;
color: var(--datepicker-accent);
text-align: center;
word-spacing: 0.3rem;
font-size: 14px;
}

.datepicker-control {
padding: 5px;
margin: 0;
cursor: pointer;
color: var(--datepicker-accent);
}

.datepicker-control:hover {
color: #000;
}

.datepicker-control-next {
transform: rotate(180deg);
}

.datepicker-days,
.datepicker-week {
display: grid;
grid-template-columns: repeat(7, 1fr);
margin: auto;
padding: 0 7px;
justify-content: space-between;
}

.datepicker-week > *,
.datepicker-days > * {
display: flex;
justify-content: center;
align-items: center;
height: 1.8rem;
width: 2.5em;
border-radius: 100%;
}

.datepicker-days > *:not(.datepicker-selected-day):hover {
background: var(--datepicker-accent-2);
color: rgb(25, 25, 201);
cursor: pointer;
}

.datepicker-days > :not(.datepicker-selected-month) {
opacity: 0.5;
}

.datepicker-days > .datepicker-past-day {
opacity: 0.2;
}

.datepicker-days > .datepicker-disabled-day {
color: red;
}

.datepicker-week > * {
color: var(--datepicker-accent);
}

.datepicker-selected-day {
color: #fff !important;
background-color: var(--datepicker-accent) !important;
}

.datepicker-current-day {
background: #e7e7e7;
}

/* .......... CONTENTS .......... */

h2.lato25{ font-size:25px; text-transform: uppercase; border-bottom: 1px solid  #ffffff; padding:10px 0 25px 0; text-align: center; font-weight: 400;}

.frow{ margin-left:-1%; margin-right:-1%; clear: both;}

.fcol{width:23%; margin:1%; float: left; position: relative; min-height: 333px; border-bottom:1px solid #ffffff; padding-bottom: 3px;}
.item-type .fcol{min-height:165px;}
.frow *{box-sizing: border-box;}
.finner{ color: #000000; font-size:15px; text-align: center;}
.finner:hover, .finner a:hover{font-weight:700;}
.finner a{ display: block; text-decoration: none; color: #000000;}
.finner .name a{font-size:15px; margin:0 0 8px 0;}
.finner img.fim{ max-width:100%; height:auto;}
.finner:hover img.fim{ border:2px solid #333490; -webkit-box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.32); -moz-box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.32); box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.32);}
.finner a.fshop-now{font-weight:400; font-size:14px; border:1px solid #333490; width:103px; height:30px; text-align: center; margin-left:auto; margin-right:auto; line-height:26px; margin-top: 10px; text-transform: uppercase;}
.finner:hover a.fshop-now{ color: #fff; background: #e14251; border-color: #333490;}

/* .......... YS CROSS SELL ..........*/

div#ys_relatedItems {margin-left: -1%; margin-right: -1%;}
    table.ystore-cross-sell-table {width: 100%;}
        h3.ystore-cross-sell-title{font-size:25px; text-transform: uppercase; border-bottom: 1px solid  #ffffff; padding:10px 0 25px 0; text-align: center; font-weight: 400;}
        table.ystore-cross-sell-table > tbody > tr.ystore-cross-sell-row{ display: inline; font-size:0;}
            table.ystore-cross-sell-table > tbody > tr.ystore-cross-sell-row > td.ystore-cross-sell-cell{ font-size:14px; text-align: center; width: 23%; margin:1%; padding-bottom: 20px;}
                h4.ystore-cross-sell-product-name {margin-bottom: 5px;}
                td.ystore-cross-sell-cell i{ display: none;}
                p.ystore-cross-sell-product-reg-price,
                p.ystore-cross-sell-product-price.ystore-cross-sell-product-sale-price{display: inline;}
                .ystore-cross-sell-product-name a{ text-decoration: none; color: #000000;}
                p.ystore-cross-sell-product-reg-price{text-decoration: line-through; font-weight:normal; padding-right:10px; color: #7e7e7e;}
                p.ystore-cross-sell-product-price,
                p.ystore-cross-sell-product-sale-price{ font-size:15px; text-decoration: none; font-weight:700; padding-right:0; color: #000000;}

/* .................... RESPONSIVE .................... */
				
@media screen and (max-width: 768px) {
	
    .item-type main {
	padding:0 10px;
	}
	
	#item-wrapper1 {
	display: block;
	}

	#item-wrapper11,
	#item-wrapper12 {
	width: auto;
	}

	#item-wrapper11 {
	position: static;
	}
	
	.item-type .add-to-cart {
	margin-top: 10px;
	}
			
}

@media screen and (max-width: 768px) {
	
    table.ystore-cross-sell-table > tbody > tr.ystore-cross-sell-row > td.ystore-cross-sell-cell
	{width: auto;
	}
	
}

@media screen and (max-width: 500px) {
	
    table.ystore-cross-sell-table > tbody > tr.ystore-cross-sell-row > td.ystore-cross-sell-cell {
	width: 100%;
	margin: 10px 0;
	}
	
}

@media screen and (max-width: 480px) {

	.item-type .add-to-cart .quantity-submit {
	flex-direction: column;
	align-items: start;
	}

}

/* .......... / .......... */