.meditextmulti .wp-block-media-text__content {
    padding: 0 8% 0% 0;
}

/*vilken meny ska syns*/
.sushishop{
  display:none;
}
.meny2{
  display:none;
}
.meny3{
  display:none;
}

/*ät här eller ta med css*/
.locationwidge { 
display: block; 
} 
.hidden {
  display: none;
}
.divoflocation{
background:#a58556;
padding:15px;
border-radius:5px;
text-align:center;
position: relative;
overflow: hidden;
transition: background-color 0.3s ease;
border: solid 2px #c69a65;
box-shadow: 0px 2px 8px 5px #48497961
}
.divoflocation:hover::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 200%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
animation: shimmer 2s infinite;
pointer-events: none;
}
@keyframes shimmer {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(100%);
}
}
.divoflocation:hover::before {
display: block;
}
.divoflocation {
background-color: #1E252D;
}
.imgoflocation{
width:400px;
height:250px;
}
.choselocbtn{
padding:10px 15px;
background: #c69a65;
color: white;
border-radius: 5px;
border:solid 2px #a58556;
}

.buttontodisplay {
display: flex;
flex-direction: column;
align-items: center;
background-color: #c69a65;
color: white;
border: none;
padding: 15px 60px;
cursor: pointer;
position: relative;
overflow: hidden;
}

.buttontodisplay::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 200%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
animation: shimmer 2s infinite;
pointer-events: none;
}

@keyframes shimmer {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(100%);
}
}
.buttontodisplay:hover::before {
display: none;
}

.buttontodisplay:hover {
background-color: #394a58;
}

.eatherebtn {
border-radius: 50px 0 0 50px;
}
.tamedbtn{
border-radius: 0 50px 50px 0;
}
.buttoncontainer {
display: flex;
grid-gap: 8px;
justify-content: center;
}
.imgiconbutton{
width:40px;
height:40px;
object-fit: contain;
margin:0 0 10px 0;
}
.calculator_tobias{
display: grid;
grid-gap:25px;
grid-template-columns:1fr 0.4fr;
}

/*location-box*/
.location-boxs {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 16px;
}
.backbtna, #backbtnb {
position: absolute;
right: 1%;
top:25px;
right:40px;
}
/*css for accordion*/
.accordion {
display: flex;
flex-direction: column;
}
.section {
text-align: left;
margin: 5px;
padding: 10px 5px;
cursor: pointer;
transition: background-color 0.3s ease;
font-size: 17px;
color: white;
}
.content {
transition: max-height 0.5s ease-in-out;
max-height: 0;
overflow:hidden;
}
.active {
overflow:hidden;
transition: max-height 0.5s ease-in-out;
max-height: 200px;
}
.accordionicon{
width:35px;
padding:5px;
border-radius: 5px;
background: red;
margin-right: 8px;
}
.acordiantext {
display: flex;
justify-content: space-between;
font-size: 16px;
align-items: center;
}
.acordianintro {
display: flex;
justify-content: space-between;
}
.acordianbuton {
display: grid;
}
.pricetext {
margin: 0 !important;
font-weight: 600;
text-align: right;
}
.BaseIcon{ 
margin-right: 8px;
width: 20px; 
}
.icontextacord {
margin-top: 8px;
display: flex;
gap: 16px;
}
.accordion-arrow {
transition: transform 0.2s ease-in-out;
transform: rotate(0.0turn);
fill:white;
}
.accordion-arrow.activee {
transform: rotate(0.5turn);
}

/*mobile*/
@media (max-width: 1000px){
.totalandbottomtext{
width:100% !important;
}
.calculator_tobias{
grid-template-columns: 100% !important;
}
.location-boxs {
display: grid;
grid-template-columns: 1fr !important;
grid-gap: 16px;
	top: 150px;
}
}

/*scroll bar*/
.sushishop ::-webkit-scrollbar {
width: 5px;
}
.sushishop ::-webkit-scrollbar-track {
background: #ddd;
border-radius:20px;
}
.sushishop ::-webkit-scrollbar-thumb {
background: #666; 
border-radius:20px;
}

/*sushishop box*/
.sushishop {
grid-template-columns: 1fr 30%;
align-items: start;
grid-gap: 16px;
}
@media (max-width: 1000px){
.sushishop {
grid-template-columns: 1fr;
}
}

/*product cards*/
.meny {
max-height: 700px;
overflow-y: scroll;
overflow-x: hidden;
}
.productcardstitle {
margin-bottom:35px !important;
font-size: 20px;
font-weight: 600;
}
.productcardsbox {
padding: 0 20px 0 0;
grid-template-columns: 1fr 1fr 1fr;
display: grid;
grid-gap: 16px;
}
.linetxt {
margin-top: 45px;
}
.linetxt p {
	width: 380px;
}
@media (max-width: 1000px){
.productcardsbox {
padding: 0;
grid-template-columns: 1fr 1fr;
display: grid;
margin-bottom:16px;  
}
.productcard {
margin-bottom:16px;
}
.linetxt {
margin-top: 0px;
}
.linetxt p {
width: 145px;
}
}
.productcard {
color: black;
position: relative;
border: solid 2px #C69A65;
border-radius: 10px;
}
/*product img*/
.productimg{
min-height: 250px; 
width: 100%;
border-radius: 5px;
}

/*product name and price*/
.producttext {
border-radius: 0 0 5px 5px;
width: 100%;
bottom: 0;
position: absolute;
display: flex;
justify-content: space-between;
background: #1E252D;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
padding: 10px 0;
color: white;

}
.producttext p {
font-size:14px;
margin: 0px 5px;
}

/*product display popup*/
.producttextsdisplay{
width: 100%;
bottom: 0;
position: absolute;
display: none;
flex-direction: column;
grid-gap: 8px;
padding: 10px 0;
background: linear-gradient(180deg, rgba(255, 242, 224, 0.2) 0%, rgba(255, 242, 224, 1) 60%);
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

/*multi button small medium big*/
.multibtns {
margin: 0 8px;
display: flex;
align-items: flex-end;
}
.multibtns button{
color:black;
font-size:14px;
margin-left:8px;
padding: 5px;
border: solid #b89a64 3px;
background: none;
border-radius: 100%;
}
.multibtns button:hover{
outline: 2px solid #b89a64;
border: solid #fff2e0 3px;
background: #b89a64;
}

/*multi button size*/
.multibtnmall{
height: 3em;
width: 3em;
}
.multibtnmed{
height: 3.2em;
width: 3.2em;
}
.multibtnbig{
height: 3.4em;
width :3.4em;
}
.multibtnverybig {
height: 3.8em;
width: 3.8em;
}

/*dropdown add to cart button*/
.nurandbntn {
margin: 0 8px;
display: flex;
}

/*add to cart button*/
.addtocarbtn {
background: #B89A64;
width: 100%;
border-radius: 0 25px 25px 0;
border: none;
}
.addtocarbtn:hover{
  border: none;
  background-color: #394a58;

}


/*dropdown amount*/
.howwmany {
padding: 0 0 0 15px;
width: 60px;
font-size: 1.5rem;
border-right: none;
height: 50px;
background: none;
border: solid 2px #B89A64;
border-top-left-radius: 25px;
border-bottom-left-radius: 25px;
}

/*kvitto summery*/
.kvittotitle {
display: flex;
margin-bottom: 0 !important;
font-size: 20px;
font-weight: 600;
justify-content: space-between;
}
.kvitto{
max-height: 390px;
overflow-y: scroll;
overflow-x: hidden;
}
@media (max-width: 1000px){
.kvitto{
width:100%;
}
}
.totalsinkvitto{
height: 150px;
overflow: hidden;
}

/*kvitto display*/
.sumdiv{
display: none;
}

/*text and img in kvitto*/
.sumdiv{
font-size: 14px;
border-radius: 5px;
background: #fff2e0;
padding: 10px 5px;
color:black;
margin: 8px 0;
position: relative;
align-items: center;
}

/*kvitto bilder*/
.Kvittoimg {
margin-right: 10px;
width: 70px;
height: 85px;
object-fit: cover;
}
p.siumtext{
margin: 0;
}

/*kvitto reset button*/
.reset-btn {
padding: 5px;
color:black;
font-size: 17px;
border: none;
background: none;
top: 0;
right: 0;
position: absolute;
}
.reset-btn:hover{
border: none;
background: none;
color:red;
}
#textarea {
  margin-top: 10px;
  border-radius: 8px;
  border: solid 2px #C69A65; 
}
.totalkvitto{
  max-height: 700px; 
}
.orderbutton{
  padding:10px 15px;
background: #394a58;
color: white;
border-radius: 5px;
border:solid 2px #a58556;
}
.orderbutton:hover{
  background-color: #c69a65;
  border:solid 2px #a58556;
}

/* Styles for the popup container */
.popup-container {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
justify-content: center;
align-items: center;
z-index: 9999;
}
.popup-content {
width:80%;
background-color: white;
padding: 20px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.closePopupButton {
background-color: #ccc !important;
position: absolute;
top: 2%;
right: 2%;
}
.showpopup {
    background-color: transparent !important;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
}
.openpopupinfoo{
width: 30px;
height: 30px;
stroke: #c69a65;
}
.openpopupinfoo:hover {
stroke: #393e46;
}
.closepopupicon {
width: 35px;
height: 35px;
stroke: #c69a65;
}
.closepopupicon:hover {
stroke: #c69a65;
}
.wp-block-uagb-faq{width:100%}.wp-block-uagb-faq.uagb-faq-layout-accordion .uagb-faq-child__outer-wrap .uagb-faq-questions-button{cursor:pointer}.wp-block-uagb-faq .uagb-faq-content{margin-bottom:0}.wp-block-uagb-faq .uagb-faq-content p{margin:auto}.uagb-faq-layout-grid.uagb-faq-equal-height.uagb-faq__wrap .uagb-faq-child__outer-wrap,.uagb-faq-layout-grid.uagb-faq-equal-height.uagb-faq__wrap .uagb-faq-item{height:100%}body[class*="astra"] .uagb-faq-questions{line-height:normal}.uagb-faq-item{overflow:hidden}
.wp-block-uagb-faq-child .uagb-faq-questions-button{display:flex;align-items:center}.wp-block-uagb-faq-child .uagb-faq-questions-button .uagb-faq-icon-wrap{display:flex;align-items:center}.wp-block-uagb-faq-child .uagb-faq-questions-button .uagb-question{width:100%;margin-top:0;margin-bottom:0}.wp-block-uagb-faq-child .uagb-icon svg,.wp-block-uagb-faq-child .uagb-icon-active svg{width:15px;height:15px;font-size:15px}.wp-block-uagb-faq-child.uagb-faq-child__outer-wrap.uagb-faq-item .uagb-icon-active,.wp-block-uagb-faq-child.uagb-faq-child__outer-wrap.uagb-faq-item.uagb-faq-item-active .uagb-icon,.wp-block-uagb-faq-child.uagb-faq-child__outer-wrap .uagb-faq-item .uagb-icon-active,.wp-block-uagb-faq-child.uagb-faq-child__outer-wrap .uagb-faq-item.uagb-faq-item-active .uagb-icon{display:none;width:0;padding:0;height:0;margin:0}.wp-block-uagb-faq-child.uagb-faq-child__outer-wrap.uagb-faq-item .uagb-icon,.wp-block-uagb-faq-child.uagb-faq-child__outer-wrap.uagb-faq-item.uagb-faq-item-active .uagb-icon-active,.wp-block-uagb-faq-child.uagb-faq-child__outer-wrap .uagb-faq-item .uagb-icon,.wp-block-uagb-faq-child.uagb-faq-child__outer-wrap .uagb-faq-item.uagb-faq-item-active .uagb-icon-active{display:flex;width:auto;height:auto}.uagb-faq-layout-grid .uagb-faq-child__outer-wrap.uagb-faq-item .uagb-icon,.uagb-faq-layout-grid .uagb-faq-child__outer-wrap.uagb-faq-item.uagb-faq-item-active .uagb-icon-active,.uagb-faq-layout-grid .uagb-faq-child__outer-wrap .uagb-faq-item .uagb-icon,.uagb-faq-layout-grid .uagb-faq-child__outer-wrap .uagb-faq-item.uagb-faq-item-active .uagb-icon-active{display:none}.uagb-faq-layout-grid .uagb-faq-child__outer-wrap.uagb-faq-item span.uagb-icon-active.uagb-faq-icon-wrap,.uagb-faq-layout-grid .uagb-faq-child__outer-wrap.uagb-faq-item.uagb-faq-item-active .uagb-icon-active,.uagb-faq-layout-grid .uagb-faq-child__outer-wrap .uagb-faq-item span.uagb-icon-active.uagb-faq-icon-wrap,.uagb-faq-layout-grid .uagb-faq-child__outer-wrap .uagb-faq-item.uagb-faq-item-active .uagb-icon-active{display:none}
.uagb-block-9f1aabdb .uagb-icon svg{width: 16px;height: 16px;font-size: 16px;fill: var(--ast-global-color-5);}.uagb-block-9f1aabdb .uagb-icon-active svg{width: 16px;height: 16px;font-size: 16px;fill: var(--ast-global-color-5);}.uagb-block-9f1aabdb .uagb-faq-child__outer-wrap{margin-bottom: 10px;}.uagb-block-9f1aabdb .uagb-faq-item{background-color: var(--ast-global-color-3);border-top-left-radius: 5px;border-top-right-radius: 5px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;border-color: #D2D2D2;border-style: none;}.uagb-block-9f1aabdb .uagb-faq-item .uagb-question{color: var(--ast-global-color-5);}.uagb-block-9f1aabdb .uagb-faq-questions-button{padding-top: 15px;padding-bottom: 15px;padding-right: 15px;padding-left: 15px;}.uagb-block-9f1aabdb .uagb-faq-content{padding-top: 0px;padding-bottom: 15px;padding-right: 15px;padding-left: 15px;}.uagb-block-9f1aabdb .uagb-faq-content span{margin-top: 0px;margin-bottom: 15px;margin-right: 15px;margin-left: 15px;}.uagb-block-9f1aabdb.uagb-faq-icon-row .uagb-faq-item .uagb-faq-icon-wrap{margin-right: 10px;}.uagb-block-9f1aabdb.uagb-faq-icon-row-reverse .uagb-faq-item .uagb-faq-icon-wrap{margin-left: 10px;}.uagb-block-9f1aabdb .uagb-faq-item:hover .uagb-icon svg{fill: var(--ast-global-color-5);}.uagb-block-9f1aabdb .uagb-faq-item .uagb-faq-questions-button.uagb-faq-questions{flex-direction: row-reverse;}.uagb-block-9f1aabdb .uagb-faq-item .uagb-faq-content{color: var(--ast-global-color-5);}.uagb-block-9f1aabdb .wp-block-uagb-faq-child.uagb-faq-child__outer-wrap .uagb-faq-content {display: none;}@media only screen and (max-width: 976px) {.uagb-block-9f1aabdb.uagb-faq-icon-row .uagb-faq-item .uagb-faq-icon-wrap{margin-right: 10px;}.uagb-block-9f1aabdb.uagb-faq-icon-row-reverse .uagb-faq-item .uagb-faq-icon-wrap{margin-left: 10px;}.uagb-block-9f1aabdb .uagb-faq-questions-button{padding-top: 10px;padding-bottom: 10px;padding-right: 10px;padding-left: 10px;}.uagb-block-9f1aabdb .uagb-faq-content{padding-top: 10px;padding-bottom: 10px;padding-right: 10px;padding-left: 10px;}.uagb-block-9f1aabdb .uagb-faq-content span{margin-top: 10px;margin-bottom: 10px;margin-right: 10px;margin-left: 10px;}.uagb-block-9f1aabdb .uagb-faq-item{border-style: none;border-color: #D2D2D2;}}@media only screen and (max-width: 767px) {.uagb-block-9f1aabdb.uagb-faq-icon-row .uagb-faq-item .uagb-faq-icon-wrap{margin-right: 10px;}.uagb-block-9f1aabdb .uagb-faq-item{border-style: none;border-color: #D2D2D2;}.uagb-block-9f1aabdb.uagb-faq-icon-row-reverse .uagb-faq-item .uagb-faq-icon-wrap{margin-left: 10px;}.uagb-block-9f1aabdb .uagb-faq-questions-button{padding-top: 10px;padding-bottom: 10px;padding-right: 10px;padding-left: 10px;}.uagb-block-9f1aabdb .uagb-faq-content{padding-top: 10px;padding-bottom: 10px;padding-right: 10px;padding-left: 10px;}.uagb-block-9f1aabdb .uagb-faq-content span{margin-top: 10px;margin-bottom: 10px;margin-right: 10px;margin-left: 10px;}}.uag-blocks-common-selector{z-index:var(--z-index-desktop) !important}@media (max-width: 976px){.uag-blocks-common-selector{z-index:var(--z-index-tablet) !important}}@media (max-width: 767px){.uag-blocks-common-selector{z-index:var(--z-index-mobile) !important}}