/* =========================================================
   TRASD — Design system for the redesigned sections
   (homepage news/calendar/groups/congresses/archive/quicklinks + /etkinlikler)
   Loaded site-wide from View/Layouts/default.ctp.
   Every rule is scoped under .trasd-page so it can NEVER leak into the
   site's existing navbar/header/footer/Bootstrap styles. Every block that
   uses these classes MUST be wrapped in <div class="trasd-page">...</div>.
   ========================================================= */

/* =========================================================
   SITE CHROME — gerçek header/navbar/footer seçicileri
   (View/Layouts/default.ctp içindeki #top-bar, #logo, .navbar, #footer).
   Bunlar .trasd-page kapsamının DIŞINDA, layout tarafından basılıyor,
   bu yüzden bilerek kapsamlandırılmadı — ama sadece bu belirli
   ID/class'ları hedefliyor, genel body/a/h1 gibi seçiciler yok.
   ========================================================= */
body{font-family:'Inter',sans-serif; background-color:#fdf8f2;}
h1, h2, h3, h4, h5, .navbar-brand{font-family:'Space Grotesk',sans-serif;}

#header{position:sticky; top:0; z-index:1000; box-shadow:0 2px 14px rgba(42,43,64,0.12);}
#top-bar{background-color:#2a2b40; font-size:12.5px;}
#top-bar a{opacity:0.85;}
#top-bar a:hover{opacity:1; text-decoration:none;}

/* logo — its own full-width centered row */
.brand-row{background:#fff;}
.site-inner{display:flex; align-items:center; justify-content:space-between; gap:24px; padding:12px 0;}
.brand-link{display:flex; align-items:center; flex-shrink:0;}
.brand-logo{height:42px; width:auto; display:block;}
.site-inner nav.main{float:none; display:flex; flex-wrap:wrap; justify-content:flex-end; margin:0; list-style:none; padding:0; gap:2px;}
.site-inner nav.main > ul{display:flex; flex-wrap:wrap; justify-content:flex-end; margin:0; list-style:none; padding:0; gap:2px;}
.site-inner nav.main .nav{display:flex; flex-wrap:wrap; justify-content:flex-end; margin:0; list-style:none; padding:0;}
.site-inner nav.main .nav > li{float:none; display:inline-block;}
.site-inner nav.main .nav > li > a{font-family:'Inter',sans-serif; font-weight:600; font-size:14px; color:#2a2b40; padding:9px 15px; border-radius:8px; display:block; transition:background-color .15s ease;}
.site-inner nav.main .nav > li > a:hover, .site-inner nav.main .nav > li > a:focus{background-color:#f6e9f2; color:#8f2c74;}
.site-inner nav.main .nav > li.active > a{background-color:#f6e9f2; color:#8f2c74;}
.nav-toggle{display:none; background:#fff; border:1px solid #ece6ec; border-radius:8px; padding:9px 14px; font-size:16px; font-weight:600; color:#2a2b40; cursor:pointer;}
.nav-toggle:hover{border-color:#ad509c; color:#8f2c74;}
@media(max-width:900px){
	.brand-logo{height:34px;}
	.nav-toggle{display:inline-block;}
	.site-inner{flex-wrap:wrap;}
	.site-inner nav.main{display:none; width:100%; order:3;}
	.site-inner nav.main.open{display:block;}
	.site-inner nav.main .nav{flex-direction:column; align-items:stretch; text-align:center; padding-bottom:8px;}
}

/* dropdown menu — match pill/hover language */
.dropdown-menu{border-radius:10px; overflow:hidden; box-shadow:0 10px 30px rgba(42,43,64,0.18); border:1px solid #ece6ec;}
.dropdown-menu > li > a{font-family:'Inter',sans-serif; font-size:13px; font-weight:600; padding:9px 16px;}

#footer{background-color:#2a2b40; height:auto; line-height:1.7; padding:24px 0; font-size:12px; color:#cfc7d6; text-align:center;}
#footer .row-fluid{display:flex; flex-direction:column; align-items:center; gap:4px;}
#footer .row-fluid [class*="span"]{float:none; width:auto; text-align:center;}
#footer a{opacity:0.85; color:#cfc7d6;}
#footer a:hover{opacity:1; text-decoration:underline;}
#footer .span3 a + a{margin-left:6px;}
#footer .span3 a + a::before{content:"·"; margin-right:6px; opacity:0.6;}

/* carousel + journal cover — rounded corners + shadow, matching the demo hero */
#top-carousel{border-radius:20px; overflow:hidden; box-shadow:0 10px 30px rgba(42,43,64,0.18);}
#top-carousel .carousel-cell img{display:block; width:100%; height:100%; object-fit:cover;}
.row-fluid .span3{display:flex; align-items:center; justify-content:center;}
.row-fluid .span3 > a{display:block; width:78%; max-width:210px;}
.row-fluid .span3 > a > img{border-radius:14px; box-shadow:0 10px 30px rgba(42,43,64,0.18); display:block; width:100%; aspect-ratio:210/297; object-fit:cover;}

:root{
  --magenta:#ad509c;
  --magenta-dark:#8f2c74;
  --magenta-tint:#f6e9f2;
  --navy:#3d3f5c;
  --navy-deep:#2a2b40;
  --cream:#fdf8f2;
  --rose:#eec3d8;
  --ink:#332f3d;
  --muted:#726d7c;
  --line:#ece6ec;
  --white:#ffffff;
  --radius:14px;
  --shadow:0 2px 14px rgba(61,26,50,0.08);
  --shadow-lift:0 10px 30px rgba(61,26,50,0.14);
}

.trasd-page{font-family:'Inter',sans-serif;color:var(--ink);}
.trasd-page h1, .trasd-page h2, .trasd-page h3, .trasd-page h4{font-family:'Space Grotesk',sans-serif;margin:0;letter-spacing:-0.01em;}
.trasd-page a{color:inherit;text-decoration:none;}
.trasd-page .trasd-wrap{max-width:1180px;margin:0 auto;padding:0 24px;}

/* section heading row */
.trasd-page .sec-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px;}
.trasd-page .sec-head h2{font-size:19px;color:var(--navy-deep);}
.trasd-page .sec-head .more{font-size:12.5px;font-weight:700;color:var(--magenta-dark);}
.trasd-page .sec-head .more:hover{text-decoration:underline;}

/* main grid: news + calendar */
.trasd-page .grid-main{display:grid;grid-template-columns:1.62fr 1fr;gap:26px;padding:34px 0 6px;align-items:start;}
@media(max-width:900px){.trasd-page .grid-main{grid-template-columns:1fr;}}

.trasd-page .news-list{display:flex;flex-direction:column;}
.trasd-page .news-row{display:flex;align-items:flex-start;gap:11px;padding:13px 4px;border-bottom:1px solid var(--line);transition:padding-left .15s, border-color .15s;}
.trasd-page .news-row:first-child{padding-top:2px;}
.trasd-page .news-row:last-child{border-bottom:none;}
.trasd-page .news-row:hover{padding-left:8px;border-color:var(--magenta);}
.trasd-page .news-dot{width:6px;height:6px;border-radius:50%;background:var(--magenta);flex-shrink:0;margin-top:6px;}
.trasd-page .news-body{min-width:0;flex:1;}
.trasd-page .news-body .news-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;}
.trasd-page .news-body h4, .trasd-page .news-body a{font-size:13.5px;margin:0 0 3px;line-height:1.4;color:var(--navy-deep);font-weight:600;}
.trasd-page .news-body p{font-size:12px;margin:0;line-height:1.5;color:var(--muted);}
.trasd-page .news-body .news-date{font-size:11px;color:var(--muted);opacity:0.8;flex-shrink:0;white-space:nowrap;}

/* calendar card */
.trasd-page .cal-card{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow);}
.trasd-page .cal-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.trasd-page .cal-top h3{font-size:15px;color:var(--navy-deep);}
.trasd-page .cal-nav{display:flex;gap:4px;}
.trasd-page .cal-nav button{width:26px;height:26px;border-radius:7px;border:1px solid var(--line);background:#fff;cursor:pointer;font-size:13px;color:var(--navy-deep);line-height:1;}
.trasd-page .cal-nav button:hover{background:var(--magenta-tint);color:var(--magenta-dark);border-color:var(--magenta);}
.trasd-page .cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center;}
.trasd-page .cal-grid .dow{font-size:10px;color:var(--muted);font-weight:700;padding-bottom:4px;}
.trasd-page .cal-grid .day{position:relative;font-size:12px;padding:6px 0 9px;border-radius:8px;color:var(--ink);display:block;text-decoration:none;}
.trasd-page .cal-grid .day.muted{color:#d3cdd6;}
.trasd-page .cal-grid .day.today{background:var(--navy-deep);color:#fff;font-weight:700;}
.trasd-page .cal-grid a.day{cursor:pointer;}
.trasd-page .cal-grid a.day:hover{background:var(--magenta-tint);}
.trasd-page .cal-grid a.day.today:hover{background:var(--navy-deep);}
.trasd-page .cal-grid .day-num{position:relative;z-index:1;}

.trasd-page .cal-grid .day-tip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);
	background:var(--navy-deep);color:#fff;font-size:10.5px;font-weight:600;line-height:1.35;
	padding:6px 9px;border-radius:7px;white-space:nowrap;max-width:180px;white-space:normal;text-align:center;
	opacity:0;visibility:hidden;transition:opacity .12s ease;pointer-events:none;z-index:20;box-shadow:0 6px 18px rgba(42,43,64,0.25);}
.trasd-page .cal-grid .day-tip::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);
	border:5px solid transparent;border-top-color:var(--navy-deep);}
.trasd-page .cal-grid a.day.has-event:hover .day-tip{opacity:1;visibility:visible;}
.trasd-page .cal-grid .day:nth-child(7n-1) .day-tip,
.trasd-page .cal-grid .day:nth-child(7n) .day-tip{left:auto;right:0;transform:none;}
.trasd-page .cal-grid .day:nth-child(7n-1) .day-tip::after,
.trasd-page .cal-grid .day:nth-child(7n) .day-tip::after{left:auto;right:10px;transform:none;}

/* çok günlü etkinlik şeridi — gün hücresinin altında, komşu günlerle birleşerek şerit görünümü verir */
.trasd-page .cal-grid .bar{position:absolute;left:0;right:0;bottom:2px;height:4px;}
.trasd-page .cal-grid .bar-single{left:15%;right:15%;border-radius:3px;}
.trasd-page .cal-grid .bar-start{left:15%;right:-3px;border-radius:3px 0 0 3px;}
.trasd-page .cal-grid .bar-end{left:-3px;right:15%;border-radius:0 3px 3px 0;}
.trasd-page .cal-grid .bar-mid{left:-3px;right:-3px;}

.trasd-page .cal-grid .type-congress .bar{background:var(--navy-deep);}
.trasd-page .cal-grid .type-group .bar{background:var(--magenta);}
.trasd-page .cal-grid .type-other .bar{background:#caa227;}
.trasd-page .cal-grid .day.today .bar{background:#fff;}

.trasd-page .cal-legend{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:10.5px;color:var(--muted);margin:12px 0 4px;}
.trasd-page .cal-legend span{display:flex;align-items:center;gap:5px;}
.trasd-page .cal-legend .dot{width:8px;height:8px;border-radius:3px;display:inline-block;}
.trasd-page .cal-legend .dot-congress{background:var(--navy-deep);}
.trasd-page .cal-legend .dot-group{background:var(--magenta);}
.trasd-page .cal-legend .dot-other{background:#caa227;}
.trasd-page .upcoming{margin-top:8px;border-top:1px solid var(--line);padding-top:12px;display:flex;flex-direction:column;gap:9px;}
.trasd-page .up-item{display:flex;gap:10px;align-items:flex-start;}
.trasd-page .up-date{background:var(--magenta-tint);color:var(--magenta-dark);border-radius:8px;text-align:center;padding:4px 7px;flex-shrink:0;min-width:38px;}
.trasd-page .up-date .d{font-size:14px;font-weight:700;line-height:1;font-family:'Space Grotesk';}
.trasd-page .up-date .m{font-size:9px;text-transform:uppercase;font-weight:700;}
.trasd-page .up-item h5{font-size:12.5px;margin:0 0 2px;color:var(--navy-deep);font-weight:600;line-height:1.3;}
.trasd-page .up-item span{font-size:11px;color:var(--muted);}

/* generic poster-card grid (groups + past congresses) */
.trasd-page section.groups, .trasd-page section.posters{padding:36px 0;}
.trasd-page .poster-scroll{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
@media(max-width:900px){.trasd-page .poster-scroll{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.trasd-page .poster-scroll{grid-template-columns:1fr;}}
.trasd-page a.poster-card{display:block;background:var(--white);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);transition:transform .15s, box-shadow .15s;}
.trasd-page a.poster-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift);}
.trasd-page .poster-img{aspect-ratio:3/4;background:#fff;display:flex;align-items:flex-start;justify-content:center;text-align:center;padding:14px;position:relative;overflow:hidden;}
.trasd-page .poster-img img{width:100%;height:auto;object-fit:contain;}
.trasd-page .poster-body{padding:12px 13px 14px;}
.trasd-page .poster-body .p-date{font-size:10.5px;font-weight:700;color:var(--magenta-dark);text-transform:uppercase;letter-spacing:0.04em;}
.trasd-page .poster-body h4{font-size:13.5px;margin:4px 0 5px;color:var(--navy-deep);line-height:1.35;}
.trasd-page .poster-body .p-url{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:5px;}
.trasd-page .poster-body .p-url::before{content:"↗";color:var(--magenta);}
.trasd-page .poster-body .p-info{font-size:11.5px;color:var(--muted);line-height:1.45;margin:0 0 6px;}

/* archive strip */
.trasd-page section.archive{padding:8px 0 36px;}
.trasd-page .archive-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;}
@media(max-width:900px){.trasd-page .archive-strip{grid-template-columns:repeat(2,1fr);}}
.trasd-page a.arch-card{background:var(--navy-deep);border-radius:14px;padding:16px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:80px;}
.trasd-page a.arch-card::after{content:"↗";opacity:0.55;font-size:15px;flex-shrink:0;}
.trasd-page a.arch-card:nth-child(2n){background:var(--magenta-dark);}
.trasd-page a.arch-card:nth-child(3n){background:var(--navy);}
.trasd-page a.arch-card h4{font-size:13px;font-weight:600;line-height:1.35;color:#fff;margin:0;}

/* quicklinks */
.trasd-page section.quick{padding:8px 0 40px;}
.trasd-page .quick-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;}
@media(max-width:900px){.trasd-page .quick-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:560px){.trasd-page .quick-grid{grid-template-columns:repeat(2,1fr);}}
.trasd-page a.quick-item{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:10px;text-align:center;font-size:11px;font-weight:600;color:var(--navy-deep);display:flex;flex-direction:column;align-items:center;gap:8px;}
.trasd-page a.quick-item:hover{border-color:var(--magenta);color:var(--magenta-dark);}
.trasd-page .quick-item .qico{width:100%;aspect-ratio:4/3;border-radius:8px;background:var(--magenta-tint);display:flex;align-items:center;justify-content:center;overflow:hidden;}
.trasd-page .quick-item .qico img{width:80%;height:80%;object-fit:contain;}
.trasd-page .quick-item .qico svg{width:62%;height:62%;}

.trasd-page .empty-state{text-align:center;padding:30px 20px;color:var(--muted);font-size:13px;grid-column:1/-1;}

/* =========================================================
   Events / Archive listing page (/etkinlikler)
   ========================================================= */
.trasd-page .page-head{padding:34px 0 26px;}
.trasd-page .page-head h1{font-size:28px;color:var(--navy-deep);}
.trasd-page .page-head p{margin:8px 0 0;font-size:13.5px;color:var(--muted);max-width:560px;line-height:1.55;}

.trasd-page .filter-bar{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:14px 16px;
  display:flex;flex-wrap:wrap;gap:10px;align-items:center;box-shadow:var(--shadow);margin-bottom:26px;}
.trasd-page .filter-bar .search{flex:1 1 220px;position:relative;}
.trasd-page .filter-bar input[type="text"]{width:100%;padding:9px 12px;border:1px solid var(--line);border-radius:9px;font-size:13px;font-family:inherit;background:var(--cream);}
.trasd-page .filter-bar select{padding:9px 10px;border:1px solid var(--line);border-radius:9px;font-size:13px;font-family:inherit;background:var(--cream);color:var(--ink);flex:0 0 auto;}
.trasd-page .toggle-group{display:flex;border:1px solid var(--line);border-radius:9px;overflow:hidden;flex:0 0 auto;}
.trasd-page .toggle-group a{display:block;padding:9px 14px;font-size:13px;font-weight:600;color:var(--muted);}
.trasd-page .toggle-group a.on{background:var(--magenta);color:#fff;}
.trasd-page .filter-bar button, .trasd-page .filter-bar input[type="submit"]{background:var(--navy-deep);color:#fff;border:none;border-radius:9px;padding:9px 16px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;}

.trasd-page .chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px;}
.trasd-page .chip{font-size:12px;font-weight:600;padding:7px 13px;border-radius:999px;background:var(--white);border:1px solid var(--line);color:var(--navy-deep);}
.trasd-page .chip.on{background:var(--navy-deep);color:#fff;border-color:var(--navy-deep);}

.trasd-page .sec-count{font-size:12.5px;color:var(--muted);margin-bottom:14px;}

.trasd-page .event-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
@media(max-width:960px){.trasd-page .event-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.trasd-page .event-grid{grid-template-columns:1fr;}}
.trasd-page a.event-card{display:block;background:var(--white);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);transition:transform .15s, box-shadow .15s;}
.trasd-page a.event-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift);}
.trasd-page .event-img{aspect-ratio:3/4;background:#fff;position:relative;display:flex;align-items:flex-start;justify-content:center;overflow:hidden;padding:14px;}
.trasd-page .event-img img{width:100%;height:auto;object-fit:contain;position:relative;inset:auto;}
.trasd-page .event-cat{position:relative;z-index:1;margin:10px;font-size:10px;font-weight:700;letter-spacing:0.03em;text-transform:uppercase;
  background:#fff;color:var(--magenta-dark);padding:5px 9px;border-radius:7px;}
.trasd-page .event-status{position:absolute;top:10px;right:10px;z-index:1;font-size:10px;font-weight:700;padding:5px 9px;border-radius:7px;}
.trasd-page .event-status.upcoming{background:var(--navy-deep);color:#fff;}
.trasd-page .event-status.past{background:rgba(0,0,0,0.45);color:#fff;}
.trasd-page .event-body{padding:12px 13px 14px;}
.trasd-page .event-date{font-size:10.5px;font-weight:700;color:var(--magenta-dark);text-transform:uppercase;letter-spacing:0.04em;}
.trasd-page .event-body h4{font-size:13.5px;margin:4px 0 5px;color:var(--navy-deep);line-height:1.35;}
.trasd-page .event-loc{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:5px;}

.trasd-page .trasd-pagination{display:flex;justify-content:center;gap:6px;margin:30px 0 10px;}
.trasd-page .trasd-pagination a, .trasd-page .trasd-pagination span{padding:9px 14px;border-radius:9px;font-size:13px;font-weight:700;border:1px solid var(--line);color:var(--navy-deep);background:#fff;}
.trasd-page .trasd-pagination .current{background:var(--navy-deep);color:#fff;border-color:var(--navy-deep);}