/* PASINLER HABER OZEL PAYLASIM V3 */

.reader-engagement .share-actions{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  padding:20px;
  margin:24px 0 30px;
  background:#f8f3e8;
  border:1px solid #d5b879;
  border-radius:16px;
}

.reader-engagement .share-actions h3{
  grid-column:1/-1;
  margin:0 0 8px;
  font:700 21px Georgia,serif;
  color:#142d4c;
}

.reader-engagement .share-actions .share-button{
  display:flex;
  box-sizing:border-box;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  width:100%;
  min-width:0;
  min-height:58px;
  margin:0;
  padding:10px 12px;
  border:1px solid #d5b879;
  border-radius:11px;
  background:#fffcf6;
  color:#142d4c;
  font:600 13px/1.35 Arial,sans-serif;
  text-decoration:none;
  white-space:normal;
  cursor:pointer;
  box-shadow:0 3px 9px rgba(20,45,76,.05);
  transition:background .2s,color .2s,border-color .2s;
}

.reader-engagement .share-actions .share-button::before{
  content:"";
  display:block;
  flex:0 0 34px;
  width:34px;
  height:34px;
  border-radius:8px;
  background-color:#142d4c;
  background-repeat:no-repeat;
  background-position:center;
  background-size:20px 20px;
}

.reader-engagement .share-actions .share-button:nth-child(2)::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctext x='8' y='19' fill='%23e6c47b' font-family='Arial' font-size='21' font-weight='bold'%3Ef%3C/text%3E%3C/svg%3E");
}

.reader-engagement .share-actions .share-button:nth-child(3)::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 4C5 4 4 6 4 8c0 6 6 12 12 12 2 0 4-1 4-3l-5-3-2 2c-2-1-4-3-5-5l2-2-3-5Z' fill='none' stroke='%23e6c47b' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.reader-engagement .share-actions .share-button:nth-child(4)::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 11 21 3 16 21 12 14 3 11Z' fill='none' stroke='%23e6c47b' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.reader-engagement .share-actions .share-button:nth-child(5)::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='6' width='18' height='12' rx='2' fill='none' stroke='%23e6c47b' stroke-width='2'/%3E%3Cpath d='m4 7 8 6 8-6' fill='none' stroke='%23e6c47b' stroke-width='2'/%3E%3C/svg%3E");
}

.reader-engagement .share-actions .share-button:nth-child(6)::before{
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M10%2014l4-4%20M8%2016H6a4%204%200%200%201%200-8h4%20M14%208h4a4%204%200%200%201%200%208h-4%27%20fill%3D%27none%27%20stroke%3D%27%23e6c47b%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%2F%3E%3C%2Fsvg%3E");
}

.reader-engagement .share-actions .share-button:nth-child(7)::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4v16M4 12h16' stroke='%23e6c47b' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.reader-engagement .share-actions .share-button:hover{
  background:#142d4c;
  color:#fff8e8;
  border-color:#142d4c;
}

.reader-engagement .share-actions .share-button:focus-visible{
  outline:3px solid #c49b48;
  outline-offset:3px;
}

@media(max-width:720px){
  .reader-engagement .share-actions{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
    padding:13px;
  }
  .reader-engagement .share-actions .share-button{
    min-height:52px;
    padding:8px;
    gap:7px;
    font-size:12px;
  }
  .reader-engagement .share-actions .share-button::before{
    flex-basis:30px;
    width:30px;
    height:30px;
    background-size:18px 18px;
  }
}

@media(max-width:360px){
  .reader-engagement .share-actions{
    grid-template-columns:1fr;
  }
}

@media(prefers-reduced-motion:reduce){
  .reader-engagement .share-actions .share-button{
    transition:none;
  }
}