/*
Theme Name: Designer
Theme URI: 
Author: Siriri Creative
Author URI: https://siriri.com.np/
Description: A very light weight and fast theme specially designed for designers.
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: designer
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}







@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* All column blocks fade up */
.wp-block-column {
  opacity: 0;
  animation: fadeUp 1s ease-out forwards;
}

/* Stagger the fade-up */
.wp-block-column:nth-child(1) {
  animation-delay: 0s;
}
.wp-block-column:nth-child(2) {
  animation-delay: 0.3s;
}
.wp-block-column:nth-child(3) {
  animation-delay: 0.6s;
}
.wp-block-column:nth-child(4) {
  animation-delay: 0.9s;
}
.wp-block-column:nth-child(5) {
  animation-delay: 1.2s;
}




.experience-years {
  white-space: nowrap;
}


/* Modern hover animation for all images */
img {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: inline-block; /* ensures transform works smoothly */
}

/* Hover effect */
img:hover {
  transform: scale(1.05) rotate(1deg); /* subtle zoom and rotation */
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); /* soft shadow */
  cursor: pointer; /* optional: shows pointer */
}






/* Scrollable column */
.scrollable-column {
  max-height: 70vh; /* adjust height as you like */
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin; /* Firefox */
  scrollbar-color: #aaaaaa transparent;
}

/* Optional: customize scrollbar for Chrome/Safari */
.scrollable-column::-webkit-scrollbar {
  width: 6px;
}
.scrollable-column::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 10px;
}
.scrollable-column::-webkit-scrollbar-track {
  background: transparent;
}





/* 🎨 Custom File Download Button */
.wp-block-file__button {
  background-color: #3a3a3a;        /* Button background */
  color: #fff;                   /* Text color */
  padding: 10px 20px;            /* Button padding */
  border-radius: 8px;            /* Rounded corners */
  text-decoration: none;         /* Remove underline */
  font-weight: 400;              /* Normal text */
  font-size: 16px;             /* Font size */
  transition: all 0.3s ease;     /* Smooth hover */
}

/* Hover effect */
.wp-block-file__button:hover {
  background-color: #525252;     /* Hover background */
  color: #fff;                   /* Hover text color */
  transform: translateY(-2px);   /* Slight lift */
}

/* Optional: match modern button look */
.wp-block-file__button.wp-element-button {
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
}




/* ✅ Keep border radius and smooth hover for all image and gallery blocks */
.wp-block-image,
.wp-block-gallery figure {
  border-radius: 12px;         /* same radius as image */
  overflow: hidden;            /* ensures corners stay rounded */
}

/* Apply rounded corners to the image itself */
.wp-block-image img,
.wp-block-gallery img {
  border-radius: 12px;
  transition: all 0.3s ease;
  display: block;              /* avoid inline gaps */
}

/* Hover effect without breaking corners */
.wp-block-image:hover img,
.wp-block-gallery figure:hover img {
  transform: scale(1.05);
  border-radius: 12px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

/* Keep radius in lightbox (expand on click) */
.wp-lightbox__image,
.wp-lightbox__container img {
  border-radius: 12px !important;
  overflow: hidden;
}