/* Singulart-inspired redesign for Arts & Dreams client pages */

/* Reset and base */
* {
  box-sizing: border-box;
}

body {
  font-family: 'Inter', sans-serif;
  background-color: #fff;
  color: #1a1a1a;
  margin: 0;
  padding: 0;
  line-height: 1.6;
}

/* Container */
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}

/* Header and Navigation */
.navbar {
  background-color: #fff;
  border-bottom: 1px solid #eaeaea;
  padding: 1rem 0;
  box-shadow: none;
}

.navbar .navbar-brand {
  font-weight: 700;
  font-size: 1.5rem;
  color: #222;
}

.navbar .nav-link {
  color: #555;
  font-weight: 500;
  margin-right: 1rem;
  transition: color 0.3s ease;
}

.navbar .nav-link:hover,
.navbar .nav-link.active {
  color: #0055ff;
}

/* Buttons */
.btn-primary {
  background-color: #0055ff;
  border: none;
  color: #fff;
  padding: 0.6rem 1.2rem;
  border-radius: 6px;
  font-weight: 600;
  transition: background-color 0.3s ease;
}

.btn-primary:hover {
  background-color: #003bb5;
  color: #fff;
}

.btn-outline-secondary {
  border: 1px solid #ccc;
  color: #555;
  padding: 0.5rem 1rem;
  border-radius: 6px;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.btn-outline-secondary:hover {
  background-color: #f0f0f0;
  color: #222;
}

/* Headings */
h1, h2, h3, h4 {
  font-weight: 700;
  color: #222;
  margin-bottom: 1rem;
}

/* Cards */
.card {
  border: none;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  background-color: #fff;
}

.card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.1);
}

.card-img-top {
  width: 100%;
  height: 220px;
  object-fit: cover;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

/* Forms */
.form-control, .form-select {
  border-radius: 8px;
  border: 1px solid #ddd;
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  transition: border-color 0.3s ease;
}

.form-control:focus, .form-select:focus {
  border-color: #0055ff;
  outline: none;
  box-shadow: 0 0 5px rgba(0,85,255,0.3);
}

/* Tables */
.table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 1rem;
}

.table th, .table td {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #eee;
  text-align: left;
}

.table th {
  background-color: #f9f9f9;
  font-weight: 600;
  color: #444;
}

/* Responsive */
@media (max-width: 768px) {
  .card-img-top {
    height: 150px;
  }
  .container {
    padding: 0 0.5rem;
  }
}

/* Artist Profile Picture in Artwork Detail */
.artist-profile-picture {
  width: 120px;
  height: 120px;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #ddd;
}

/* Artwork Image Styling */
.artwork-image {
  max-width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* Utility */
.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}
/ *   N e w   s t y l e s   f o r   a r t w o r k   d e t a i l   r e d e s i g n   * / 
 
 / *   A r t w o r k   H e r o   S e c t i o n   * / 
 . a r t w o r k - h e r o   { 
     w i d t h :   1 0 0 % ; 
     p a d d i n g :   2 r e m   0 ; 
     b a c k g r o u n d - c o l o r :   # f 8 f 9 f a ; 
 } 
 
 . a r t w o r k - i m a g e - c o n t a i n e r   { 
     p o s i t i o n :   r e l a t i v e ; 
     m a x - w i d t h :   8 0 0 p x ; 
     m a r g i n :   0   a u t o ; 
     d i s p l a y :   f l e x ; 
     j u s t i f y - c o n t e n t :   c e n t e r ; 
 } 
 
 . a r t w o r k - i m a g e - l a r g e   { 
     m a x - w i d t h :   1 0 0 % ; 
     m a x - h e i g h t :   7 0 v h ; 
     o b j e c t - f i t :   c o n t a i n ; 
     b o r d e r - r a d i u s :   8 p x ; 
     b o x - s h a d o w :   0   4 p x   1 2 p x   r g b a ( 0 , 0 , 0 , 0 . 1 ) ; 
 } 
 
 . z o o m - o v e r l a y   { 
     p o s i t i o n :   a b s o l u t e ; 
     t o p :   5 0 % ; 
     l e f t :   5 0 % ; 
     t r a n s f o r m :   t r a n s l a t e ( - 5 0 % ,   - 5 0 % ) ; 
     b a c k g r o u n d - c o l o r :   r g b a ( 0 , 0 , 0 , 0 . 5 ) ; 
     c o l o r :   w h i t e ; 
     p a d d i n g :   1 r e m ; 
     b o r d e r - r a d i u s :   5 0 % ; 
     c u r s o r :   p o i n t e r ; 
     o p a c i t y :   0 ; 
     t r a n s i t i o n :   o p a c i t y   0 . 3 s   e a s e ; 
 } 
 
 . a r t w o r k - i m a g e - c o n t a i n e r : h o v e r   . z o o m - o v e r l a y   { 
     o p a c i t y :   1 ; 
 } 
 
 . a r t w o r k - p l a c e h o l d e r   { 
     h e i g h t :   4 0 0 p x ; 
     w i d t h :   1 0 0 % ; 
     m a x - w i d t h :   6 0 0 p x ; 
     b o r d e r - r a d i u s :   8 p x ; 
 } 
 
 . a r t w o r k - t i t l e - s e c t i o n   { 
     m a r g i n - t o p :   2 r e m ; 
 } 
 
 . a r t w o r k - t i t l e   { 
     f o n t - s i z e :   2 . 5 r e m ; 
     f o n t - w e i g h t :   7 0 0 ; 
     c o l o r :   # 2 2 2 ; 
     m a r g i n - b o t t o m :   0 . 5 r e m ; 
 } 
 
 . a r t w o r k - a r t i s t   { 
     f o n t - s i z e :   1 . 2 r e m ; 
     c o l o r :   # 6 6 6 ; 
     f o n t - w e i g h t :   4 0 0 ; 
 } 
 
 / *   A c t i o n   S e c t i o n   * / 
 . a c t i o n - s e c t i o n   { 
     p a d d i n g :   2 r e m   0 ; 
     b a c k g r o u n d - c o l o r :   # f f f ; 
     b o r d e r - b o t t o m :   1 p x   s o l i d   # e e e ; 
 } 
 
 . a c t i o n - i c o n s   { 
     d i s p l a y :   f l e x ; 
     j u s t i f y - c o n t e n t :   c e n t e r ; 
     g a p :   2 r e m ; 
     m a r g i n - b o t t o m :   1 r e m ; 
 } 
 
 . a c t i o n - i c o n   { 
     c o l o r :   # 5 5 5 ; 
     f o n t - s i z e :   1 . 5 r e m ; 
     t e x t - d e c o r a t i o n :   n o n e ; 
     t r a n s i t i o n :   c o l o r   0 . 3 s   e a s e ; 
 } 
 
 . a c t i o n - i c o n : h o v e r   { 
     c o l o r :   # 0 0 5 5 f f ; 
 } 
 
 . a v a i l a b i l i t y - s t a t u s   { 
     c o l o r :   # 8 8 8 ; 
 } 
 
 / *   M a i n   C o n t e n t   * / 
 . m a i n - c o n t e n t   { 
     p a d d i n g :   3 r e m   1 r e m ; 
 } 
 
 . d e t a i l s - s e c t i o n   { 
     m a r g i n - b o t t o m :   3 r e m ; 
 } 
 
 . s e c t i o n - h e a d i n g   { 
     f o n t - s i z e :   1 . 8 r e m ; 
     f o n t - w e i g h t :   6 0 0 ; 
     c o l o r :   # 2 2 2 ; 
     m a r g i n - b o t t o m :   1 . 5 r e m ; 
     b o r d e r - b o t t o m :   2 p x   s o l i d   # 0 0 5 5 f f ; 
     p a d d i n g - b o t t o m :   0 . 5 r e m ; 
 } 
 
 . d e t a i l s - l i s t   p   { 
     m a r g i n - b o t t o m :   1 r e m ; 
     l i n e - h e i g h t :   1 . 6 ; 
 } 
 
 / *   G a l l e r y   I n f o   * / 
 . g a l l e r y - i n f o   { 
     t e x t - a l i g n :   c e n t e r ; 
     p a d d i n g :   2 r e m ; 
     b a c k g r o u n d - c o l o r :   # f 8 f 9 f a ; 
     b o r d e r - r a d i u s :   1 2 p x ; 
 } 
 
 . g a l l e r y - l o g o   { 
     m a x - w i d t h :   1 5 0 p x ; 
     m a r g i n - b o t t o m :   1 r e m ; 
 } 
 
 . g a l l e r y - t a g l i n e   { 
     c o l o r :   # 6 6 6 ; 
     f o n t - s t y l e :   i t a l i c ; 
 } 
 
 / *   A r t i s t   S i d e b a r   * / 
 . a r t i s t - s i d e b a r   { 
     p o s i t i o n :   f i x e d ; 
     t o p :   1 0 0 p x ; 
     r i g h t :   2 r e m ; 
     w i d t h :   3 0 0 p x ; 
     b a c k g r o u n d - c o l o r :   # f f f ; 
     b o r d e r :   1 p x   s o l i d   # e e e ; 
     b o r d e r - r a d i u s :   1 2 p x ; 
     p a d d i n g :   1 . 5 r e m ; 
     b o x - s h a d o w :   0   4 p x   1 2 p x   r g b a ( 0 , 0 , 0 , 0 . 1 ) ; 
     z - i n d e x :   1 0 0 ; 
 } 
 
 . a r t i s t - s i d e b a r   . a r t i s t - i n f o   h 3   { 
     f o n t - s i z e :   1 . 4 r e m ; 
     m a r g i n - b o t t o m :   1 r e m ; 
 } 
 
 . a r t i s t - s i d e b a r   . a r t i s t - p r o f i l e - p i c t u r e   { 
     w i d t h :   8 0 p x ; 
     h e i g h t :   8 0 p x ; 
     b o r d e r - r a d i u s :   5 0 % ; 
 } 
 
 / *   R e s p o n s i v e   * / 
 @ m e d i a   ( m a x - w i d t h :   1 2 0 0 p x )   { 
     . a r t i s t - s i d e b a r   { 
         p o s i t i o n :   s t a t i c ; 
         w i d t h :   1 0 0 % ; 
         m a r g i n - t o p :   2 r e m ; 
     } 
 } 
 
 @ m e d i a   ( m a x - w i d t h :   7 6 8 p x )   { 
     . a r t w o r k - t i t l e   { 
         f o n t - s i z e :   2 r e m ; 
     } 
 
     . a c t i o n - i c o n s   { 
         g a p :   1 . 5 r e m ; 
     } 
 
     . a c t i o n - i c o n   { 
         f o n t - s i z e :   1 . 3 r e m ; 
     } 
 
     . m a i n - c o n t e n t   { 
         p a d d i n g :   2 r e m   0 . 5 r e m ; 
     } 
 
     . g a l l e r y - i n f o   { 
         m a r g i n - t o p :   2 r e m ; 
     } 
 }  
 