/* find-in-store.css */
/* Button styling (keeps it neutral so it fits theme) */
ul.store-locations-list {
  padding-left:unset;
  padding-top:20px;
}
ul.store-locations-list li {
  padding-left:20px; 
}
span.status-text {
  font-weight: 400;;
  font-size: 13px;
  line-height: 100%;
  color: #53585C;
  padding-left:10px;
}
.cis-find-in-store-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: .95rem;
    cursor: pointer;
    border: none;
    background: none;
}
.cis-find-in-store-button .cis-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
ul.store-locations-list {
  padding-left:unset;
  padding-top:20px;
}
ul.store-locations-list li {
  padding-left:20px; 
}
span.status-text {
  font-weight: 400;;
  font-size: 13px;
  line-height: 100%;
  color: #53585C;
  padding-left:10px;
}

/* Overlay */
.cis-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s ease, visibility .25s;
    z-index: 9999;
}

/* Drawer */
.cis-drawer {
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    width: min(420px, 95vw);
    max-width: 420px;
    background: #fff;
    box-shadow: -12px 0 32px rgba(12,12,12,.12);
    transform: translateX(110%);
    transition: transform .32s cubic-bezier(.2,.9,.2,1);
    z-index: 99999;
    display: flex;
    flex-direction: column;
    will-change: transform;
}

/* When open */
.cis-drawer.open {
    transform: translateX(0);
}
.cis-overlay.open {
    opacity: 1;
    visibility: visible;
}

/* Header */
.cis-drawer-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
    border-bottom: 1px solid #999999;
}
.cis-drawer-header h2 {
    margin: 0;
    /* font-size: 1.05rem;
    font-weight: 600; */
}
.cis-drawer-close {
    background: transparent;
    border: none;
/*     font-size: 1.6rem; */
    line-height: 1;
    cursor: pointer;
/*     padding: .25rem .5rem; */
}

/* Body */
.cis-drawer-body {
    padding: 40px;
    overflow-y: auto;
    flex: 1 1 auto;
}

/* Placeholder */
.cis-drawer-placeholder {
    opacity: .6;
    font-size: .95rem;
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .cis-drawer,
    .cis-overlay {
        transition: none;
    }
}

/* ensure the icon image is the correct size and aligns well */
.cis-find-in-store-button .cis-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.cis-find-in-store-button .cis-icon img.cis-find-in-store-svg {
    width: 16px;
    height: 16px;
    display: block;
}

.cis-find-in-store-wrap .cis-label{
    text-transform: uppercase;
}

/* remove previous font-based sizing and ensure image fits */
.cis-drawer-close {
	background: transparent;
	border: none;
	padding: unset;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

/* size the close icon image */
.cis-drawer-close img.cis-drawer-close-svg {
	width: 12px;
	height: 12px;
	display: block;
}
@media (max-width:600px)
{
	.cis-drawer-close img.cis-drawer-close-svg { 
		height:10px; 
		width:10px; 
	}
}

#cis-find-in-store-title{
    text-transform: uppercase;
    font-family: Roboto;
    font-weight: 400;
    /* font-style: Regular; */
    font-size: 18px;
    /* leading-trim: NONE; */
    line-height: 100%;
    /* letter-spacing: 0%; */
    color: #53585C;

}

/*variation dropdown*/

.cis-product-summary { padding:0px; }
.cis-product-title { margin:unset; font-size: 14px; font-weight: 400; line-height:100%;   padding-bottom:20px;
  text-transform:uppercase;
  color: #53585C !important; }
/* .cis-variation-select { padding: 1rem; } */
.cis-variation-select label { display:block; margin-bottom:.25rem; font-size:.9rem; color:#333; }
.cis-variation-select select { 
    width: 100%;
    padding: 10px 20px;
   border: 1px solid #999999;
/*     border-radius: 6px; */
    font-weight: 400;
    font-size: 14px;
    color: #53585C;
    text-transform: uppercase;
    line-height: 100%;
}
.cis-no-variations, .cis-simple-product-note { padding: 1rem; color: #666; }


/*stock status*/


.store-item { display:flex; align-items:center; justify-content:space-between;padding-top:20px;
	padding-bottom:20px;border-bottom: 1px solid #99999966; }
.store-info { flex:1 1 auto; margin-right:1rem; }
.store-title { 
display:block; 
font-weight: 400;
font-size: 14px;
line-height: 100%;
	text-transform:uppercase;
	padding-bottom:8px;
	color:#53585C !important;
}
.store-address { display:block; font-size:.9rem; color:#666; margin-top:.25rem; }
.store-availability { 
    display: flex;
    align-items: center;
    min-width: 140px;
    justify-content: flex-start;
}
.status-circle { width:12px; height:12px; border-radius:50%; display:inline-block; }


/* spinner */
.cis-loading { padding: 1rem; text-align: center; }
.cis-spinner {
    width: 36px;
    height: 36px;
    margin: 8px auto;
    border-radius: 50%;
    border: 4px solid rgba(0,0,0,0.12);
    border-top-color: rgba(0,0,0,0.65);
    animation: cis-spin 1s linear infinite;
}
@keyframes cis-spin {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

/* message when no variation selected */
.cis-select-message {
/*     padding: 1rem; */
	padding-top:20px;
  color: #53585C;

}

/* ensure store-availability area spacing looks right after the title */
/* .store-item .store-availability { margin-top: .4rem; margin-bottom: .4rem; display:flex; align-items:center; gap:.6rem; } */
.store-item .store-address { margin-top: 06px; font-size:13px; line-height:100%; color: #53585C; 
	margin-bottom:12px;
 }

/* re-use previous status-circle colors */
.status-circle.red { background: #F86363;
 }
.status-circle.yellow { background:#F8C563;
 }
.status-circle.green { background:#67E182;
 }

.cis-store-availability .store-item:hover{
    background-color: #FAF1D0;
    cursor: pointer;
	border-bottom: 1px solid #FAF1D0 !important;
}

.store-contact-link{
    font-family: Roboto;
    font-weight: 400;
    font-style: Regular;
    font-size: 13px;
    text-decoration: underline;
    text-decoration-style: solid;
    color: #53585C;
}

/*  Mobile Device */
@media (max-width:600px)
{
  #cis-find-in-store-drawer .cis-drawer-header {
    padding-left:20px;
    padding-right:20px;
  }
  #cis-find-in-store-drawer  #cis-find-in-store-title {
    font-size:14px;
  }
  #cis-find-in-store-drawer  .cis-drawer-body {
    padding:20px; 
  }
  #cis-find-in-store-drawer ul.store-locations-list li {
    padding:15px 20px; 
  }
  #cis-find-in-store-drawer .store-title {
    font-size:11px; 
  }
  #cis-find-in-store-drawer  .status-circle {
    width:10px;
    height:10px;
  }
  #cis-find-in-store-drawer span.status-text {
    font-size:10px; 
    padding-left:8px;
  }
  #cis-find-in-store-drawer .store-item .store-address {
    font-size:10px;
    margin-bottom:10px;
  }
  #cis-find-in-store-drawer .store-contact-link {
    font-size:10px; 
  }
  #cis-find-in-store-drawer .cis-variation-select select {
    font-size:11px;
  }
  #cis-find-in-store-drawer #cis-variation-select {
    min-height:33px;
  }
	 #cis-find-in-store-drawer .cis-product-title {
		font-size:11px;	
	}
	#cis-find-in-store-drawer  .cis-select-message {
		font-size:11px;
	}
}
.cis-find-in-store-button {
  padding:unset; 
  font-size:14px;
  line-height:100%;
  color: #53585C;
  padding-bottom:2px;
  border-bottom:1px solid transparent;
}
.cis-find-in-store-button:hover {
  border-bottom:1px solid #53585C;
}
@media (max-width:600px)
{
  .cis-find-in-store-button { 
    font-size:11px;
  }
  .cis-find-in-store-button .cis-icon img.cis-find-in-store-svg {
    width:12px;
    height:12px;
  }

}