/**************************************************************
 * AdoptiePlatform – Latte custom.css (avatar 90x90)
 * Vlag uit “National Flags” als overlay rechtsboven op avatar
 **************************************************************/

/* ——— VIEWTOPIC (topics) ——— */

/* 1) Avatarcontainer voorbereiden voor absolute overlay */
.latte .postprofile .profile-avatar,
.latte .postprofile dd.profile-avatar,
.latte .postprofile dt.profile-avatar {
  position: relative;
  display: inline-block;     /* nodig voor positionering */
  line-height: 0;            /* geen extra witruimte rond img */
}

/* 2) Avatar zelf als blok (stabiele maat 90x90) */
.latte .postprofile .profile-avatar img.avatar {
  display: block;
  width: 90px;
  height: 90px;
}

/* 3) Vlag rechtsboven in de avatar – diverse varianten */
.latte .postprofile .profile-avatar .national-flag,
.latte .postprofile .profile-avatar .flag,
.latte .postprofile .profile-avatar .nf-flag,
.latte .postprofile .profile-avatar img[alt*="flag"],
.latte .postprofile .profile-avatar img[alt*="Flag"],
/* veel extensies zetten de vlag direct ná de avatar; pak “het volgende element” mee */
.latte .postprofile .profile-avatar > img.avatar + * {
  position: absolute !important;
  top: -4px;          /* net boven de rand voor een badge-gevoel */
  right: -4px;
  width: 18px;        /* fijne maat bij avatar 90x90 */
  height: 12px;
  border: 1px solid #fff;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(0,0,0,.10), 0 1px 2px rgba(0,0,0,.25);
  z-index: 10;
}

/* 4) Als de vlag een <span> is met background-image */
.latte .postprofile .profile-avatar .national-flag,
.latte .postprofile .profile-avatar .flag,
.latte .postprofile .profile-avatar .nf-flag,
.latte .postprofile .profile-avatar > img.avatar + span {
  display: inline-block;
  background-size: cover;
  background-position: center;
}

/* 5) Fallback wanneer vlag niet in .profile-avatar staat maar er direct onder,
      zoals in .profile-rank (Latte plaatst die soms vlak na de avatar) */
.latte .postprofile .profile-rank {
  position: relative;
}
.latte .postprofile .profile-rank .national-flag,
.latte .postprofile .profile-rank .flag,
.latte .postprofile .profile-rank .nf-flag,
.latte .postprofile .profile-rank img[alt*="flag"],
.latte .postprofile .profile-rank img[alt*="Flag"] {
  position: absolute !important;
  /* Omdat avatar 90px hoog is, “trekken” we ± de vlag-hoogte + marge omhoog */
  top: -26px;         /* 12px hoge vlag; indien nodig -24/-28 fine-tunen */
  right: -4px;
  width: 18px;
  height: 12px;
  border: 1px solid #fff;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(0,0,0,.10), 0 1px 2px rgba(0,0,0,.25);
  z-index: 10;
}

/* 6) RTL support (topics) */
html[dir="rtl"] .latte .postprofile .profile-avatar .national-flag,
html[dir="rtl"] .latte .postprofile .profile-avatar .flag,
html[dir="rtl"] .latte .postprofile .profile-avatar .nf-flag,
html[dir="rtl"] .latte .postprofile .profile-avatar img[alt*="flag"],
html[dir="rtl"] .latte .postprofile .profile-avatar > img.avatar + * {
  right: auto;
  left: -4px;
}
html[dir="rtl"] .latte .postprofile .profile-rank .national-flag,
html[dir="rtl"] .latte .postprofile .profile-rank .flag,
html[dir="rtl"] .latte .postprofile .profile-rank .nf-flag,
html[dir="rtl"] .latte .postprofile .profile-rank img[alt*="flag"] {
  right: auto;
  left: -4px;
}

/* 7) Hover (topics) */
.latte .postprofile .profile-avatar a .national-flag,
.latte .postprofile .profile-avatar a .flag,
.latte .postprofile .profile-rank a .national-flag,
.latte .postprofile .profile-rank a .flag {
  transition: transform .12s ease, box-shadow .12s ease;
}
.latte .postprofile .profile-avatar a:hover .national-flag,
.latte .postprofile .profile-avatar a:hover .flag,
.latte .postprofile .profile-rank a:hover .national-flag,
.latte .postprofile .profile-rank a:hover .flag {
  transform: translateZ(0) scale(1.05);
  box-shadow: 0 0 0 1px rgba(0,0,0,.15), 0 2px 4px rgba(0,0,0,.25);
}
/* Voor de zekerheid: verberg eventuele achterblijvende vlag-afbeeldingen */
.section-memberlist dd.memberlist_country_text img { display: none !important; }

/* Typografie landtekst */
.section-memberlist dd.memberlist_country_text {
  font-size: 1em;
  color: #333;
  line-height: 1.0;  /* vaak net lager dan default */
  margin-top: 3px;   /* subtiele correctie omlaag */
}
/* =====================================================
   Adoptieplatform – "Wie is er online" tekst groter
   ===================================================== */
.stat-block.online-list,
.stat-block.statistics,
.online-list,
.who-is-online {
    font-size: 13px;
    line-height: 1.6;
}
/* Zorg dat tekst binnen het blok dezelfde grootte houdt */
.stat-block.online-list p,
.stat-block.statistics p,
.online-list p,
.who-is-online p,
.online-list span,
.who-is-online span {
    font-size: inherit;
}
/* =====================================================
   Adoptieplatform – footer tekst groter
   ===================================================== */

#page-footer {
  font-size: 12px;
  line-height: 1.5;
}

#page-footer .footer-row,
#page-footer .copyright {
  font-size: 13px;
  line-height: inherit;
}

#page-footer a,
#page-footer p,
#page-footer span,
#page-footer li {
  font-size: inherit;
  line-height: inherit;
}
/* =====================================================
   Adoptieplatform – verjaardagen blok groter
   ===================================================== */

.birthday-list {
    font-size: 13px;
    line-height: 1.6;
}

/* Zorg dat tekst binnen het blok dezelfde grootte gebruikt */
.birthday-list p,
.birthday-list span,
.birthday-list a {
    font-size: inherit;
}
/* =====================================================
   Adoptieplatform – UCP (gebruikerspaneel) typografie
   ===================================================== */

/* Basis voor UCP panels */
.panel-container .panel,
.panel-container .panel .content {
  font-size: 15px;
  line-height: 1.6;
}

/* Latte zet vaak p/li/dt/dd apart kleiner: forceer inherit */
.panel-container .panel p,
.panel-container .panel li,
.panel-container .panel dt,
.panel-container .panel dd,
.panel-container .panel label,
.panel-container .panel input,
.panel-container .panel select,
.panel-container .panel textarea {
  font-size: inherit;
  line-height: inherit;
}
/* =====================================================
   Adoptieplatform – UCP navigatie links (knoppen) groter
   ===================================================== */

/* De meest voorkomende phpBB UCP navigatie wrappers */
#wrap #page-body .panel-container .panel-navigation a,
#wrap #page-body .panel-container #navigation a,
#wrap #page-body #navigation a,
#wrap #page-body .panel-navigation .menu li a,
#wrap #page-body .panel-navigation ul li a {
  font-size: 13px;
  line-height: 1.4;
}

/* Als de tekst binnen span/strong zit */
#wrap #page-body .panel-container .panel-navigation a span,
#wrap #page-body .panel-container .panel-navigation a strong,
#wrap #page-body .panel-container #navigation a span,
#wrap #page-body #navigation a span {
  font-size: inherit;
  line-height: inherit;
}
/* =====================================================
   Adoptieplatform – UCP tabbladen groter
   ===================================================== */

#tabs .tab,
#tabs .tab a,
.tabs .tab,
.minitabs .tab {
    font-size: 14px;
}
/* =====================================================
   Adoptieplatform – UCP profiel/statistieken groter
   ===================================================== */

.panel-container .panel dl.details,
.panel-container .panel dl.details dd,
.panel-container .panel dl.details dt {
    font-size: 14px;
    line-height: 1.6;
}

/* links binnen de statistieken */
.panel-container .panel dl.details a {
    font-size: inherit;
}
/* =====================================================
   Adoptieplatform – UCP profielvelden groter
   ===================================================== */

.panel-container .panel dl dt,
.panel-container .panel dl dd,
.panel-container .panel label {
    font-size: 14px;
    line-height: 1.6;
}

/* ook de invoervelden zelf */
.panel-container .panel input,
.panel-container .panel select,
.panel-container .panel textarea {
    font-size: 14px;
}
/* =====================================================
   Adoptieplatform – profielpagina (memberlist viewprofile)
   ===================================================== */

#page-body .profile-details,
#page-body .profile-details dt,
#page-body .profile-details dd,
#page-body .profile-contact,
#page-body .profile-contact a,
#page-body .profile-rank,
#page-body .panel dl dt,
#page-body .panel dl dd {
    font-size: 14px;
    line-height: 1.6;
}

/* Zorg dat links en spans dezelfde grootte houden */
#page-body .profile-details a,
#page-body .profile-details span {
    font-size: inherit;
}
/* =====================================================
   AP – FAQ (alleen /app.php/help/faq) duidelijk groter
   ===================================================== */

/* Scope: alleen op de FAQ route (body class bevat letterlijk 'section-app/help/faq') */
body[class*="section-app/help/faq"] #page-body h2.faq-title {
  font-size: 16px !important;
  line-height: 1.25 !important;
}

/* Index (bovenaan) + alle FAQ dl-blokken */
body[class*="section-app/help/faq"] #page-body #faqlinks dl.faq,
body[class*="section-app/help/faq"] #page-body .content dl.faq {
  font-size: 16px !important;      /* <- duidelijk verschil */
  line-height: 1.7 !important;
}

/* Zorg dat dt/dd echt mee-erven (soms worden die apart gezet) */
body[class*="section-app/help/faq"] #page-body dl.faq dt,
body[class*="section-app/help/faq"] #page-body dl.faq dd,
body[class*="section-app/help/faq"] #page-body dl.faq p,
body[class*="section-app/help/faq"] #page-body dl.faq li,
body[class*="section-app/help/faq"] #page-body dl.faq a {
  font-size: inherit !important;
  line-height: inherit !important;
}

/* “Omhoog” link onder elk antwoord */
body[class*="section-app/help/faq"] #page-body a.top,
body[class*="section-app/help/faq"] #page-body a.top span {
  font-size: 14px !important;
  line-height: 1.6 !important;
}