/**
 * Theme Name: Hiyayaakko
 * Template: twentyseventeen
 * ...other header fields
 */
 
 

/* Make the footer credits line span the full width of the theme's container */
.site-footer .site-info{
  width: 100%;
  display: flex;
  align-items: center;
}

/* Push CUSTOMTEXT to the far right within the container */
.site-footer .site-info .site-info-right{
  margin-left: auto;
  text-align: right;
}

/* (Optional) keep nice behavior on small screens */
@media (max-width: 600px){
  .site-footer .site-info{
    flex-wrap: wrap;
    gap: .5rem;
  }
  .site-footer .site-info .site-info-right{
    width: 100%;
    margin-left: 0;
    text-align: left; /* or right if you prefer on mobile */
  }
}


/* Move header logo + text down on all pages except HOME */
body:not(.home) .site-header .site-branding {
  transform: translateY(40px);
}


.site-info-right{
  display: inline-flex;
  align-items: center;
}

.site-info-mark{
  height: 15px;
  width: auto;
  margin-left: 0.15rem;
}


``


/* Reduce horizontal space between header logo and text */
.site-header .site-branding {
  gap: 0; /* ensure no flex gap */
}

.site-header .site-logo {
  margin-right: 0.4rem; /* ↓ tighten logo-to-text spacing */
}

.site-header .site-branding-text {
  transform: translateX(-32px);
}


@media (max-width: 600px){
  .site-footer .site-info .site-info-right{
    max-width: 18ch;   /* forces wrapping at readable width */
    white-space: normal;
    text-align: center;
    margin: 0 auto;
  }
}


@media (max-width: 600px) {
  .site-header .site-branding {
    padding-left: 1.2rem;   /* space from the left */
    padding-bottom: 1.5rem; /* space from the bottom */
  }
}


/* === REMOVE footer widget vertical gap (THIS IS THE CAUSE) === */
.site-footer .widget-column {
  gap: 0 !important;
  row-gap: 0 !important;
}

.site-footer .widget-column {
  display: flex;
  flex-direction: column;
  gap: 0 !important;
}


/* Reduce space between date and post title */
.entry-header .entry-meta {
  margin-bottom: 0.7em;  /* decrease this value */
}

.entry-header .entry-title {
  margin-top: 0;         /* remove extra space above the title */
}

/* Date row: lines left/right, date centered, bird next to date */
.entry-header .entry-meta{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;                 /* we'll control spacing with padding */
  text-align: center;
  margin-bottom: 1em;     /* space under the date row */
}

/* Left + right lines */
.entry-header .entry-meta::before,
.entry-header .entry-meta::after{
  content: "";
  flex: 1;
  border-top: 1px solid #8d1638;   /* same wine red */
}

/* The clickable date block (the <a> wrapping the <time>) */
.entry-header .entry-meta > a{
  display: inline-flex;
  align-items: center;
  gap: 0.45em;            /* space between date text and bird */
  padding: 0 0.8em;       /* creates "break" in the lines */
  background: #fff;       /* IMPORTANT: masks the line behind */
  color: #8C0000;
  font-weight: 500;
  text-decoration: none;
}

/* Add the bird mark after the date (no extra HTML needed) */

/* Bird mark matching wine red color */
.entry-header .entry-meta > a::after {
  content: "";
  width: 18px;
  height: 18px;

  background-color: #8C0000; /* wine red */

  -webkit-mask: url("https://www.hiyayaakko.com/wp-content/uploads/2026/04/birdmark01.png") no-repeat center;
  mask: url("https://www.hiyayaakko.com/wp-content/uploads/2026/04/birdmark01.png") no-repeat center;

  -webkit-mask-size: contain;
  mask-size: contain;

  display: inline-block;
}





/* === Remove vertical separators from footer menu === */
.site-footer .widget_nav_menu .menu-item::before,
.site-footer .widget_nav_menu .menu-item::after {
  content: none !important;
}

/* Also remove any borders just in case */
.site-footer .widget_nav_menu .menu-item {
  border: 0 !important;
}


/* Blog date color: dark wine red */
.entry-meta,
.entry-meta a,
.entry-meta time {
  color: #7a263a; /* dark wine red */
}


/* === KILL Twenty Seventeen fake underline completely === */
a,
a:hover,
a:focus {
  box-shadow: none !important;
}


/* === FIX double underline on link hover (sitewide) === */
a,
a:hover {
  text-decoration: none;   /* remove all native underline */
  box-shadow: none;        /* kill faux underline */
  background-image: none; 
  border-bottom: none;
}

a:hover {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.15em;
}
``



/* Single post: add spacing + bird between date and author */
.single-post .entry-meta{
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Ensure some space between date and byline */
.single-post .entry-meta .byline{
  margin-left: 0.6em;
}

/* Bird mark inserted before the byline */
.single-post .entry-meta .byline::before{
  content: "";
  width: 16px;
  height: 16px;
  margin: 0 0.6em 0 0.2em;
  display: inline-block;
  vertical-align: -2px;

  /* match your wine red */
  background-color: #8d1638;

  /* recolor PNG via mask (best quality) */
  -webkit-mask: url("https://www.hiyayaakko.com/wp-content/uploads/2026/04/birdmark01.png") no-repeat center;
  mask: url("https://www.hiyayaakko.com/wp-content/uploads/2026/04/birdmark01.png") no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
}


/* SINGLE POST ONLY: add center clearance between META and lines */
.single-post .entry-header .entry-meta > span,
.single-post .entry-header .entry-meta > a {
  margin: 0 1.6rem;   /* THIS creates center-only spacing */
}


``