/*
Theme Name: pada-3
Author: Valju Aloel
Author URI: http://aloel.ee/
Description: Toidupaja Wordpressi teema
Version: 3.28.0
*/

/* latin-ext */
@font-face {
    font-family: 'Berkshire Swash';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/berkshireswash/v16/ptRRTi-cavZOGqCvnNJDl5m5XmN_pM4zXX4.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Berkshire Swash';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/berkshireswash/v16/ptRRTi-cavZOGqCvnNJDl5m5XmN_qs4z.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family:"adobe-kis-variable";
    src:url("https://use.typekit.net/af/6f803e/000000000000000077572a99/31/l?primer=b499f16570751173867e07e62cf369c961b0102a4236803c050a7ab95033073f&fvd=i3&v=3") format("woff2"),url("https://use.typekit.net/af/6f803e/000000000000000077572a99/31/d?primer=b499f16570751173867e07e62cf369c961b0102a4236803c050a7ab95033073f&fvd=i3&v=3") format("woff"),url("https://use.typekit.net/af/6f803e/000000000000000077572a99/31/a?primer=b499f16570751173867e07e62cf369c961b0102a4236803c050a7ab95033073f&fvd=i3&v=3") format("opentype");
    font-display:swap;font-style:italic;font-weight:300 800;font-stretch:normal;
    }
    
    @font-face {
    font-family:"adobe-kis-variable";
    src:url("https://use.typekit.net/af/0dea8f/000000000000000077572a9b/31/l?primer=b499f16570751173867e07e62cf369c961b0102a4236803c050a7ab95033073f&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/0dea8f/000000000000000077572a9b/31/d?primer=b499f16570751173867e07e62cf369c961b0102a4236803c050a7ab95033073f&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/0dea8f/000000000000000077572a9b/31/a?primer=b499f16570751173867e07e62cf369c961b0102a4236803c050a7ab95033073f&fvd=n3&v=3") format("opentype");
    font-display:swap;font-style:normal;font-weight:300 800;font-stretch:normal;
    }


    :root {
        --p-max-width: 1000px;
        --pajapruun: #413c35;
        --pajakreem: #ede2cf;
        --pooltaust: #ffffff2d;    
    }

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
    scrollbar-width: thin;
    scrollbar-color: var(--pajapruun) var(--pajakreem);
    scroll-behavior: smooth;
    color-scheme: light;
    
}

body {
	margin: 0;
	line-height: 1.62;
	padding-inline: 2vw;
	min-height: 100svh;
	background: var(--pajakreem) url(pildid/keskmine-mobiil.webp) repeat-y center;
	color: var(--pajapruun);
	text-rendering: optimizeSpeed;
	font-family: "adobe-kis-variable", sans-serif;
    font-size: 1.1rem;
    font-weight: 400;
	padding-block-start: .6rem;
}

img,
picture,
svg,
video {
  display: block;
  max-width: 100%;
}

main img {
	
    box-shadow: 1px 1px 20px #c0a27f78;
}




h1,
h2,
h3,
h4,
h5,
h6 {
  text-wrap: balance;
  font-family: 'Berkshire Swash', cursive;
  font-weight: 400;
  text-align: center;
}

h1 {
	font-size: 1.45rem;
	
}
h2 {
    font-size: 1.3rem;
}
h3 {
    font-size: 1.2rem;
}
h4 {
    font-size: 1.1rem;
}
h5 {
    font-size: 1rem;
}
h6 {
    font-size: .9rem;
}


p, .wp-block-list li, blockquote {
  max-width: var(--p-max-width, 1000px);
  text-wrap: pretty;
  margin-inline: auto;
  
}
li p {
	margin: 0;
}

a, a:visited {
    color: black;
    text-decoration: underline solid #404040;
}

b, strong {
    font-weight: 600;
}

.site-title, .site-description {
    position: absolute;
    clip-path: circle(0);
}

.logo {
	background: url(pildid/toidupada-logo.svg) center no-repeat;
	height: auto;
	width: min(80vw, 470px);
	margin-inline: auto;
	display: flex;
	margin-block: 7vh;
	background-size: contain;
	aspect-ratio: 4413/1683;
    filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.3));
}

.päisepildid {
    --päiselaius: min(100%, 100vw, 1380px);
	display: flex;
    flex-wrap: nowrap;
    aspect-ratio: 1375/287;
    width: var(--päiselaius);
	overflow: visible;
    margin-block: 4vh;
}

.päisepildid img {
                max-width: calc(var(--päiselaius) * 0.25);
                height: auto;
                object-fit: contain;
                object-position: center;
                transition: rotate 2s;
                
            }  

            .päisepildid img:nth-child(odd) {
            rotate: 10deg;
        }
        .päisepildid img:nth-child(even) {
            rotate: -10deg;
        }

        .päisepildid img:nth-child(1) {
            margin-inline-start: 0;
            z-index: 1;
        }
        .päisepildid img:nth-child(2) {
            margin-inline-start: calc( var(--päiselaius) / -8);
            z-index: 2;
        }
        .päisepildid img:nth-child(3) {
            margin-inline-start: calc( var(--päiselaius) / -9);
            z-index: 3;
        }
        .päisepildid img:nth-child(4) {
            margin-inline-start: calc( var(--päiselaius) / -11);
            z-index: 2;
        }
        .päisepildid img:nth-child(5) {
            margin-inline-start: calc( var(--päiselaius) / -12);
            z-index: 1;
        }
        .päisepildid img:nth-child(6) {
            margin-inline-start: calc( var(--päiselaius) / -11); 
            z-index: 0;
        }

        .päisepildid img:hover {
            rotate: 1deg;
            transition: rotate 2s, z-index .5s;
            z-index: 4;
            
        }



        /* Päise menüüd */

        .menu-pea-container, .menu-main-container {
            max-width: 96%;
            margin-inline: auto;
        }
        
        
        .menu {
            list-style: none;
            padding: 0;
            margin: 0;
            display: flex;
            flex-flow: wrap;
            font-family: "adobe-kis-variable", sans-serif;
        font-weight: 400;
        font-style: normal;
        }
        
        
        .menu a {
            text-decoration: none;
            height: 48px;
            display: grid;
            place-content: center;           
        
        }


        .menu a[aria-current] {
            font-weight: 400;
            text-decoration: underline solid;
        }
        #menu-lang {
            justify-content: end;
            gap: .4rem;
        }
        .menu-item-865, .menu-item-866 {
            text-indent: -9999px;
            content: ' ';
            background-repeat: no-repeat;
            background-position: center;
            width: 36px;
            height: 48px;
            padding: 0;
            margin: 0;
            background-size: 2.4rem;
        }
        
        .menu-item-865 {background-image: url(pildid/facebook.svg);}
        .menu-item-866 {background-image: url(pildid/instagram.svg);}
        .current-lang {text-decoration: underline;text-decoration-style: double;
        }
        
        #menu-pea, #menu-main {
            display: flex;
            justify-content: center;
            gap: .6rem;
        }   
        #menu-pea a, #menu-main a {
            padding: 0 1rem;
            border-radius: 8px;
            background-color: var(--pajapruun);
            color: var(--pajakreem);
            height: 40px;
            place-content: center;
            border: 1px dotted var(--pooltaust);
            box-shadow: 1px 1px 20px #c0a27f78;
        
        }
        
        #menu-pea a:hover, #menu-main a:hover, .tabset > label:hover {
            
            transition: color 0.5s, background 2.2s;
            color: var(--pajapruun);
            background: var(--pajakreem);
            border: 1px solid
        }

        .menu-main-container {
	top: 1rem;
	position: sticky;
	z-index: 1111;
}

        .wp-block-gallery, .wp-block-gallery + .wp-block-heading {

            margin-block-start: 3rem;
        }
        
        .wp-block-group {
            gap: 2rem;
        }

        .widget { 	margin-block-start: 3rem;
        }
        
        .hf-fields-wrap {
            display: grid;
            gap: .4rem;
            grid-template-columns: 70px auto;
            max-width: 600px;
            margin-inline: auto;
        }

        @media (max-width: 850px) {

            .wp-block-media-text.is-stacked-on-mobile {
                display: block;
            }
        
            .wp-block-media-text > .wp-block-media-text__content {
        
                padding: 0!important;
        
            }
        }

        .kiitus {
            background: var(--pajakreem);
            color: #413c35;
            padding: 1rem;
            border-radius: 1rem;
            border: 1px solid #413c3536;
            text-align: center;
            margin-block-start: 1rem;
            font-style: italic;
        }

        .aktiiv {
            background: var(--pooltaust);
            padding: 1rem;
            border: 1px solid #413c3536;
            margin-block-start: 1rem;
            border-radius: 12px;
            box-shadow: 1px 1px 20px #c0a27f78;
        }

        

        /* lehesisene menüü */

.tabset > input[type="radio"] {
    position: absolute;
    left: -200vw;
  }
  
  .tabset .tab-panel {
    display: none;
  }
  
  .tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
  .tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
  .tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
  .tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
  .tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
  .tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
    display: block;
  }

  .tabset {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    gap: .6rem;
    margin-block: 2rem;
    margin-inline: auto;
    scroll-margin-block-start: 1rem;
  }


  .tabset > label {

    cursor: pointer;
    padding: 0 1rem;
  border-radius: 8px;
  background-color: var(--pajapruun);
  color: var(--pajakreem);
  height: 40px;
  place-content: center;
  border: 1px dotted var(--pooltaust);
  box-shadow: 1px 1px 20px #c0a27f78;
  }




  label[for="tab1"] {
	display: none;
}
.tab-panels {
	width: 100%;
}

.wp-block-button__link.wp-element-button, .wp-block-details summary  {

    cursor: pointer;
    padding: 0 1rem;
  border-radius: 8px;
  background-color: var(--pajakreem);
  color: var(--pajapruun);
  font-size: .8rem;
  height: 40px;
  place-content: center;
  border: 1px dotted var(--pooltaust);
  box-shadow: 1px 1px 20px #c0a27f78;

}

/* Hinnakirjade vormindused */

.nb::before, .pakett h1::before {
	content: ' ';
	background: url(pildid/pisipada.png) center no-repeat;
	background-size: contain;
	height: 1rem;
	aspect-ratio: 1;
	display: inline-grid;
	background-position: center;
	margin-inline-end: .4rem;
}

.hind {
	font-weight: 700;
  font-size: 1.2rem;
color:var(--pajapruun);

}


/* Osta kaasa */
.wp-block-latest-posts__list.wp-block-latest-posts {
	display: grid;
	gap: .6rem;
	grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
	margin-block: 2rem;
	box-sizing: border-box;
	justify-content: center;
	width: 100%;
    pointer-events: none;
}
.wp-block-latest-posts__list.wp-block-latest-posts li {
	border: 1px dotted var(--pooltaust);
	box-shadow: 1px 1px 20px #c0a27f78;
	background: var(--pooltaust);
	padding: .8rem;
	border-radius: 6px;
}
.wp-block-latest-posts__post-title {
	
	text-decoration: none;
	font-family: 'Berkshire Swash', cursive;
	font-weight: 400;
	font-size: 1.1rem;
}
.wp-block-latest-posts__post-full-content img {
	margin-block-end: .8rem;
    
}
.wp-block-latest-posts__post-full-content  p {
	margin-block: 1rem;
}

.wp-block-latest-posts__post-full-content p:last-child {
    font-weight: 700;
    font-size: 1.2rem;
    padding-block-start: 1rem;
}
.wp-block-details {
	pointer-events: all;
}
.wp-block-details .wp-block-list {
    padding-inline-start: 1rem;

}
.wp-block-details .wp-block-list li {
	background: none;
	border: none;
	box-shadow: none;
	padding-inline-start: 0;
	margin-inline-start: 0;
}


/* toidumenüüd kastides */

.kastihoidja {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	margin-block: 2rem;
}

.kastihoidja > div, #sauna .kastihoidja > p, #aida .kastihoidja > p, #tööait .kastihoidja > p, .kastihoidja > ul, .üksik-kast {
	background: var(--pooltaust);
	border-radius: 12px;
	padding: 5%;
	box-shadow: 1px 1px 20px #c0a27f78;
	border: 1px dotted var(--pooltaust);
    	text-align: center;
	line-height: 2;
	min-height: 200px;
	height: 100%;
    width: 100%;
	display: flex;
	flex-direction: column;
}

.kastihoidja h2 {
	border-block-end: 1px solid #dfd3bf;
	padding-block-end: 2rem;
}

.kastihoidja .hind, .üksik-kast .hind {
	margin-top: auto;
	border-block-start: 1px solid #dfd3bf;
	padding-block-start: 2rem;
	width: 100%;
}

.kastihoidja .hind + p, .kastihoidja .hind:has(+ p) {
    display: flex;
    height: 4rem;
    justify-content: center;
}

#koosta .kastihoidja li, #koosta .kastihoidja p,  .kastihoidja > ul, .üksik-kast {

	text-align: start;
}
.üksik-kast {
	width: max-content;
	margin-inline: auto;
}

#hommiku .kastihoidja .hind {
	border-block-start: none;
	margin-block-end: 2rem;
	padding: 0;
	border-block-end: 1px solid #dfd3bf;
	padding-block-end: 1rem;
}

.kastihoidja.kastihoidja2 > div {
	text-align: start;
}

@media all and (min-width: 450px) {
    .kastihoidja2 {

        grid-template-columns: repeat(auto-fit, minmax(410px, 1fr));
    
    }

}

 




        /* Kontaktivorm */
        input, textarea {
            min-height: 2rem;
            padding: .4rem;
            border-radius: 6px;
            border: 1px dotted var(--pooltaust);
          box-shadow: 1px 1px 20px #c0a27f78;
          background: var(--pooltaust);
          font-family: inherit;
        }
        
        textarea {
            min-height: 5rem;
        }
        input[type="submit"] {
            background: var(--pajapruun);
            color: var(--pajakreem);
            font-size: 1.2rem;
            grid-column: 2;
        }
        
        input:focus-visible , textarea:focus-visible {
            outline: 1px solid var(--pajapruun);
        }
        
        input::placeholder, textarea::placeholder {
            
            
            color: var(--pajapruun);
            text-transform: lowercase;
            font-size: .8rem;
            font-family: "adobe-kis-variable", sans-serif;
            }
        
            *:required:hover {
                background-color: #fff;
                opacity: 0.5;
                transition: opacity 0.5s;
              }
        
              label {
                min-height: 2rem;
                display: flex;
                align-items: center;
                font-size: 1rem;
                
            }
        #kv-KUUPEV, #kv-TEKST {
            width: 100%;
        }

        .hf-message.hf-message-success {
	background: #7a8b4f;
	color: var(--pajakreem);
	display: flex;
	justify-content: center;
	width: auto;
    min-height: 2rem;
  padding: .4rem;
  border-radius: 6px;
  border: 1px dotted var(--pooltaust);
  box-shadow: 1px 1px 20px #c0a27f78;
}



        /* Lehe all */

        footer {

            padding-block-end: 15vh;
        }       

        
address {
	text-align: center;
	font-style: normal;
	font-weight: 400;
	font-size: 1.1rem;
    padding-block-end: 2rem;
}
address a {
	text-decoration: none;
    font-weight: 400;
}
address span {
    display: none;
}

iframe {
	width: 100%;
    border: 1px dotted var(--pooltaust);
    box-shadow: 1px 1px 20px #c0a27f78;
	filter: grayscale(100%) sepia(20%);
	aspect-ratio: 3/1.5;
    border-radius: 6px;
}

/* Fotode lehe pealkirja peitmine */

.page-id-7 h1, .page-id-606 h1 { height: 0; width: 0; overflow: hidden; }



.leader-group {display: none;}

.home .leader-group {
    display: grid;
	padding: 1rem;

	margin-block-start: 3rem;
}

.leader-group p {
	font-size: .8rem;
}


.leader-group img {
    box-shadow: none;
}

.leader h4 {
	font-family: adobe-kis-variable;
    font-variation-settings: "opsz" 18;
    font-weight: 600;
    font-size: .9em;
    text-align: start;
}

/* tagasi */

html[lang="et"] .tagasi span[lang="en-GB"] {
    display: none;
}

html[lang="en-GB"] .tagasi span[lang="et"] {
    display: none;    
}



.tagasi {
	position: sticky;
	bottom: 1rem;
	background: transparent;
	display: grid;
	gap: 1rem;
	justify-content: end;
    z-index: 999;
    padding-inline-end: 2cqw;
}

.tagasi > div {
	display: grid;
	gap: .2rem;
	text-align: center;
}

.tagasi a {
    display: flex;
	border-radius: 50%;
	height: 48px;
	width: 48px;
	background: var(--pajapruun) no-repeat center;
	box-shadow: 0 0 4px var(--pajapruun);
}

        .tagasi a:hover {
            box-shadow: 0 0 2px #000;
        }
        .tagasi span {
            background: var(--pajakreem);
            border-radius: 0.3rem;
            font-size: 0.8rem;
        }

        .algusse a {
            background-image: url(pildid/tagasi.svg);
            background-size: 50%;
        }
        .toiduvalikutesse a {
            background-image: url(pildid/aurav-pada.svg);
            background-size: 65%;
        }
        .majavalikutesse a {
            background-image: url(pildid/maja.svg);
            background-size: 60%;
        }
        .ostuvalikutesse a {
            background-image: url(pildid/kook-vaagnal.svg);
            background-size: 60%;
        }
        .paketivalikutesse a {
            background-image: url(pildid/paketid.svg);
            background-size: 60%;
        }

        body .toiduvalikutesse, body .majavalikutesse, body .ostuvalikutesse, body .paketivalikutesse  {
            display: none;
        }
        body:has(#toiduvalikud) .toiduvalikutesse, body:has(#majavalikud) .majavalikutesse, body:has(#ostuvalikud) .ostuvalikutesse,  body:has(#paketivalikud) .paketivalikutesse {
            display: grid;
        }

@media (max-width: 370px) {

.hf-fields-wrap {
	display: flex;
	flex-direction: column;
}}


@media all and (min-width: 666px) {

    html {
        background: url(pildid/moosid.webp) bottom no-repeat fixed, url(pildid/palksein.webp) bottom fixed;
        background-size: contain, cover;
    }

    body {
        background: url(pildid/ulemine-7.webp) top center no-repeat, url(pildid/alumine-7.webp) bottom left -2px no-repeat;
        background-size: contain;
        width: 96%;
        max-width: 1380px;
        margin: 2vh auto 30vh;
        padding: 0 0 130px 0;
    }

    
header {container-type: inline-size;}

.menu-lang-container {
	margin-block-start: .4rem;
}

#menu-lang  {
	margin-inline: 8cqw;
}


main {
    padding-block: 2rem 0;
    background: url(pildid/keskmine.webp) top center repeat-y;
    background-size: 100%;
    container-type: inline-size ;
    padding-inline: min(5vw, 60px);
}


.wp-block-media-text.is-stacked-on-mobile {
    margin-block: 2rem;
    max-width: 1000px;
    margin-inline: auto;
}

address {
    padding-block-end: 0;
}

footer {
    padding-inline: 5vw;
	padding-block: 2rem 0;
    background: url(pildid/keskmine.webp) top center repeat-y;
    background-size: 100%;

}

}

@media (min-width: 730px) {
    address br:first-of-type {
        display: none;
    }

}

@media all and (min-width: 1000px) {

.tabset label {    	position: sticky;
	top: 1rem;
    z-index: 999;
}

    .leader-group {

        grid-template-columns: 1.1fr .9fr;
        gap: 4vw;
        max-width: 1000px;
        margin-inline: auto;
    }

        .leader-group figure {
            grid-column: 1/-1;
        }
        
            .leader-group img {
                max-width: 600px;
                width: 100%;
                margin-inline: auto;
                display: block;
                grid-column: span 2;
                margin-block-end: -5rem;
                box-shadow: none;
            }            
}

@media all and (min-width: 1100px) {

address br {
	display: none;
}
address span {
	display: initial;
}

}