/* Tulip Tower V48.12 — visual polish only
   Loaded last to avoid clashes with older theme layers. */

:root{
  --tt4812-gold:#e4c58c;
  --tt4812-gold-deep:#c99f58;
  --tt4812-navy:#073449;
  --tt4812-navy-2:#0b4357;
  --tt4812-ivory:#f7f3eb;
  --tt4812-mist:#eef3f0;
}

/* 1) Resident login accent */
body.tt-home .hero-v30-action-secondary span{
  color:#e4c58c!important;
}
body.tt-home .hero-v30-action-secondary:hover span{color:#f0d8aa!important}

/* 2) Homepage slogan — Noto Serif Display */
body.tt-home .hero-v31-title.hero-v31-title-noto,
body.tt-home .hero-v31-title.hero-v31-title-noto>span,
body.tt-home .hero-v31-title.hero-v31-title-noto .hero-v31-title-single{
  font-family:"Noto Serif Display",Georgia,serif!important;
  font-optical-sizing:auto;
  font-weight:600!important;
  letter-spacing:-.035em!important;
}

/* 3) Resident notices — illustrated hero + tighter featured area */
body.tt-notice-page .notice35-hero{
  isolation:isolate;
  min-height:390px;
  padding:142px 0 58px;
  background:
    linear-gradient(90deg,rgba(248,245,238,.98) 0%,rgba(248,245,238,.96) 37%,rgba(248,245,238,.78) 57%,rgba(7,52,73,.18) 100%),
    url("../images/hero-tulip-premium.png") center 58%/cover no-repeat!important;
}
body.tt-notice-page .notice35-hero:before{
  right:-88px;top:54px;width:430px;height:390px;
  border-color:rgba(205,165,96,.32);border-left-color:transparent;border-bottom-color:transparent;
}
body.tt-notice-page .notice35-hero:after{
  right:7%;top:49%;width:138px;height:138px;
  background:rgba(255,255,255,.38);box-shadow:0 0 0 30px rgba(255,255,255,.09);
  backdrop-filter:blur(2px);
}
body.tt-notice-page .notice35-hero__copy{max-width:760px}
body.tt-notice-page .notice35-hero__copy h1{max-width:720px!important}
body.tt-notice-page .notice35-hero__copy p{max-width:650px;color:#52676d!important}
body.tt-notice-page .notice35-hero__count{
  padding:22px 0 10px 32px;
  background:linear-gradient(90deg,rgba(255,255,255,.18),rgba(255,255,255,.48));
  border-radius:0 18px 18px 0;
}

@media(min-width:941px){
  body.tt-notice-page .notice35-layout{
    grid-template-columns:minmax(0,1.48fr) minmax(335px,.62fr)!important;
    gap:30px!important;
  }
  body.tt-notice-page .notice35-featured{
    grid-template-columns:minmax(240px,.74fr) minmax(0,1.26fr)!important;
    min-height:244px!important;
    padding:12px!important;
    border:1px solid rgba(18,63,76,.08);
  }
  body.tt-notice-page .notice35-featured__media{min-height:220px!important}
  body.tt-notice-page .notice35-featured__copy{padding:14px 26px 12px!important}
  body.tt-notice-page .notice35-featured h2{margin-top:12px!important;font-size:clamp(24px,1.8vw,29px)!important;line-height:1.16!important}
  body.tt-notice-page .notice35-featured__copy>p{margin-top:9px!important;line-height:1.58!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  body.tt-notice-page .notice35-read{margin-top:15px!important}
  body.tt-notice-page .notice35-login{padding:27px 28px 24px!important;border-radius:20px!important}
  body.tt-notice-page .notice35-login>p{margin:17px 0 19px!important;line-height:1.62!important}
}

/* Professional detail arrows */
body.tt-notice-page .notice35-arrow-svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.tt-notice-page .notice35-read b{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:rgba(7,52,73,.08);transition:transform .28s ease,background .28s ease,color .28s ease}
body.tt-notice-page .notice35-read:hover b{transform:translateX(4px);background:var(--tt4812-navy);color:#fff}
body.tt-notice-page .notice35-item__arrow{
  width:42px!important;height:42px!important;
  border:1px solid rgba(7,52,73,.11);
  box-shadow:0 6px 18px rgba(7,52,73,.06);
}
body.tt-notice-page .notice35-item:hover .notice35-item__arrow{transform:translateX(3px) scale(1.04)!important}
body.tt-notice-page .notice35-quick a b{display:grid;width:30px;height:30px;flex:0 0 auto;place-items:center;border-radius:50%;background:#f3efe7;color:var(--tt4812-navy);transition:.25s ease}
body.tt-notice-page .notice35-quick a:hover b{background:var(--tt4812-navy);color:#fff;transform:translate(2px,-2px)}
body.tt-notice-page .notice35-arrow-svg.is-diagonal{width:15px;height:15px}

/* 4) Gallery — warmer, more layered palette */
body.tt-v33-gallery-index{background:#f5f2eb!important}
body.tt-v33-gallery-index .v33-gallery-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 20%,rgba(228,197,140,.18),transparent 28%),
    radial-gradient(circle at 12% 82%,rgba(92,139,139,.14),transparent 30%),
    linear-gradient(135deg,#082f43 0%,#0b4152 53%,#123f46 100%)!important;
}
body.tt-v33-gallery-index .v33-gallery-hero:before{
  content:"";position:absolute;inset:auto -8% -42% auto;width:520px;height:520px;border-radius:50%;
  border:1px solid rgba(228,197,140,.18);box-shadow:0 0 0 56px rgba(255,255,255,.025);pointer-events:none;
}
body.tt-v33-gallery-index .v33-gallery-hero__grid{position:relative;z-index:1}
body.tt-v33-gallery-index .v33-gallery-hero__intro h1{color:#fff!important}
body.tt-v33-gallery-index .v33-gallery-hero__intro>p{color:rgba(238,246,244,.72)!important}
body.tt-v33-gallery-index .v33-kicker{color:var(--tt4812-gold)!important}
body.tt-v33-gallery-index .v33-gallery-stats{border-color:rgba(228,197,140,.28)!important}
body.tt-v33-gallery-index .v33-gallery-stats strong{color:var(--tt4812-gold)!important}
body.tt-v33-gallery-index .v33-gallery-stats span{color:rgba(238,246,244,.72)!important}
body.tt-v33-gallery-index .v33-featured-album{
  border:1px solid rgba(228,197,140,.32)!important;
  box-shadow:0 26px 70px rgba(2,25,37,.28)!important;
}
body.tt-v33-gallery-index .v33-gallery-index{
  background:
    radial-gradient(circle at 6% 14%,rgba(228,197,140,.10),transparent 24%),
    linear-gradient(180deg,#f7f4ee 0%,#eef3f0 100%)!important;
}
body.tt-v33-gallery-index .v33-gallery-toolbar{border-bottom-color:rgba(11,65,82,.11)!important}
body.tt-v33-gallery-index .v33-gallery-toolbar>div>span{color:#9b7846!important}
body.tt-v33-gallery-index .v33-album-filter button{
  background:rgba(255,255,255,.72)!important;border-color:rgba(11,65,82,.13)!important;color:#45616a!important;
  box-shadow:0 6px 18px rgba(10,49,62,.035);
}
body.tt-v33-gallery-index .v33-album-filter button.active,
body.tt-v33-gallery-index .v33-album-filter button:hover{background:#0a3c50!important;border-color:#0a3c50!important;color:#fff!important}
body.tt-v33-gallery-index .v33-album-card{
  border:1px solid rgba(11,65,82,.09)!important;
  background:rgba(255,255,255,.90)!important;
  box-shadow:0 14px 38px rgba(7,52,73,.055)!important;
}
body.tt-v33-gallery-index .v33-album-card:hover{box-shadow:0 24px 56px rgba(7,52,73,.11)!important}
body.tt-v33-gallery-index .v33-album-card__count{background:rgba(7,52,73,.86)!important;color:#f4dfb5!important}
body.tt-v33-gallery-index .v33-album-card__link{color:#9a7340!important}
body.tt-v33-gallery-index .v33-album-card__link span{display:inline-grid;width:26px;height:26px;place-items:center;margin-left:5px;border-radius:50%;background:#f0e8da;color:#0a3c50;transition:.25s ease}
body.tt-v33-gallery-index .v33-album-card__link:hover span{transform:translateX(3px);background:#0a3c50;color:#fff}

@media(max-width:940px){
  body.tt-notice-page .notice35-hero{min-height:0;background-position:64% 50%!important}
  body.tt-notice-page .notice35-hero:after{opacity:.32}
}
@media(max-width:720px){
  body.tt-notice-page .notice35-hero{
    padding-top:114px!important;
    background:
      linear-gradient(180deg,rgba(248,245,238,.96) 0%,rgba(248,245,238,.93) 72%,rgba(248,245,238,.88) 100%),
      url("../images/hero-tulip-premium.png") 72% center/cover no-repeat!important;
  }
  body.tt-notice-page .notice35-hero__count{background:transparent;border-radius:0}
  body.tt-notice-page .notice35-featured{border-color:rgba(18,63,76,.08)}
  body.tt-v33-gallery-index .v33-gallery-hero:before{width:300px;height:300px;right:-30%;bottom:-24%}
}
