/* Queensland Wine: delightful details. Final states are the defaults; motion only runs under .qw-motion,
   which the script sets only when the visitor has not asked for reduced motion. */

/* 1. Highlighter under a word (the hero's "together.") */
.qw-hl{background:linear-gradient(transparent 62%, rgba(232,168,32,.85) 62%, rgba(232,168,32,.85) 92%, transparent 92%) no-repeat 0 0 / 100% 100%;color:inherit;padding:0 .08em}
.qw-motion .qw-hl{background-size:0% 100%;transition:background-size .9s cubic-bezier(.6,.05,.2,1) .4s}
.qw-motion .qw-hl.qw-in{background-size:100% 100%}

/* 2. The gold line draws itself and ends in a dot */
.qw-line{position:relative;overflow:hidden}
.qw-line::after{content:"";position:absolute;right:24px;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:#16222A;z-index:2}
.qw-motion .qw-line::before{content:"";position:absolute;inset:0;background:#FBF7EF;transform-origin:right;z-index:1}
.qw-motion .qw-line::after{opacity:0}
.qw-motion .qw-line.qw-in::before{transform:scaleX(0);transition:transform 1.1s cubic-bezier(.6,.05,.2,1)}
.qw-motion .qw-line.qw-in::after{opacity:1;transition:opacity .2s linear 1s}
.qw-line-top{position:relative}
.qw-line-top::before{content:"";position:absolute;left:0;top:0;height:24px;width:100%;background:#E8A820;transform-origin:left}
.qw-motion .qw-line-top::before{transform:scaleX(0);transition:transform 1.1s cubic-bezier(.6,.05,.2,1)}
.qw-motion .qw-line-top.qw-in::before{transform:scaleX(1)}

/* 3. Buttons that press */
.wp-element-button,.wp-block-button__link{transition:transform .12s ease, filter .12s ease, background-color .2s ease, color .2s ease}
.wp-element-button:active,.wp-block-button__link:active{filter:brightness(.92)}
@media (prefers-reduced-motion: no-preference){
  .wp-element-button:active,.wp-block-button__link:active{transform:scale(.96)}
}

/* 4. Priority tiles lift, and their gold edge thickens.
   The extra gold is an inset shadow, not a wider border, so a tile's height
   never changes and the tallest tiles do not push the page down. */
.qw-tile{transition:transform .25s ease, box-shadow .25s ease}
.qw-tile:hover{box-shadow:inset 0 4px 0 var(--wp--preset--color--gold,#E8A820), 0 10px 24px rgba(13,54,63,.12)}
@media (prefers-reduced-motion: no-preference){ .qw-tile:hover{transform:translateY(-4px)} }

/* 5. The menu's gold underline slides in under the hovered item */
.wp-block-navigation .wp-block-navigation-item__content{position:relative}
.wp-block-navigation .wp-block-navigation-item__content::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:#E8A820;transform:scaleX(0);transform-origin:left}
.wp-block-navigation .wp-block-navigation-item__content:hover::after,
.wp-block-navigation .wp-block-navigation-item__content:focus-visible::after{transform:scaleX(1)}
@media (prefers-reduced-motion: no-preference){ .wp-block-navigation .wp-block-navigation-item__content::after{transition:transform .25s ease} }

/* 6. Media cards settle flat like paper */
@media (prefers-reduced-motion: no-preference){
  .wp-block-post-template .wp-block-post-featured-image{transform:rotate(-1.2deg);transition:transform .3s ease}
  .wp-block-post-template li:nth-child(even) .wp-block-post-featured-image{transform:rotate(1deg)}
  .wp-block-post-template li:hover .wp-block-post-featured-image{transform:rotate(0)}
}

/* 7. The pull quote's opening mark stamps in, with a faint second print */
.wp-block-pullquote blockquote{position:relative}
.wp-block-pullquote blockquote::before{content:"\201C";display:block;font-family:Sora,Arial,sans-serif;font-weight:600;font-size:5rem;line-height:.8;color:#E8A820;text-shadow:3px 2px 0 rgba(232,168,32,.28)}
.qw-motion .wp-block-pullquote blockquote::before{opacity:0;transform:scale(1.6) rotate(-8deg)}
.qw-motion .wp-block-pullquote.qw-in blockquote::before{opacity:1;transform:none;transition:transform .32s cubic-bezier(.3,1.6,.5,1), opacity .15s linear}

/* 8. A pin drops onto buttons that go to the map */
.qw-pin{width:1.05em;height:1.05em;margin-right:.45em;vertical-align:-.15em;fill:#E8A820;stroke:none}
.qw-pin circle{fill:#FBF7EF}
.qw-motion .qw-pin-button .qw-pin{transform:translateY(-60px);opacity:0}
.qw-motion .qw-pin-button.qw-in .qw-pin{transform:none;opacity:1;transition:transform .55s cubic-bezier(.3,1.5,.5,1) .2s, opacity .1s linear .2s}

/* 9. A pen tick beside "approved by a person" */
.qw-tick{width:1.1em;height:1.1em;vertical-align:-.2em;fill:none;stroke:#E8A820;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.qw-tick path{stroke-dasharray:30;stroke-dashoffset:0}
.qw-motion .qw-ai-note .qw-tick path{stroke-dashoffset:30}
.qw-motion .qw-ai-note.qw-in .qw-tick path{stroke-dashoffset:0;transition:stroke-dashoffset .6s ease .3s}

/* 10. Award headers set as live type that slaps on */
.qw-slap{display:inline-block}
.qw-gold-block{background:#E8A820;color:#16222A;padding:0 .15em}
.qw-motion .qw-slap{opacity:0;transform:scale(1.25) rotate(-3deg)}
.qw-motion .qw-slap.qw-in{opacity:1;transform:none;transition:transform .4s cubic-bezier(.3,1.6,.5,1), opacity .15s linear}
body.postid-4892 .wp-block-post-featured-image,
body.postid-4893 .wp-block-post-featured-image{display:none}

/* Default buttons: cream on teal, gold with ink on hover (buttons given their own colours keep them) */
.wp-block-button__link:not(.has-text-color){color:#FBF7EF}
.wp-block-button__link:not(.has-background){background-color:#1F5F73}
.wp-block-button__link:not(.has-background):hover,
.wp-block-button__link:not(.has-background):focus-visible{background-color:#E8A820;color:#16222A}