/*
Theme Name: Twenty Fourteen Mueller Child
Theme URI: https://example.com/
Description: Child theme for Twenty Fourteen.
Author: Dietrich
Template: twentyfourteen
Version: 1.1.8
Text Domain: twentyfourteen-mueller-child
*/

/* Centering hack */
.site,
#page{ margin-left:auto; margin-right:auto; }

/* ===== Archives/blog cards ===== */
.mueller-card{
  display:grid;
  grid-template-columns: var(--mueller-thumb-size,120px) 1fr;
  column-gap:14px;
  row-gap:4px;
  padding:18px 0;
  position:relative;
  transition: transform .12s ease, background-color .12s ease;
}

/* Desktop-only separator: subtle gradient line */
@media (min-width:521px){
  .mueller-card:after{
    content:"";
    position:absolute;
    left:0; right:0; bottom:0;
    height:1px;
    background: linear-gradient(to right, transparent, rgba(0,0,0,.18), transparent);
  }
}

/* Hover effect */
@media (hover:hover){
  .mueller-card:hover{
    background-color: rgba(0,0,0,.02);
    transform: translateY(-1px);
  }
}

.mueller-card .mueller-thumb{ grid-column:1; grid-row:1 / span 3; width:var(--mueller-thumb-size,120px); }
.mueller-card .mueller-thumb img{ display:block; width:100%; height:auto; border-radius:2px; }

.mueller-card .entry-header{ grid-column:2; grid-row:1; margin:0; }
.mueller-card .entry-title{ margin:0; font-size:1.2em; line-height:1.25; }

.mueller-card .entry-summary{ grid-column:2; grid-row:2; margin:0; }
.mueller-card .entry-summary p{ margin:0; }

.mueller-card .mueller-meta{
  grid-column:2;
  grid-row:3;
  margin-top:2px;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  justify-content:flex-start;
  font-size:.9em;
  opacity:.85;
}

.mueller-meta a{ text-decoration:none; }
.mueller-more{ margin-top:2px; display:inline-block; }

/* Phone portrait (archives): everything below image, full width, hide excerpt */
@media (max-width:520px){
  .mueller-card{ grid-template-columns:1fr; row-gap:6px; }
  .mueller-card .mueller-thumb{ grid-column:1; grid-row:1; width:100%; }
  .mueller-card .entry-header{ grid-column:1; grid-row:2; }
  .mueller-card .entry-summary{ display:none; }
  .mueller-card .mueller-meta{ grid-column:1; grid-row:3; }
}

/* ===== Single post layout: keep normal flow ===== */
.mueller-single{
  display:block;
  padding:0;
}
.mueller-single .mueller-thumb,
.mueller-single .mueller-single-thumb{
  width:100%;
  margin:0 0 14px;
}
.mueller-single img{
  max-width:100%;
  height:auto;
}
.mueller-single .mueller-meta{
  margin-top:12px;
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  font-size:.9em;
  opacity:.85;
}