/* ==========================================================================
   supplement.css — clean layout rebuild for the Cake Appeal Joomla (Beez) site.
   The archived theme CSS is incomplete; this restores a coherent, modern layout
   keyed to the Beez markup that survived (#all, #header, ul.menu_topmenu,
   #contentarea, #wrapper2/#main, .left.leftbigger sidebar, #footer).
   Brand palette: pink #e6007e · lime #9bbb1a · mauve ink #5a4a4c.
   ========================================================================== */
:root{--pink:#e6007e;--lime:#8ba617;--ink:#5a4a4c;--soft:#faf2f6;--line:#f0dde7;}
*{box-sizing:border-box;}
body{margin:0;background:#f3e9ee;color:var(--ink);
  font-family:'Segoe UI',Helvetica,Arial,sans-serif;font-size:15px;line-height:1.65;}
img{max-width:100%;height:auto;border:0;vertical-align:middle;}
a{color:var(--pink);text-decoration:none;} a:hover{text-decoration:underline;}
h1,h2,h3,h4{font-family:Georgia,'Times New Roman',serif;color:var(--ink);line-height:1.25;}
.clr,.wrap{clear:both;}

#all{max-width:1000px;margin:22px auto;background:#fff;
  box-shadow:0 2px 12px rgba(0,0,0,.10);overflow:hidden;}
#back{padding:0;}

/* ---- header + top navigation ---------------------------------------------*/
#header{display:block;}                       /* wrapper, not a bar */
.logoheader{height:auto !important;display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:12px 18px;padding:18px 26px;border-bottom:3px solid var(--pink);}
.logoheader::before{content:"Cake Appeal";font-family:Georgia,serif;font-size:30px;
  font-weight:700;color:var(--pink);letter-spacing:.5px;flex:0 0 auto;}
#header ul.menu,ul.menu_topmenu{list-style:none;display:flex;flex-wrap:wrap;
  align-items:center;gap:5px;margin:0;padding:0;width:auto !important;}
ul.menu_topmenu li{list-style:none;margin:0;}
ul.menu_topmenu li a{display:block;padding:9px 14px;color:#fff;background:var(--lime);
  border-radius:4px;font:600 12px/1 'Segoe UI',Arial,sans-serif;text-transform:uppercase;
  letter-spacing:.04em;}
ul.menu_topmenu li a:hover,ul.menu_topmenu li.active a{background:var(--pink);text-decoration:none;}

/* the two social icons that sit under the menu */
#header .menu + *,#header img[src*="facebook"],#header img[src*="youtube"]{margin-top:6px;}

/* ---- content area: main + right sidebar ----------------------------------*/
#contentarea{display:flex !important;flex-wrap:wrap;gap:30px;padding:26px;
  align-items:flex-start;float:none !important;width:auto !important;}
#breadcrumbs{flex-basis:100%;font-size:12px;color:#aaa;margin:0 0 4px;float:none !important;width:auto !important;}
#breadcrumbs a{color:#999;}
#wrapper2{flex:1 1 0;min-width:0;float:none !important;width:auto !important;margin:0 !important;}
#main{min-width:0;float:none !important;width:auto !important;margin:0 !important;}
.item-page{font-size:15px;}
.item-page h1,.item-page h2.title,.contentheading{font-size:26px;color:var(--pink);margin:0 0 16px;}
.item-page img{border-radius:6px;margin:6px 0;}
.left.leftbigger{flex:0 0 280px;max-width:280px;width:280px !important;float:none !important;margin:0 !important;}

/* sidebar modules */
.left.leftbigger .moduletable{background:var(--soft);border:1px solid var(--line);
  border-radius:8px;padding:16px 18px;margin-bottom:20px;}
.left.leftbigger h3,.moduletable h3{color:var(--pink);font-size:15px;margin:0 0 12px;
  text-transform:uppercase;letter-spacing:.03em;}
.left.leftbigger input[type=text]{width:100%;padding:8px 10px;border:1px solid var(--line);
  border-radius:4px;margin-bottom:8px;}
.left.leftbigger .gallery img{border-radius:6px;}

/* ---- footer ---------------------------------------------------------------*/
#footer-outer,#footer-sub{background:var(--ink);color:#efe6ea;margin-top:26px;}
#footer{max-width:1000px;margin:0 auto;padding:24px 26px;}
#footer a{color:#e9a8c9;}
ul.menu_footermenu{list-style:none;display:flex;flex-wrap:wrap;gap:18px;margin:0;padding:0;}
ul.menu_footermenu li{list-style:none;}
ul.menu_footermenu a{color:#fff;font-size:13px;}
#footer2,.footer2{font-size:12px;color:#cbb;margin-top:10px;}

/* hide dead editor spacer / popup placeholders */
img[src*="trans.gif"]{display:none;}

/* ---- responsive -----------------------------------------------------------*/
@media(max-width:760px){
  #header{flex-direction:column;align-items:flex-start;}
  #contentarea{flex-direction:column;}
  .left.leftbigger{flex-basis:100%;max-width:none;}
}