/* ============================================================
   TRIWOLY – Styly pro stránku: Hlavní stránka (body.home)
   Doplněk k style.css a media-queries.css
   ============================================================ */

/* --- Základní styly --- */
body.home .first .half-col,body.svatby .first .half-col{max-width:1280px;vertical-align:top;display:table-cell;background:rgba(248,244,243,.7);text-align:left}
body.home .first .half-col:nth-of-type(odd),body.svatby .first .half-col:nth-of-type(odd){width:50%;padding:40px}
body.home .first .half-col:nth-of-type(even),body.svatby .first .half-col:nth-of-type(even){padding:40px 40px 40px 0}
body.home #fifth p{padding:0}
body.home .catchword{background:#ffffff0d;border-radius:8px;padding:20px;margin:80px 0 0}
body.home .cont_form,body.svatby .cont_form{background:var(--mid-blue)}
body.home .fourth{background:#f8f8f8;border-bottom:3px double #bfbfbf}
body.home ul.list{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin:40px auto;max-width:1000px}
body.svatby ul.list li div,body.home ul.list a li{color:#141b29;letter-spacing:.03em;display:flex;justify-content:space-around;align-items:center;flex-direction:column;flex-wrap:nowrap;align-content:center;font-weight:300;padding:30px;margin:0;font-family:'Open Sans';text-transform:uppercase;flex:1 1 auto;background:#fff}
body.home ul.list li{background:var(--color-bg-light);box-shadow:rgba(17,17,26,0.05) 0 1px 0px,rgba(17,17,26,0.1) 0 0 8px;transition:all .3s;border-radius:10px;font-size:1.25em;display:flex;flex-direction:column;align-items:center;padding:1rem;position: relative}
body.home ul.list li:hover{background:rgba(var(--orange_rgb),.95);color:rgba(255,255,255,.9)}
body.home ul.list li:hover:before{background:#fff;animation:blinkin .6s linear}
body.home ul.list li:before{content:"";display:block;width:100px;height:100px;background-color:var(--orange);margin-bottom:10px;-webkit-mask-size:auto 80px;mask-size:auto 80px}
body.home ul.list li a{position:absolute;inset:0}
body.home ul.list li:nth-child(1):before{-webkit-mask-image:url(../images/cel-rings-love-svgrepo-com.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;mask-image:url(../images/cel-rings-love-svgrepo-com.svg);mask-repeat:no-repeat;mask-position:50% 50%}
body.home ul.list li:nth-child(2):before{-webkit-mask-image:url(../images/event.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;mask-image:url(../images/event.svg);mask-repeat:no-repeat;mask-position:50% 50%}
body.home ul.list li:nth-child(3):before{-webkit-mask-image:url(../images/ples.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;mask-image:url(../images/ples.svg);mask-repeat:no-repeat;mask-position:50% 50%}
body.home ul.list li:nth-child(4):before{-webkit-mask-image:url(../images/cel-balloons-svgrepo-com.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;mask-image:url(../images/cel-balloons-svgrepo-com.svg);mask-repeat:no-repeat;mask-position:50% 50%}body.svatby ul.list li div:before{display:none}
body.svatby .variant,body.home .variant{background:rgba(25,25,25,.2);color:#aaa;backdrop-filter:blur(7px);transition:all 0.4s ease}
body.svatby .variant:hover,body.home .variant:hover{border-color:rgba(255,255,255,.3);transform:scale(1.02);background:rgba(30,30,30,.4);backdrop-filter:blur(12px)}
body.svatby .variant .top-img,body.home .variant .top-img{height:200px;filter:grayscale(30%);transition:all 0.4s ease}
body.home .top-img{height: 270px !important}
body.svatby .variant:hover .top-img,body.home .variant:hover .top-img{filter:grayscale(0%)}
body.svatby .variant:hover .top-img:after,body.home .variant:hover .top-img:after{opacity:.4}
body.svatby .variant .top-img:after,body.home .variant .top-img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.7) 100%);opacity:1;transition:all 0.4s ease}
body.home .variant .obraz-1{background:url(../images/nab-ples.jpg)}
body.home .variant .obraz-2{background:url(../images/nab-svatba.jpg)}
body.home .variant .obraz-3{background:url(../images/nab-oslava.jpg)}
body.svatby .variant h3,body.home .variant h3{line-height:45px;text-shadow:2px 2px 5px rgba(0,0,0,.4)}
body.home .variant h3{margin-top:-54px}
body.svatby .variant .words,body.home .variant .words{padding:30px}
body.svatby .variant p,body.home .variant p{margin-bottom:25px}
body.home .player{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:stretch;gap:40px;padding:40px}
.intro-left .atmosphere-bg{height:100%}

/* --- Responsive --- */
@media screen and (max-width:1000px) {
  body.home #fifth .col-table,body.svatby #fifth .col-table{display:block;padding:0 80px}
  body.home #fifth .half-col,body.svatby #fifth .half-col{width:100%!important;box-shadow:0 0 0 0 rgba(0,0,0,0);padding:0}
  body.home #fifth .main-calendar,body.svatby #fifth .main-calendar{display:block}
  body.home .fifth .full-col{padding:0 20px}
}

@media screen and (max-width:768px) {
  body.home .first,body.svatby .first,.treti,#nabidka,#samples,#cform,#fourth{clip-path:none;margin-top:0}
  body.home ul.list a{flex-direction:row;width:100%;border-radius:8px;font-size:1.5em}
  body.svatby #fifth p,body.home #fifth p{font-size:.7em}
  body.home .fourth{border-bottom:0}
  body.home #fifth .col-table,body.svatby #fifth .col-table{padding:0 20px}
  body.home ul.list{grid-template-columns:repeat(2,1fr);gap:1rem}
  body.home ul.list li{font-size:1em}
  body.home ul.list li:before{width:70px;height:70px;mask-size:auto 70px}
}