/*
Theme Name: Divi Child
Theme URI: https://yourwebsite.com
Description: Child theme for Divi
Author: Your Name
Author URI: https://yourwebsite.com
Template: Divi
Version: 1.0.0
*/

/* Custom CSS below */

/* Wrapper */
.editor-picks {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

/* Each item */
.editor-picks .post-item {
    display: flex;
    gap: 14px;
    align-items: flex-start;
}

/* Image */
.editor-picks img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 10px;
}

/* Content */
.editor-picks .content {
    flex: 1;
}

/* Category */
.editor-picks .category {
    font-size: 11px;
    font-weight: 700;
    color: #e60fb0;
    letter-spacing: 1px;
    margin-bottom: 4px;
}

/* Title */
.editor-picks h4 {
    font-size: 18px;
    line-height: 1.2;
    margin: 0;
    color: #222;
}

/* Meta */

.editor-picks .meta {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: #888;
}

.editor-picks .read-icon {
    width: 13px;
    height: 13px;
    opacity: 0.8;
}

/* Hover effect */
.editor-picks .post-item:hover h4 {
    color: #e60fb0;
}

/* Trending this week sections css */

/* GRID */
.featured-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

/* CARD */
.featured-grid .card {
    position: relative;
    height: 360px;
    border-radius: 22px;
    overflow: hidden;
    cursor: pointer;
}

/* IMAGE */
.featured-grid .card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

/* ZOOM HOVER */
.featured-grid .card:hover img {
    transform: scale(1.06);
}

/* DARK GRADIENT OVERLAY */
.featured-grid .card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(20, 0, 20, 0.85) 0%,
        rgba(20, 0, 20, 0.55) 35%,
        rgba(20, 0, 20, 0.2) 60%,
        transparent 80%
    );
}

/* CONTENT AREA */
.featured-grid .overlay {
    position: absolute;
    bottom: 22px;
    left: 22px;
    right: 22px;
    color: #fff;
    z-index: 2;
}

.featured-grid .card {
    position: relative;
}

/* CATEGORY PILL */
.featured-grid .cat {
    position: absolute;
    top: 18px;
    left: 18px;

    font-family: inter;
    display: inline-block;
    background: #fff;
    text-transform: uppercase;
    color: #e60f97;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.2px;
    padding: 4px 10px;
    border-radius: 16px;
    z-index: 4; 
}


.featured-grid .number {
    position: absolute;
    top: 18px;
    right: 20px;
    font-size: 30px;
	font-weight:700;
    font-family: "Playfair Display";
    color: #fff;
    z-index: 2;
}

/* TITLE */
.featured-grid .overlay h3 {
    font-size: 20px;
    line-height: 1.35;
    font-weight: 500;
    margin-bottom: 8px;
    color: #fff;
}

/* META */
.featured-grid .meta {
    font-size: 12px;
    color: rgba(255,255,255,0.75);
}

/* LINK RESET */
.featured-grid a {
    color: inherit;
    text-decoration: none;
}

/* RESPONSIVE */
@media (max-width: 1100px) {
    .featured-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .featured-grid {
        grid-template-columns: 1fr;
    }

    .featured-grid .card {
        height: 360px;
    }
}


/* =========================
   LATEST STORIES SECTION
========================= */

/* HEADER */
.latest-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

/* TITLE */
.latest-title {
    font-size: 42px;
    line-height: 1.2;
    margin: 0;
}

/* GRID */
.latest-stories {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 34px;
}

/* CARD */
.story-card {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: inherit;
}

/* =========================
   IMAGE
========================= */

.story-img {
    overflow: hidden;
    border-radius: 16px;
}

.story-img img {
    width: 100%;
    height: 230px;
    object-fit: cover;
    transition: transform 0.5s ease;
}

/* IMAGE HOVER */
.story-card:hover .story-img img {
    transform: scale(1.05);
}

/* =========================
   META TOP (category + tags)
========================= */

.meta-top {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 6px;
}

.meta-top .cat {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #e60f97;
    letter-spacing: 1px;
}

.meta-top .tag {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    font-weight: 600;
    color: #e60f97;
    text-transform: uppercase;
}

.meta-top .tag svg {
    width: 12px;
    height: 12px;
    stroke: #e60f97;
}

/* =========================
   TITLE
========================= */

.story-card h3 {
    font-size: 20px;
    line-height: 1.35;
    margin: 6px 0 8px;
    transition: color 0.3s ease;
}

/* TITLE HOVER */
.story-card:hover h3 {
    color: #e60f97;
}

/* =========================
   EXCERPT
========================= */

.story-card p {
    font-size: 14px;
    color: #6f6f6f;
    margin-bottom: 14px;
    line-height: 1.5;
}

/* =========================
   META BOTTOM
========================= */

.meta-bottom {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: #777;
}

/* AVATAR */
.meta-bottom img {
    width: 22px;
    height: 22px;
    border-radius: 50%;
}

/* AUTHOR */
.meta-bottom .author {
    font-weight: 500;
}

/* DOT */
.meta-bottom .author::after {
    content: "•";
    margin: 0 6px;
    color: #aaa;
}

/* READ TIME */
.read-time {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #888;
}

/* WATCH ICON */
.watch-icon {
    width: 13px;
    height: 13px;
    stroke: #888;
    opacity: 0.8;
}

/* =========================
   RESPONSIVE
========================= */

@media (max-width: 980px) {
    .latest-stories {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .latest-stories {
        grid-template-columns: 1fr;
    }
}

/* BUTTON BASE */
#load-more-btn {
    display: inline-block;
    padding: 14px 28px;
    border-radius: 40px;
    background: #fff; 
    color: #2a1a2a;;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: 2px solid #2a1a2a;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* HOVER STATE */
#load-more-btn:hover {
    background: #2a1a2a;
	color:#fff;
    transform: translateY(-2px);
}


/* Meet editor Section*/


/* GRID */
.author-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

/* CARD */
.author-card {
    background: #fff;
    border-radius: 16px;
    padding: 20px;
    border: 1px solid #eddee8;
    transition: all 0.3s ease;
    cursor: pointer;
}

/* HOVER EFFECT */
.author-card:hover {
    border-color: #fcc0d3;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}

/* IMAGE WRAP */
.author-img-wrap {
    position: relative;
    margin-bottom: 15px;
}

/* IMAGE */
.author-img-wrap img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 12px;
}


/* TITLE (NAME) */
.author-card h3 {
    font-size: 18px;
    margin: 6px 0;
    transition: color 0.3s ease;
}

/* TITLE HOVER */
.author-card:hover h3 {
    color: #e60f97;
}

/* ROLE */
.role {
    font-size: 12px;
    letter-spacing: 1px;
    color: #888;
    text-transform: uppercase;
    margin-bottom: 12px;
}

/* DIVIDER LINE */
.author-card .role::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #eee;
    margin-top: 10px;
}

/* META */
.author-meta {
    font-size: 12px;
    color: #666;
    display: flex;
    gap: 6px;
    margin-top: 10px;
}

.author-card-link {
    text-decoration: none;
    color: inherit;
    display: block;
}

.author-card-link:hover {
    transform: translateY(-5px);
    transition: 0.3s ease;
}

/* RESPONSIVE */
@media (max-width: 980px) {
    .author-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .author-grid {
        grid-template-columns: 1fr;
    }
}


/* BADGE */
.verified-badge {
    position: absolute;
    bottom: -5px;
    right: 14px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0px 10px;
    border-radius: 30px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.3px;
    color: #fff;
    background: linear-gradient(135deg, #7b169c 0%, #e60f97 50%, #f53d93 100%);
    box-shadow: 0 4px 12px rgba(230, 15, 151, 0.35);	
    z-index: 10;
}

/* ICON WRAPPER */
.verified-badge .icon {
    width: 20px;
    height: 20px;
	fill: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background:none; 
}

/* SVG */
.verified-badge svg {
    width: 14px;
    height: 14px;
    stroke: #fff;
}


/* Category page css  */

.cat-count {
  font-weight: 600;
  font-size: 12px;
  color: #2d2d2d;
}

.cat-sep {
  margin: 0 8px;
  color: #999;
}

.cat-updated {
  font-size: 12px;
  color: #777;
}

.featured-hero {
  margin: 40px 0;
}

.hero-card {
  display: flex;
  gap: 40px;
  align-items: center;
  text-decoration: none;
}

.hero-card:hover .hero-image img {
  transform: scale(1.06);
}

/* IMAGE */
.hero-image {
  flex: 1;
  overflow: hidden;
  border-radius: 16px;
  position: relative;
}

.hero-image img {
  width: 100%;
  border-radius: 16px;
  display: block;
  transform: scale(1);
  transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}


/* CONTENT */
.hero-content {
  flex: 1;
}

.badge {
  display: inline-block;
  background: linear-gradient(135deg, #7b169c 0%, #e60f97 50%, #f53d93 100%);
  color: #fff;
  font-size: 12px;
  padding: 1px 12px;
  border-radius: 20px;
  margin-bottom: 12px;
}

.hero-title {
  font-size: 42px;
  line-height: 1.2;
  color: #1a1a1a;
  margin-bottom: 12px;
  transition: all 0.3s ease;
}

.hero-card:hover .hero-title {
  color: #e60f97;
}

/* EXCERPT */
.hero-excerpt {
  color:#776581;
  font-size:18px;
  margin-bottom: 16px;
}

.hero-meta {
  display: flex;
  color:#666;
  align-items: center;
  gap: 8px;
}

.hero-meta .author-img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  object-fit: cover;
}

.dot {
  opacity: 0.5;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .hero-card {
    flex-direction: column;
  }

  .hero-title {
    font-size: 28px;
  }
}
/* Real wedding section category page */

/* GRID */
.category-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.story-card {
  text-decoration: none;
  display: block;
}

/* IMAGE WRAPPER (fixed ratio) */
.story-img {
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-radius: 16px;
}

/* IMAGE */
.story-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}

/* ZOOM  */
.story-card:hover .story-img img {
  transform: scale(1.06);
}
/* TAG */
.meta-top {
  margin-top: 10px;
}

.tag {
  font-size: 11px;
  color: #e91e63;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

/* TITLE */
.story-title {
  font-size: 20px;
  color: #222;
  margin: 10px 0;
  transition: all 0.3s ease;
}

.story-card:hover .story-title {
 
  color: #e60f97;
}

/* EXCERPT */
.story-excerpt {
  color: #666;
  font-size: 14px;
}

/* META */
.meta-bottom {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  font-size: 13px;
  color: #777;
}

.author-img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  object-fit: cover;
}


/* FILTER BUTTONS */
.filter-bar {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-bottom: 20px;
}

.filter-bar a {
  padding: 6px 14px;
  border-radius: 20px;
  text-decoration: none;
  font-size: 13px;
  border: 1px solid #ddd;
  color: #555;
}

.filter-bar a.active {
  background: #111;
  color: #fff;
}

/* PAGINATION */
.fake-pagination {
  text-align: center;
  margin-top: 40px;
}

.fake-pagination .page,
.fake-pagination .next {
  display: inline-block;
  margin: 0 6px;
  padding: 8px 14px;
  border-radius: 50px;
  border: 1px solid #ddd;
  cursor: pointer;
}

.fake-pagination .active {
  background: #111;
  color: #fff;
}

.grid-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}

.grid-title {
  font-size: 32px;
  font-weight: 500;
}

/* FILTER */
.grid-filter {
  display: flex;
  gap: 10px;
}

.grid-filter a {
  padding: 6px 14px;
  border-radius: 20px;
  border: 1px solid #ddd;
  text-decoration: none;
  font-size: 13px;
  color: #555;
}

.grid-filter a.active {
  background: #111;
  color: #fff;
}


/* Other Category section of category page*/


.category-pills-title {
  font-size: 28px;
  margin-bottom: 20px;
}

.category-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

/* PILL */
.pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;

  padding: 4px 14px;
  border-radius: 999px;

  border: 1px solid #e5d6ea;
  background: #fff;

  text-decoration: none;
  color: #221429;
  font-size: 14px;

  transition: all 0.3s ease;
}

.pill:hover {
  border-color: #d829a2;
  color: #d829a2;
}

/* COUNT */
.pill .count {
  font-size: 12px;
  color: #999;
}


/*    author page code starts from here ----------->  */

/* =========================
   AUTHOR HERO (FINAL POLISH)
========================= */

.author-hero {
  display: flex;
  align-items: center;
  gap: 70px;
}

/* LEFT IMAGE */
.author-image-wrap {
  position: relative;
  width: 260px;
  height: 260px;
  flex-shrink: 0;
}

/* GRADIENT GLOW */
.author-image-wrap::before {
  content: "";
  position: absolute;
  inset: -40px;
  background: radial-gradient(
    circle,
    rgba(230, 15, 151, 0.45) 0%,
    rgba(230, 15, 151, 0.25) 40%,
    rgba(230, 15, 151, 0.08) 70%,
    transparent 85%
  );
  filter: blur(50px); 
  border-radius: 50%;
  z-index: 1;
}

/* IMAGE */
.author-image {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  position: relative;
  z-index: 2;
}

.verified-badge-a {
  position: absolute;
  bottom: 12px;
  left: 80%;
  transform: translateX(-50%);
  justify-content:center;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  gap: 6px;
  background: linear-gradient(135deg, #7b169c 0%, #e60f97 50%, #f53d93 100%);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 14px;
  border-radius: 30px;
  box-shadow: 0 6px 20px rgba(230,15,151,0.3);
  z-index: 5;
}

/* ICON */
.verified-badge-a i {
  font-size: 12px;
}
/* RIGHT CONTENT */
.author-content {
  max-width: 520px;
}

/* ROLE */
.author-role {
  font-size: 12px;
  letter-spacing: 2px;
  color: #e60f97;
  text-transform: uppercase;
  margin-bottom: 10px;
  display: block;
}

/* NAME */
.author-name {
  font-size: 56px;
  line-height: 1.1;
  margin: 0 0 14px;
  font-weight: 500;
}

/* BIO */
.author-bio {
  font-size: 16px;
  line-height: 1.7;
  color: #666;
}

.author-socials {
  margin-top: 20px;

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap; 
  gap: 12px;
  align-items: center;
}

.author-socials a {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 1px solid #e5e5e5;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #221429;
  font-size: 16px;
  transition: all 0.3s ease;
}

/* ICON CENTERING */
.author-socials i {
  line-height: 1;
}

/* HOVER */
.author-socials a:hover {
  background: linear-gradient(135deg, #7b169c 0%, #e60f97 50%, #f53d93 100%);
  color: #fff;
  border-color: #e60f97;
  transform: translateY(-2px);
}

/* =========================
   RESPONSIVE
========================= */

@media (max-width: 980px) {
  .author-hero {
    flex-direction: column;
    text-align: center;
    gap: 40px;
  }

  .author-content {
    max-width: 100%;
  }

  .author-name {
    font-size: 40px;
  }
}

/* Expertise section css*/

/* STATS */
.author-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin: 20px 0 60px 0;
  padding-bottom:40px;
  border-bottom: 1px solid #eddee8;
}

.stat-box {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 20px;
  border: 1px solid #eee;
  border-radius: 16px;
}

.stat-box i {
  background: linear-gradient(135deg, #7b169c, #e60f97);
  color: #fff;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.stat-box strong {
  display: block;
  font-size: 20px;
}

.stat-box span {
  font-size: 12px;
  color: #888;
  text-transform: uppercase;
}


/* GRID */
.author-expertise-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
}

/* TITLES */
.author-expertise-grid h3 {
  font-size: 28px;
  margin-bottom: 20px;
  color:#221429;
}

/* TAGS */
.expertise-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.expertise-tags span {
  padding: 8px 14px;
  border-radius: 30px;
  border: 1px solid #eddee8;
  background:#fcf5f9;
  COLOR: #221429;
  font-size: 14px;
}

/* CREDENTIALS */
.expertise-right ul {
  list-style: none;
  padding: 0;
}

.expertise-right li {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  color: #444;
  font-size:16px;
}

.expertise-right i {
  color: #e60f97;
}

/* MOBILE FIX */
@media (max-width: 585px) {

  /* STACK MAIN GRID */
  .author-expertise-grid {
    grid-template-columns: 1fr; 
    gap: 40px;
  }

  /* CENTER ALIGN  */
  .expertise-left,
  .expertise-right {
    width: 100%;
  }

  /* TITLE SPACING */
  .author-expertise-grid h3 {
    font-size: 24px;
    margin-bottom: 16px;
  }

  /* TAGS WRAP NICELY */
  .expertise-tags {
    gap: 8px;
  }

  .expertise-tags span {
    font-size: 12px;
    padding: 6px 12px;
  }

  /* STATS STACK */
  .author-stats {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  /* STAT BOX COMPACT */
  .stat-box {
    padding: 14px;
  }

}

/*Author Stories section */


/* HEADER */
.author-stories-header h2 {
  font-size: 36px;
  margin-bottom: 30px;
}

.author-stories-header span {
  font-size: 18px;
  color: #888;
}

/* GRID */
.author-stories-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

/* CARD */
.author-story-card {
  text-decoration: none;
  color: inherit;
  display: block;
}

/* IMAGE */
.author-story-img {
  overflow: hidden;
  border-radius: 14px;
}

.author-story-img img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.author-story-card:hover .author-story-img img {
  transform: scale(1.05);
}

/* CATEGORY */
.author-cat {
  display: block;
  font-size: 11px;
  text-transform: uppercase;
  color: #e60f97;
  margin-top: 10px;
  letter-spacing: 1px;
}

/* TITLE */
.author-story-card h3 {
  font-size: 18px;
  margin: 6px 0 10px;
  line-height: 1.4;
  transition: color 0.3s ease;
}

.author-story-card:hover h3 {
  color: #e60f97;
}

/* META */
.author-story-bottom {
  font-size: 12px;
  color: #888;
}

.author-story-bottom .dot {
  margin: 0 6px;
}

.read-time {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.watch-icon {
  width: 13px;
  height: 13px;
  stroke: #888;
  opacity: 0.8;
}

/* RESPONSIVE */
@media (max-width: 980px) {
  .author-stories-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .author-stories-grid {
    grid-template-columns: 1fr;
  }
}


/*  Post page code starts from here ------->   */


.post-meta-bar {
    display: flex;
    align-items: center;
    gap: 20px;
}

/* AUTHOR  */
.post-meta-author {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: inherit;
    padding-right: 20px;
    border-right: 1px solid #ddd; 
    transition: all 0.25s ease;
}

/* HOVER */
.post-meta-author:hover .post-meta-name {
    color: #e60f97;
}

/* AVATAR */
.post-meta-avatar img {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    object-fit: cover;
}

/* AUTHOR TEXT */
.post-meta-author-info {
    display: flex;
    flex-direction: column;
}

.post-meta-name {
    font-size: 15px;
    font-weight: 600;
    color: #222;
}

.post-meta-role {
    font-size: 13px;
    color: #777;
}

/* RIGHT SIDE */
.post-meta-dates {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.post-meta-row {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: #666;
}

.post-meta-row svg {
    width: 14px;
    height: 14px;
    stroke: #888;
    opacity: 0.9;
}

/* MOBILE */
@media (max-width: 767px) {
    .post-meta-bar {
        flex-direction: column;
        align-items: flex-start;
    }

    .post-meta-author {
        border-right: none;
        padding-right: 0;
    }
}

/* Sidebar content latest post   */
.ws-toc-box {
  border: 1px solid #edd3e2;
  border-radius: 16px;
  padding: 20px;
  background: #fff;
}

.ws-toc-title {
  font-size: 16px;
  margin-bottom: 14px;
}

.ws-toc-link {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  color: #6b5b75;
  text-decoration: none;
  transition: color 0.3s ease;
}

.ws-toc-link:hover {
  color: #e60f97;
}

/*post page author section*/

.post-author-about {
    display: flex;
    gap: 30px;
    align-items: flex-start;
}

/* LEFT IMAGE */
.post-author-about-left img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid #f6d5e6; 
}

/* RIGHT */
.post-author-about-right {
    max-width: 600px;
}

/* LABEL */
.post-author-label {
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #e60f97;
    font-weight: 600;
    margin-bottom: 6px;
    display: block;
}

/* NAME */
.post-author-name {
    font-size: 28px;
    font-weight: 500;
	
}

.post-author-name a {
    text-decoration: none;
    color:#221429;
    transition: color 0.25s ease;
}

.post-author-name a:hover {
    color: #e60f97;
}

/* ROLE + EXP */
.post-author-meta {
    font-size: 14px;
    color: #887794;
    margin-bottom: 12px;
}

/* BIO */
.post-author-bio {
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 16px;
}

/* TAGS */
.post-author-tags {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.post-author-tags span {
    
	padding: 2px 12px;
    border-radius: 20px;
    border: 1px solid #edd3e2;
    font-size: 12px;
    color: #555;
    background: #fff;
}


/* comment section post page */

.post-comments-wrap {
    margin-top: 60px;
}

/* TITLE */
.post-comments-title {
    font-size: 32px;
    margin-bottom: 30px;
}

.post-comments-title span {
    font-size: 18px;
    color: #221429;
}

/* LIST */
.post-comments-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* CARD */
.post-comment-card {
    display: flex;
    gap: 16px;
    padding: 20px;
    border-radius: 14px;
    border: 1px solid #edd3e2;
    background: #fff;
}

/* AVATAR */
.post-comment-avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: linear-gradient(135deg, #e60f97, #f53d93);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

/* META */
.post-comment-meta {
    font-size: 14px;
    margin-bottom: 6px;
}

.post-comment-meta span {
    color: #888;
    font-size: 13px;
}

/* TEXT */
.post-comment-content p {
    font-size: 15px;
    color: #433a54;
    margin: 0;
}

/* BUTTON */
.post-comments-footer {
    margin-top: 30px;
}

.post-comments-btn {
    display: inline-block;
    padding: 6px 24px;
    border-radius: 30px;
    border: 2px solid #221429;
    text-decoration: none;
    font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
    font-weight: 700;
    color: #221429;
    transition: all 0.3s ease;
}

.post-comments-btn:hover {
    background: #221429;
    color: #fff;
}

.hidden-comment {
    display: none;
}

/* Related section post page */

.post-related-wrap {
    margin-top: 60px;
}

.post-related-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

/* CARD */
.post-related-card {
    text-decoration: none;
    color: inherit;
    display: block;
}

/* IMAGE */
.post-related-img {
    border-radius: 18px;
    overflow: hidden;
}

.post-related-img img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    transition: transform 0.5s ease;
}

/* HOVER */
.post-related-card:hover img {
    transform: scale(1.05);
}

/* CATEGORY */
.post-related-cat {
    display: block;
    font-size: 11px;
    letter-spacing: 2px;
    color: #e60f97;
    margin-top: 12px;
    text-transform: uppercase;
}

/* TITLE */
.post-related-title {
    font-size: 20px;
    line-height: 1.4;
    margin-top: 6px;
    transition: color 0.3s ease;
}

.post-related-card:hover .post-related-title {
    color: #e60f97;
}

/* RESPONSIVE */
@media (max-width: 980px) {
    .post-related-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 767px) {
    .post-related-grid {
        grid-template-columns: 1fr;
    }
}


/* Header CSS  -------------->   */

/* =========================================
   HEADER WRAPPER ONLY
========================================= */

.et-l--header{
    position: relative;
    z-index: 9999;
    border-bottom: 1px solid #eee;
}

/* TOP ROW */
.et-l--header .et_pb_row:first-child{
    align-items: center;
}

/* =========================================
   RIGHT SIDE
========================================= */


/* Header CSS  -------------->   */

/* HEADER BASE */
.et-l--header{
position:relative;
z-index:9999;
border-bottom:1px solid #eee;
}

/* TOP ROW */
.et-l--header .et_pb_row:first-child{
align-items:center;
}

/* RIGHT SIDE */
.header-right{
display:flex;
align-items:center;
justify-content:flex-end;
gap:18px;
}

.header-right a{
text-decoration:none;
font-size:13px;
font-weight:700;
color:#444;
letter-spacing:1px;
}

/* SUBSCRIBE BUTTON */
.subscribe-btn{
display:inline-flex;
align-items:center;
justify-content:center;
height:34px;
padding:0 18px;
border-radius:999px;
background:linear-gradient(135deg,#7b169c,#e60f97);
color:#fff!important;
font-size:12px;
font-weight:700;
letter-spacing:1px;
line-height:1;
}

/* =========================
   TOP MENU ONLY
========================= */

/* MENU ITEM */
.main-header-menu .et-menu>li>a{
padding:8px 14px;
border-radius:20px;
transition:all .3s ease;
color:#555;
}

/* HOVER */
.main-header-menu .et-menu>li>a:hover{
background:#f6eef3;
color:#221429;
}

/* ACTIVE */
.main-header-menu .et-menu>li.current-menu-item>a{
background:#221429;
color:#fff;
}

/* DROPDOWN FIX */
.main-header-menu .sub-menu{
z-index:99999!important;
position:absolute;
}

/* MOBILE */
.main-header-menu .et_mobile_menu{
border-top:2px solid #e60f97;
}

/* LOWER MENU LAYER */
.second-header-menu{
position:relative;
z-index:1;
}




/*  Hero Banner Section Code Start From Here   */


.ws-hero-wrap {
    margin-bottom: 40px;
}

.ws-hero-card {
    position: relative;
    display: block;
    border-radius: 24px;
    overflow: hidden;
    height: 520px;
    color: #fff;
    text-decoration: none;
}

/* BG */
.ws-hero-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease;
}

/* HOVER ZOOM */
.ws-hero-card:hover .ws-hero-bg {
    transform: scale(1.05);
}

/* OVERLAY */
.ws-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(20, 0, 20, 0.9) 0%,
        rgba(20, 0, 20, 0.6) 40%,
        rgba(20, 0, 20, 0.2) 70%,
        transparent 90%
    );
}

/* TOP TAGS */
.ws-hero-top {
    position: absolute;
    top: 20px;
    left: 20px;
    display: flex;
    gap: 8px;
    z-index: 2;
}

.ws-hero-cat {
    background: #fff;
    color: #221429;
    font-size: 11px;
    padding: 0px 12px;
    border-radius: 16px;
    font-weight: 600;
	text-transform: uppercase;
}

.ws-hero-tag {
    color: #e60f97;
    background: #f9f0f4;
    font-size: 11px;
    padding: 0px 12px;
	letter-spacing: 0.18em;
    border-radius: 16px;
    font-weight: 600;
	text-transform: uppercase;
}

/* CONTENT */
.ws-hero-content {
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;
    z-index: 2;
}

/* TITLE */
.ws-hero-title {
    font-size: 48px;
    line-height: 1;
    margin-bottom: 12px;
	color: #fcfaf8;
}

/* EXCERPT */
.ws-hero-excerpt {
    font-size: 18px;
    color: #cdc0c7;
    margin-bottom: 16px;
}

.ws-hero-read {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.ws-watch-icon {
    width: 14px;
    height: 14px;
    opacity: 0.85;
}

.ws-cover {
    background: linear-gradient(135deg, #7b169c, #e60f97);
    color: #fff;
    font-weight: 700;
}

/* META */
.ws-hero-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: rgba(255,255,255,0.75);
}

.ws-hero-author-img {
    width: 28px;
	border:2px solid #958490;
    height: 28px;
    border-radius: 50%;
}

.ws-hero-author{
	font-size:14px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

.ws-dot {
    opacity: 0.6;
}

/* =========================
   HERO RESPONSIVE
========================= */

/* TABLET */
@media (max-width: 1024px) {

    .ws-hero-card {
        height: 440px;
    }

    .ws-hero-title {
        font-size: 36px;
        line-height: 1.25;
    }

    .ws-hero-excerpt {
        font-size: 15px;
    }

    .ws-hero-content {
        left: 24px;
        right: 24px;
        bottom: 24px;
    }
}

/* MOBILE */
@media (max-width: 767px) {

    .ws-hero-card {
        height: 380px;
        border-radius: 18px;
    }

    .ws-hero-content {
        left: 18px;
        right: 18px;
        bottom: 18px;
    }

    .ws-hero-title {
        font-size: 26px;
        line-height: 1.3;
    }

    .ws-hero-excerpt {
        font-size: 14px;
        line-height: 1.5;
    }

    .ws-hero-meta {
        font-size: 12px;
        gap: 6px;
        flex-wrap: wrap;
    }

    .ws-hero-author-img {
        width: 22px;
        height: 22px;
    }

    .ws-hero-top {
        top: 14px;
        left: 14px;
        gap: 6px;
        flex-wrap: wrap;
    }

    .ws-hero-cat,
    .ws-hero-tag {
        font-size: 9px;
        padding: 3px 8px;
    }
}


/* Vendor Css starts from here */


.vendor-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
	align-items: stretch;
}

.vendor-card {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid #eddee8;
    transition: 0.3s;
	display: flex;
    flex-direction: column;
    height: 100%;
}

.vendor-card:hover {
	border: 1px solid #f17ec7;
	box-shadow:0 10px 40px -10px #7b169c2e;
	
}

/* OUTER FRAME */
.vendor-img {
    position: relative;
    overflow: hidden;
    height: 280px;
}

/* INNER MASK */
.vendor-img-inner {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/* IMAGE */
.vendor-img-inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: transform 0.6s ease;
}

/* ZOOM EFFECT */
.vendor-card:hover .vendor-img-inner img {
    transform: scale(1.08);
}

/* BADGE */
.vendor-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    background: #fff;
    padding: 2px 12px;
    border-radius: 30px;
    font-size: 10px;
    font-weight: 700;
	letter-spacing: 0.05em;
    display: flex;
    align-items: center;
    gap: 6px;
}

.vendor-badge i {
    color: #ff4da6;
}

/* RATING */
.vendor-rating {
    position: absolute;
    top: 12px;
    right: 12px;
    background: #261729;
    color: #fff;
    padding: 2px 12px;
    border-radius: 30px;
    font-size: 11px;
}

/* CONTENT */

.vendor-content {
    display: flex;
    flex-direction: column;
    flex: 1;
	padding:20px;
}

.vendor-cat {
    font-size: 10px;
    color: #e823a0;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing:0.2em;
}

.vendor-content h3 {
    font-size: 24px;
    margin: 6px 0;
	line-height: 2rem;
}

.vendor-content p {
    font-size: 14px;
	margin-bottom:10px;
    color: #7c6a85;
}

/* META */
.vendor-meta {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    margin-top: auto;
    color:#7c6a85;
	
}

.vendor-location i {
    color: #ff4da6;
    font-size: 12px;
    margin-right: 4px;
}

.vendor-card-link {
    text-decoration: none;
    color: inherit;
    display: block;
}


.vendor-card:hover .vendor-title {
    color: #ff4da6;
}

.vendor-title {
    transition: color 0.3s ease;
}



/* ================= FILTER BAR ================= */
.vendor-filter-wrap {
    display: flex;
    align-items: center;
    gap: 18px;
	padding: 20px 0 ;
	background:#fff;
	border-bottom: 1px solid #eddee8;
    margin-bottom: 80px;
}

/* ================= SEARCH (PILL STYLE) ================= */
#vendor-search-input {
    flex: 1;
    border: 1px solid #f3d9e6;
    border-radius: 30px;
    padding: 10px 14px 10px 32px;
    font-size: 13px;
    outline: none;
    background: #faf7f7;
}

/* SEARCH ICON */
.vendor-filter-wrap {
    position: relative;
}

.vendor-filter-wrap::before {
    content: "\f002";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    color: #bbb;
}

/* ================= DROPDOWNS ================= */
.vendor-filter-wrap select {
    border: 1px solid #f3d9e6;
    border-radius: 30px;
    padding: 10px 18px;
    font-size: 13px;
    background: #fff;
    cursor: pointer;
}

/* ACTIVE */
.vendor-filter-wrap select:focus,
#vendor-search-input:focus {
    border-color: #ff4da6;
}

/* ================= COUNT ================= */
#vendor-count {
    font-size: 13px;
    color: #888;
    margin-left: 6px;
}



/* ================= TAB (≤768px) ================= */
@media (max-width: 768px) {

    .vendor-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .vendor-img {
        height: 240px;
    }

    .vendor-content {
        padding: 16px;
    }

    .vendor-content h3 {
        font-size: 22px;
    }

    .vendor-content p {
        font-size: 14px;
    }

}



/* ================= SMALL MOBILE (≤480px) ================= */
@media (max-width: 480px) {
	
	.vendor-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .vendor-img {
        height: 200px;
    }

    .vendor-badge {
        font-size: 9px;
        padding: 2px 10px;
    }

    .vendor-rating {
        font-size: 10px;
        padding: 2px 10px;
    }

    .vendor-cat {
        font-size: 9px;
        letter-spacing: 0.15em;
    }

    .vendor-content h3 {
        font-size: 16px;
    }

    .vendor-meta {
        flex-direction: column;
        gap: 4px;
        font-size: 11px;
    }

}


/*Single vendor page custom  css*/

/* =========================
   VENDOR HERO
========================= */

.vendor-single {
    background: #fcfaf8;
}

.vendor-hero {
    position: relative;
    height: 380px;
    overflow: hidden;
}

.vendor-hero img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* OVERLAY */
.vendor-hero::after {
    content: "";
    position: absolute;
    inset: 0;

    background:
    linear-gradient(
        to bottom,
        rgba(0,0,0,0.05) 0%,
        rgba(0,0,0,0.15) 45%,
        rgba(15,5,15,0.45) 100%
    );
}


/* =========================
   FLOATING CARD
========================= */

.vendor-header-card {

    width: calc(100% - 90px);
    max-width: 1155px;
    margin: -88px auto 10px;
    position: relative;
    z-index: 10;
    background: #f8f5f7;
    border: 1px solid #efe3ea;
    border-radius: 28px;
    padding: 30px 38px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    box-shadow: 0 8px 30px rgba(20,0,20,0.04);
}

/* =========================
   LEFT
========================= */

.vendor-header-left {
    flex: 1;
}

/* STACKED */
/* TOP ROW */
.vendor-top-line {

    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 14px;
}

/* BADGE */
.vendor-badg {

    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 12px;
    border-radius: 999px;
    background:
    linear-gradient(
        135deg,
        #7b169c 0%,
        #e60f97 50%,
        #f53d93 100%
    );
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    line-height: 1;
}

.vendor-badg i {
    font-size: 10px;
}


/* TITLE */
.vendor-header-left h1 {

    font-size: 60px;
	font-family: "Playfair Display", Georgia, serif;
    line-height: 1;
    letter-spacing: -0.02em;
    color: #221429;
    margin: 0 0 10px;
    max-width: 760px;
}

/* TAGLINE */
.vendor-tagline {
    font-size: 18px;
    line-height: 1.45;
    color: #75657b;
    margin-bottom: 18px;
    max-width: 540px;
}

/* CATEGORY */
.vendor-cate {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.22em;
    color: #e31d94;
    text-transform: uppercase;
    line-height: 1;
}


/* META */
.vendor-meta {
	max-width: 300px;
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
    margin-top: 14px;
    font-size: 13px;
    font-weight: 500;
    color: #66556f;
}

.vendor-meta span {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

.vendor-meta i {
    color: #e60f97;
    margin-right: 5px;
    font-size: 11px;
}
/* =========================
   RIGHT SIDE
========================= */

.vendor-header-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 12px;
    padding-top: 8px;
}

/* ENQUIRE */
.btn-enquire {
    height: 48px;
    padding: 0 26px;
    border-radius: 999px;
    background:
    linear-gradient(
        135deg,
        #7b169c 0%,
        #e60f97 50%,
        #f53d93 100%
    );
    color: #fff;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 700;
    transition: all 0.3s ease;
    box-shadow:
    0 10px 24px rgba(230,15,151,0.22);
}

.btn-enquire:hover {
    transform: translateY(-2px);
}

/* SAVE */
.btn-save {
    height: 46px;
    padding: 0 26px;
    border-radius: 999px;
    background: transparent;
    border: 1px solid #d7ccd3;
    color: #241428;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-save:hover {

    background: #241428;
    color: #fff;
    border-color: #241428;
}


/* =========================
   RESPONSIVE
========================= */

@media (max-width: 880px) {

    .vendor-header-card {
        flex-direction: column;
        gap: 24px;
        width: calc(100% - 40px);
        margin-top: -60px;
    }

    .vendor-header-left h1 {
        font-size: 42px;
    }

    .vendor-tagline {
        font-size: 17px;
    }

    .vendor-header-right {
        width: 100%;
        flex-direction: row;
        align-items: center;
    }
}

@media (max-width: 485px) {

    .vendor-hero {
        height: 280px;
    }

    .vendor-header-card {
        padding: 24px;
        border-radius: 22px;
    }

    .vendor-header-left h1 {
        font-size: 34px;
    }

    .vendor-tagline {
        font-size: 15px;
    }

    .vendor-meta {
        gap: 14px;
        font-size: 13px;
    }

    .vendor-header-right {
        flex-direction: column;
        width: 100%;
    }

    .btn-enquire,
    .btn-save {
        width: 100%;
    }
}
 
/* =========================
VENDOR CONTENT LAYOUT
========================= */

.wsv-layout-wrap {
    max-width: 1280px;
    margin: 0 auto;
    padding: 10px 30px 0;
}

.wsv-layout-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 40px;
    align-items: start;
}

/* =========================
LEFT CONTENT
========================= */

.wsv-main {
    min-width: 0;
}

/* ABOUT SECTION */
.wsv-about{
    margin-bottom:40px;
}

.wsv-about-head{
    margin-bottom:18px;
}

.wsv-sec-title{
    font-family:"Playfair Display",serif;
    font-size:30px;
    line-height:1;
    letter-spacing:-1.5px;
    color:#241428;
    margin:0;
}

.wsv-about-content{
    max-width:900px;
}

.wsv-about-content p{
    font-size:18px;
    line-height: 1.625;
    color:#6f6078;
    margin:0 0 22px;
}

.wsv-about-content strong{
    color:#241428;
    font-weight:600;
}

.wsv-about-content a{
    color:#e51b94;
    text-decoration:none;
}

.wsv-about-content ul,
.wsv-about-content ol{
    padding-left:22px;
    margin:0 0 24px;
}

.wsv-about-content li{
    margin-bottom:10px;
    color:#6f6078;
    line-height:1.8;
}


/* =========================
SIDEBAR
========================= */

.wsv-sidebar {
    position: relative;
}

.wsv-sidebar-placeholder {
    background: #fff;
    border: 1px solid #eee2e9;
    border-radius: 24px;
    padding: 24px;
    color: #887794;
    font-size: 14px;
}

/* =========================
RESPONSIVE
========================= */

@media (max-width: 980px) {

    .wsv-layout-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .wsv-about-content {
        max-width: 100%;
    }
}

@media (max-width: 767px) {

    .wsv-layout-wrap {
        padding: 0 20px;
    }
    
    .wsv-about-head{
    margin-bottom:8px;
}

    .wsv-sec-title {
        font-size: 24px;
    }

    .wsv-about-content p{
        font-size: 13px;
        line-height: 1.8;
    }
}


/* SERVICES */

.wsv-services{
    margin-bottom:40px;
}

.wsv-services-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    margin-top:22px;
}

.wsv-service-card{
    display:flex;
    align-items:center;
    gap:12px;
    min-height:62px;
    padding:0 20px;
    border:1px solid #f1dce8;
    border-radius:16px;
    background:#fffafb;
    transition:all .25s ease;
}

.wsv-service-card:hover{
    transform:translateY(-2px);
    border-color:#eab9d6;
    box-shadow:0 10px 24px rgba(20,0,20,.04);
}

.wsv-service-icon{
    color:#e61b95;
    font-size:15px;
    flex-shrink:0;
}

.wsv-service-name{
    font-size:15px;
    font-weight:500;
    line-height:1.4;
    color:#2a1a2d;
}

@media(max-width:767px){

    .wsv-services-grid{
        grid-template-columns:1fr;
    }

}


/* PORTFOLIO */
.wsv-portfolio{
    margin-bottom:70px;
}

.wsv-portfolio-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
    margin-top:24px;
}

.wsv-portfolio-item{
    position:relative;
    overflow:hidden;
    border-radius:20px;
    background:#f4eef2;
    aspect-ratio:1/1;
}

.wsv-portfolio-item img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .45s ease;
}

.wsv-portfolio-item:hover img{
    transform:scale(1.04);
}

@media(max-width:980px){

    .wsv-portfolio-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

}

@media(max-width:767px){

    .wsv-portfolio-grid{
        grid-template-columns:1fr;
        gap:14px;
    }

}
/* VERIFIED */
/* VERIFIED */
.wsv-verified{
    max-width:920px;
    margin-top:10px;
    padding:30px 34px;
    border:1px solid #f0dce7;
    border-radius:22px;
    background:#fff8fb;
}

.wsv-verified-content{
    width:100%;
}

.wsv-verified-top{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:4px;
}

.wsv-verified-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:18px;
    height:18px;
    color:#eb1b95;
    font-size:18px;
    flex-shrink:0;
}

.wsv-verified-content h3{
    font-family:"Playfair Display",serif;
    font-size:20px;
    line-height:1;
    font-weight:400;
    color:#241428;
    margin:0;
}

.wsv-verified-content p{
    max-width:760px;
    font-size:15px;
    line-height:1.8;
    color:#6f6078;
    margin:0;
}

@media(max-width:767px){

    .wsv-verified{
        padding:24px;
        margin-top:30px;
        border-radius:18px;
    }

    .wsv-verified-content h3{
        font-size:18px;
    }

    .wsv-verified-content p{
        font-size:14px;
    }

}

/* SIDEBAR CARD */
.wsv-glance-card{
    padding:32px 28px;
    border:1px solid #f0dce7;
    border-radius:22px;
    background:#fff;
    margin-bottom:10px;
}

.wsv-side-title{
    font-family:"Playfair Display",serif;
    font-size:20px;
    line-height:1.1;
    font-weight:500;
    color:#241428;
    margin:0 0 10px;
}

.wsv-glance-list{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.wsv-glance-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

.wsv-glance-row span{
    font-size:14px;
    color:#74657d;
    line-height:1.25rem;
}

.wsv-glance-row strong{
    font-size:14px;
    font-weight:600;
    color:#241428;
}

.wsv-rating{
    display:flex;
    align-items:center;
    gap:6px;
    color:#241428;
}

.wsv-rating i{
    color:#eb1b95;
    font-size:12px;
}

@media(max-width:767px){

    .wsv-glance-card{
        padding:24px;
        border-radius:18px;
    }

    .wsv-side-title{
        font-size:20px;
        margin-bottom:22px;
    }

}


/* CONTACT CARD */
.wsv-contact-card{
    padding:32px 28px;
    border:1px solid #f0dce7;
    border-radius:22px;
    background:#fff;
    margin-bottom:18px;
    margin-top:20px;
}

.wsv-contact-list{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.wsv-contact-item{
    display:flex;
    align-items:flex-start;
    gap:14px;
}

.wsv-contact-icon{
    width:18px;
    color:#eb1b95;
    font-size:14px;
    flex-shrink:0;
    margin-top:3px;
}

.wsv-contact-item span{
    font-size:14px;
    line-height:1.25rem;
    color:#2c1d2f;
    word-break:break-word;
}

@media(max-width:767px){

    .wsv-contact-card{
        padding:24px;
        border-radius:18px;
    }

}

/* QUOTE CARD */
.wsv-quote-card{
    padding:24px;
    border-radius:22px;
    background:linear-gradient(135deg,#7b169c 0%,#e60f97 50%,#f53d93 100%);
    overflow:hidden;
    margin-top:20px;
}

.wsv-quote-title{
    font-family:"Playfair Display",serif;
    font-size:20px;
    line-height:1;
    font-weight:500;
    color:#fff;
    margin:0 0 8px;
}

.wsv-quote-text{
    font-size:14px;
    line-height:1.8;
    color:rgba(255,255,255,.92);
    margin:0 0 20px;
    max-width:260px;
}

.wsv-quote-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:35px;
    padding:0 20px;
    border-radius:999px;
    background:#fff;
    color:#241428;
    font-size:12px;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
    text-decoration:none;
    transition:all .25s ease;
}

.wsv-quote-btn:hover{
    transform:translateY(-2px);
    background:#fff;
    color:#241428;
}

/*  Related vendor section CSS  */

/* RELATED VENDORS */
.wsv-related-wrap{
    max-width:1280px;
    padding:0 30px 40px;
}

.wsv-related-title{
    font-family:"Playfair Display",serif;
    font-size:32px;
    line-height:1;
    font-weight:500;
    color:#241428;
    margin:0 0 30px;
}

.wsv-related-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px;
}

.wsv-related-card{
    display:flex;
    flex-direction:column;
    overflow:hidden;
    border:1px solid #f0dce7;
    border-radius:22px;
    background:#fff;
    text-decoration:none;
    transition:all .3s ease;
}

.wsv-related-card:hover{
    box-shadow: 0 8px 20px rgba(255, 45, 149, 0.15);
}

.wsv-related-image{
    aspect-ratio:1/.82;
    overflow:hidden;
    background:#f4eef2;
}

.wsv-related-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .5s ease;
}

.wsv-related-card:hover img{
    transform:scale(1.05);
}

.wsv-related-content{
    padding:20px 20px 18px;
}

.wsv-related-cat{
    font-size:10px;
    font-weight:700;
    letter-spacing:.22em;
    text-transform:uppercase;
    color:#eb1b95;
    margin-bottom:10px;
}

.wsv-related-name{
    font-family:"Playfair Display",serif;
    font-size:20px;
    line-height:1.1;
    font-weight:500;
    color:#241428;
    margin:0 0 18px;
    transition:color .25s ease;
}

.wsv-related-card:hover .wsv-related-name{
    color:#eb1b95;
}

.wsv-related-meta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
}

.wsv-related-location,
.wsv-related-rating{
    display:flex;
    align-items:center;
    gap:6px;
    font-size:12px;
    color:#6f6078;
}

.wsv-related-location i,
.wsv-related-rating i{
    color:#eb1b95;
    font-size:11px;
}

@media(max-width:980px){

    .wsv-related-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

}

@media(max-width:767px){

    .wsv-related-wrap{
        padding:0 20px 60px;
        margin-top:70px;
    }

    .wsv-related-title{
        font-size:38px;
        margin-bottom:28px;
    }

    .wsv-related-grid{
        grid-template-columns:1fr;
        gap:18px;
    }

    .wsv-related-name{
        font-size:24px;
    }

}


.wrs-story-card{
    display:block;
    text-decoration:none;
    transition:0.35s ease;
}

.wrs-story-image{
    border-radius:24px;
    overflow:hidden;
    aspect-ratio:1/0.72;
    margin-bottom:18px;
}

.wrs-story-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:0.45s ease;
}

.wrs-story-content{
    padding:0 2px;
}

.wrs-story-couple{
    font-size:11px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#eb1b95;
    margin-bottom:14px;
}

.wrs-story-title{
    font-size:22px;
    line-height:1.2;
    font-weight:500;
    color:#2b1631;
    margin:0 0 14px;
    transition:0.3s ease;
}

.wrs-story-excerpt{
    font-size:15px;
    line-height:1.8;
    color:#6f6178;
    margin:0 0 16px;
}

.wrs-story-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    font-size:13px;
    color:#8a7d92;
}

.wrs-story-location{
    display:flex;
    align-items:center;
    gap:6px;
}

.wrs-story-location i{
    color:#eb1b95;
    font-size:11px;
}

.wrs-story-dot{
    opacity:0.5;
}

.wrs-story-card:hover{
    transform:translateY(-5px);
}

.wrs-story-card:hover .wrs-story-image img{
    transform:scale(1.04);
}

.wrs-story-card:hover .wrs-story-title{
    color:#eb1b95;
}




/* ================= STORY ARCHIVE ================= */

.wrs-archive-wrap{
    max-width:1280px;
    margin:0 auto;
    padding:0px 20px 80px;
}

/* ================= FILTER ================= */

/* FILTER BAR */
.wrs-archive-filter {
    margin-bottom: 60px;
	border-bottom: 1px solid #edd3e2;
	padding:20px 0;
}

/* FORM */
.wrs-filter-form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

/* SEARCH */
.wrs-filter-search {
    flex: 1;
    position: relative;
}

.wrs-filter-search i {
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    color: #8f7b98;
    font-size: 14px;
}

.wrs-filter-search input {
    width: 100%;
    height: 40px;
    border-radius: 999px;
    border: 1px solid #edd3e2;
    background: #faf6f7;
    padding: 0 24px 0 48px;
    font-size: 15px;
    color: #221429;
    outline: none;
    transition: all 0.3s ease;
}

.wrs-filter-search input:focus {
    border-color: #e60f97;
}

/* RIGHT SIDE */
.wrs-filter-right {
    display: flex;
    align-items: center;
    gap: 14px;
}

/* SELECT */
.wrs-filter-right select {
    height: 40px;
    min-width: 190px;
    padding: 0 20px;
    border-radius: 999px;
    border: 1px solid #edd3e2;
    background: #fcfaf8;
    font-size: 15px;
    color: #221429;
    outline: none;
    cursor: pointer;
}

.wrs-filter-right select:focus {
    border-color: #e60f97;
}


/* COUNT */
.wrs-story-count {
    font-size: 14px;
    color: #6d5c75;
    white-space: nowrap;
}

/* MOBILE */
@media (max-width: 767px) {

    .wrs-filter-form {
        flex-direction: column;
        align-items: stretch;
    }

    .wrs-filter-right {
        width: 100%;
        justify-content: space-between;
    }

    .wrs-filter-right select {
        flex: 1;
    }
}

/* ================= FEATURED STORY ================= */

.wrs-featured-story{
    margin-bottom:60px;
}

.wrs-featured-story .wrs-story-card{
    display:grid;
    grid-template-columns:1.2fr 1fr;
    gap:34px;
    align-items:center;
}

.wrs-featured-story .wrs-story-image{
    margin-bottom:0;
    aspect-ratio:1/0.78;
    border-radius:30px;
}

.wrs-featured-story .wrs-story-content{
    padding:0;
}

.wrs-featured-story .wrs-story-couple{
    font-size:12px;
    margin-bottom:18px;
}

.wrs-featured-story .wrs-story-title{
    font-size:48px;
    line-height:1.08;
    letter-spacing:-1px;
    margin-bottom:22px;
}

.wrs-featured-story .wrs-story-excerpt{
    font-size:17px;
    line-height:1.9;
    margin-bottom:24px;
    max-width:90%;
}

.wrs-featured-story .wrs-story-meta{
    font-size:14px;
}

/* ================= STORY GRID ================= */

.wrs-story-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:34px;
}

/* ================= STORY CARD ================= */

.wrs-story-card{
    display:block;
    text-decoration:none;
    transition:.35s ease;
}

.wrs-story-image{
    border-radius:24px;
    overflow:hidden;
    aspect-ratio:1/0.72;
    margin-bottom:18px;
    background:#f5f5f5;
}

.wrs-story-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:.45s ease;
}

.wrs-story-content{
    padding:0 2px;
}

.wrs-story-couple{
    font-size:11px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#eb1b95;
    margin-bottom:14px;
}

.wrs-story-title{
    font-size:24px;
    line-height:1.18;
    font-weight:500;
    color:#2b1631;
    margin:0 0 14px;
    transition:.3s ease;
}

.wrs-story-excerpt{
    font-size:15px;
    line-height:1.8;
    color:#6f6178;
    margin:0 0 16px;
}

.wrs-story-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    font-size:13px;
    color:#8a7d92;
}

.wrs-story-location{
    display:flex;
    align-items:center;
    gap:6px;
}

.wrs-story-location i{
    color:#eb1b95;
    font-size:11px;
}

.wrs-story-dot{
    opacity:.5;
}

.wrs-story-card:hover{
    transform:translateY(-6px);
}

.wrs-story-card:hover .wrs-story-image img{
    transform:scale(1.04);
}

.wrs-story-card:hover .wrs-story-title{
    color:#eb1b95;
}

/* ================= EMPTY ================= */

.wrs-no-stories{
    grid-column:1/-1;
    text-align:center;
    padding:30px 20px;
    border:1px solid #f1e6ef;
    border-radius:24px;
    font-size:16px;
    color:#7c6d84;
    background:#fff;
}

/* ================= RESPONSIVE ================= */

@media(max-width:980px){

    .wrs-featured-story .wrs-story-card{
        grid-template-columns:1fr;
    }

    .wrs-featured-story .wrs-story-title{
        font-size:36px;
    }

    .wrs-story-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .wrs-filter-grid{
        flex-wrap:wrap;
    }

    .wrs-filter-grid input,
    .wrs-filter-grid select,
    .wrs-filter-grid button{
        width:100%;
    }

}

@media(max-width:767px){

    .wrs-story-grid{
        grid-template-columns:1fr;
        gap:28px;
    }

    .wrs-featured-story .wrs-story-title{
        font-size:30px;
    }

    .wrs-featured-story .wrs-story-excerpt{
        max-width:100%;
    }

    .wrs-filter-grid{
        padding:14px;
        border-radius:18px;
    }

    .wrs-filter-grid input,
    .wrs-filter-grid select,
    .wrs-filter-grid button{
        height:52px;
    }

}

.wrs-featured-badge{
    position:absolute;
    top:18px;
    left:18px;
    z-index:3;
    display:inline-flex;
    align-items:center;
    gap:7px;
    background:#fff;
    color:#2b1631;
    border-radius:40px;
    padding:8px 14px;
    font-size:10px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.wrs-featured-badge i{
    color:#eb1b95;
    font-size:10px;
}

.wrs-story-image{
    position:relative;
}

.wrs-story-date,
.wrs-story-guests,
.wrs-story-days{
    display:flex;
    align-items:center;
    gap:6px;
}

.wrs-story-date i{
    color:#eb1b95;
    font-size:11px;
}

/* =========================
   SINGLE STORY HERO
========================= */

.ws-story-hero {
    position: relative;
    overflow: hidden;
}

/* HERO IMAGE */
.ws-story-hero-image {
    position: relative;
    height: 480px;
    overflow: hidden;
}

.ws-story-hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* OVERLAY */
.ws-story-overlay {
    position: absolute;
    inset: 0;
    background:
    linear-gradient(
        to top,
        rgba(20, 0, 20, 0.88) 0%,
        rgba(20, 0, 20, 0.58) 38%,
        rgba(20, 0, 20, 0.15) 68%,
        rgba(20, 0, 20, 0.05) 100%
    );
}

/* CONTENT */
.ws-story-hero-content {
    position: absolute;
    left: 110px;
    bottom: 50px;
    z-index: 5;
    max-width: 760px;
}

/* BADGE */
.ws-story-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255,255,255,0.18);
    backdrop-filter: blur(12px);
    border-radius: 999px;
    padding: 6px 14px;
    color: #fff;
    font-size: 11px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 26px;
    font-weight: 600;
}

/* TITLE */
.ws-story-title {
    font-size: 72px;
    line-height: 0.95;
    color: #fff;
    margin-bottom: 28px;
    font-weight: 400;
    letter-spacing: -2px;
}

/* META */
.ws-story-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 22px;
    color: rgba(255,255,255,0.92);
    font-size: 14px;
}

.ws-story-meta span {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ws-story-meta i {
    font-size: 13px;
    opacity: 0.85;
}

.ws-story-meta .couple {
    font-weight: 700;
}

/* STRIP */
.ws-story-strip {
    height: 135px;
    background: #1c0826;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: center;
    text-align: center;
}

/* ITEM */
.ws-strip-item strong {
    display: block;
    color: #fff;
	font-family:"Playfair Display", Georgia, serif;
    font-size: 36px;
    line-height: 1;
    font-weight: 500;
    margin-bottom: 8px;
}

.ws-strip-item span {
    color: rgba(255,255,255,0.72);
    font-size: 12px;
    letter-spacing: 2px;
}

/* MOBILE */
@media (max-width: 980px) {

    .ws-story-hero-image {
        height: 620px;
    }

    .ws-story-hero-content {
        left: 40px;
        right: 40px;
        bottom: 60px;
    }

    .ws-story-title {
        font-size: 52px;
    }

    .ws-story-strip {
        grid-template-columns: repeat(2, 1fr);
        height: auto;
        padding: 30px 0;
        gap: 30px;
    }
}

@media (max-width: 767px) {

    .ws-story-title {
        font-size: 38px;
        line-height: 1.05;
    }

    .ws-story-meta {
        gap: 12px;
        font-size: 13px;
    }

    .ws-strip-item strong {
        font-size: 32px;
    }
}


/* =========================
   STORY CONTENT LAYOUT
========================= */

.ws-story-layout-wrap {
    padding: 0;
}

/* GRID */
.ws-story-layout-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 70px;
    align-items: start;
}

/* MAIN */
.ws-story-main {
    min-width: 0;
}

/* LABEL */
.ws-story-label {
    display: inline-block;
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #e60f97;
    font-weight: 700;
    margin-bottom: 0px;
}


/* STORY HEADING */
.ws-story-heading{
font-size:36px;
line-height:1.05;
font-weight:500;
color:#221429;
margin:20px 0 ;
font-family:"Playfair Display",Georgia,serif;
}

/* GRADIENT THEME */
.ws-story-heading span{
background:linear-gradient(135deg,#7b169c 0%,#e60f97 50%,#f53d93 100%);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
background-clip:text;
color:transparent;
}

/* MOBILE */
@media(max-width:767px){

.ws-story-heading{
font-size:28px;
line-height:1.12;
margin:14px 0 26px;
}
}
/* CONTENT */
.ws-story-content {
    max-width: 820px;
}

.ws-story-content p {
    font-size: 18px;
    line-height: 1.8;
    color: #221429;
    margin-bottom: 20px;
}

/* FIRST LETTER */
.ws-story-content p:first-child::first-letter{
font-family:"Playfair Display",Georgia,serif;
float:left;
display:inline-block;
font-size:72px;
line-height:0.85;
padding-right:10px;
font-weight:500;
background:linear-gradient(135deg,#7b169c 0%,#e60f97 50%,#f53d93 100%);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
background-clip:text;
color:transparent;
}

/* GALLERY */
.ws-story-gallery-wrap {
    margin-top: 60px;
}

/* TITLE */
.ws-story-gallery-title {
    font-size: 24px;
    margin-bottom: 32px;
    color: #221429;
    font-weight: 500;
}

/* GRID */
.ws-story-gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

/* ITEM */
.ws-gallery-item {
    overflow: hidden;
    border-radius: 18px;
}

/* IMAGE */
.ws-gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

/* HOVER */
.ws-gallery-item:hover img {
    transform: scale(1.04);
}

/* MASONRY STYLE */
.ws-gallery-item:nth-child(1) {
    grid-row: span 2;
}

.ws-gallery-item:nth-child(1) img {
    height: 100%;
}

/* SIDEBAR */
.ws-story-sidebar {
    position: sticky;
    top: 40px;
}

/* MOBILE */
@media (max-width: 980px) {

    .ws-story-layout-grid {
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .ws-story-content p {
        font-size: 18px;
    }

    .ws-story-gallery-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {

    .ws-story-layout-wrap {
        padding: 60px 0;
    }

    .ws-story-gallery-grid {
        grid-template-columns: 1fr;
    }

    .ws-story-gallery-title {
        font-size: 30px;
    }

    .ws-story-content p {
        font-size: 17px;
        line-height: 1.8;
    }

    .ws-story-content p:first-child::first-letter {
        font-size: 54px;
    }
}

/* =========================
   VENDOR CREDITS
========================= */

.ws-story-vendors {
    margin-top: 60px;
    padding: 32px;
    border-radius: 24px;
    background: #fcf5f9;
    border: 1px solid #f1dce8;
}

/* TITLE */
.ws-vendor-title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 28px;
    margin-bottom: 12px;
    color: #221429;
}

.ws-vendor-title i {
    color: #e60f97;
    font-size: 18px;
}

/* GRID */
.ws-vendor-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

/* CARD */
.ws-vendor-card {
    background: #fff;
    border-radius: 16px;
    padding: 12px 16px;
    border: 1px solid #edd3e2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    transition: all 0.3s ease;
}

/* HOVER */
.ws-vendor-card:hover {
    transform: translateY(-2px);
    border-color: #e60f97;
    box-shadow: 0 10px 30px rgba(230,15,151,0.08);
}

/* CATEGORY */
.ws-vendor-cat {
    display: block;
    font-size: 10px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #a18a9f;
    margin-bottom: 2px;
    font-weight: 700;
}

/* NAME */
.ws-vendor-card h3 {
    font-size: 16px;
	font-family: Inter, Georgia, serif;
    color: #221429;
	font-weight: 600;
    margin: 0;
}

/* LINK */
.ws-vendor-link {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: #e60f97;
}

/* MOBILE */
@media (max-width: 767px) {

    .ws-vendor-grid {
        grid-template-columns: 1fr;
    }

    .ws-story-vendors {
        padding: 24px;
    }

    .ws-vendor-title {
        font-size: 24px;
    }
}

/* DETAILS CARD */
.ws-details-card{
background:#fff;
border:1px solid #f0d9e7;
border-radius:24px;
padding:34px 30px;
}

/* TITLE */
.ws-details-title{
font-size:20px;
line-height:1.15;
color:#221429;
margin-bottom:10px;
font-weight:500;
font-family:"Playfair Display",Georgia,serif;
}

/* LIST */
.ws-details-list{
display:flex;
flex-direction:column;
gap:6px;
}

/* ROW */
.ws-details-row{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:20px;
}

/* LABEL */
.ws-details-row span{
font-size:14px;
color:#8d6d83;
}

/* VALUE */
.ws-details-row strong{
font-size:14px;
font-weight:600;
color:#221429;
text-align:right;
flex:1;
}

/* MOBILE */
@media(max-width:767px){

.ws-details-card{
padding:26px 22px;
border-radius:20px;
}

.ws-details-title{
font-size:18px;
margin-bottom:28px;
}

.ws-details-row{
gap:8px;
}

.ws-details-row span,
.ws-details-row strong{
font-size:13px;
}
}

/* =========================
   SUBMIT STORY CARD
========================= */

.ws-submit-story-card{
margin-top:20px;
padding:24px;
border-radius:24px;
background:linear-gradient(135deg,#7b169c 0%,#e60f97 50%,#f53d93 100%);
color:#fff;
}

/* TITLE */
.ws-submit-story-card h3{
font-size:20px;
line-height:1.05;
margin-bottom:2px;
font-weight:500;
font-family:"Playfair Display",Georgia,serif;
color:#fff;
}

/* TEXT */
.ws-submit-story-card p{
font-size:14px;
line-height:1.8;
color:rgba(255,255,255,0.92);
margin-bottom:15px;
}

/* BUTTON */
.ws-submit-story-btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:10px 20px;
border-radius:999px;
background:#fff;
text-decoration:none;
font-size:12px;
letter-spacing:1.5px;
font-weight:700;
color:#221429;
transition:all .3s ease;
}

/* HOVER */
.ws-submit-story-btn:hover{
transform:translateY(-2px);
background:#fff;
color:#e60f97;
}

/* =========================
   SHARE CARD
========================= */

.ws-share-story-card{
margin-top:20px;
background:#fff;
border:1px solid #f0d9e7;
border-radius:20px;
overflow:hidden;
}

/* LINK */
.ws-share-story-card a{
display:flex;
align-items:center;
justify-content:center;
gap:12px;
text-decoration:none;
font-size:16px;
font-weight:600;
padding:16px 20px;
color:#221429;
transition:all .3s ease;
}

/* ICON */
.ws-share-story-card i{
font-size:18px;
color:#221429;
}

/* HOVER */
.ws-share-story-card a:hover{
background:#fcf5f9;
}

/* MOBILE */
@media(max-width:767px){

.ws-submit-story-card{
padding:28px 24px;
border-radius:22px;
}

.ws-submit-story-card h3{
font-size:32px;
}

.ws-submit-story-card p{
font-size:15px;
}

.ws-share-story-card a{
height:74px;
font-size:16px;
}
}

/* =========================
   RELATED STORIES
========================= */

.ws-related-stories-wrap{
padding:10px;
}

/* TITLE */
.ws-related-title{
font-size:30px;
line-height:1.1;
margin-bottom:42px;
font-weight:500;
color:#221429;
font-family:"Playfair Display",Georgia,serif;
}

/* GRID */
.ws-related-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:28px;
}

/* CARD */
.ws-related-card{
text-decoration:none;
display:block;
}

/* IMAGE */
.ws-related-image{
border-radius:22px;
overflow:hidden;
margin-bottom:22px;
}

.ws-related-image img{
width:100%;
height:320px;
object-fit:cover;
display:block;
transition:transform .5s ease;
}

/* HOVER */
.ws-related-card:hover .ws-related-image img{
transform:scale(1.04);
}

/* COUPLE */
.ws-related-couple{
font-size:10px;
letter-spacing:2px;
text-transform:uppercase;
font-weight:700;
color:#e60f97;
margin-bottom:12px;
}

/* TITLE */
.ws-related-name{
font-size:20px;
line-height:1.18;
font-weight:500;
color:#221429;
margin-bottom:16px;
font-family:"Playfair Display",Georgia,serif;
transition:color .3s ease;
}

/* HOVER */
.ws-related-card:hover .ws-related-name{
color:#e60f97;
}

/* LOCATION */
.ws-related-location{
display:flex;
align-items:center;
gap:8px;
font-size:12px;
color:#8d6d83;
}

.ws-related-location i{
font-size:12px;
color:#e60f97;
}

/* MOBILE */
@media(max-width:980px){

.ws-related-grid{
grid-template-columns:1fr;
gap:40px;
}

.ws-related-name{
font-size:28px;
}
}

@media(max-width:767px){

.ws-related-stories-wrap{
padding:70px 0 0;
}

.ws-related-title{
font-size:36px;
margin-bottom:34px;
}

.ws-related-image img{
height:260px;
}

.ws-related-name{
font-size:24px;
}
}